/* «Completa tu perfil» (perfil-completo.js): tarjeta en Inicio con % y punto rojo, y una pregunta por pantalla.
   Usa las piezas del registro en celular (registro-celular.css: rc-cab, rc-cuerpo, rc-pregunta, rc-campo, rc-btn…). */
.pc-tarjeta{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;margin:0 0 18px;cursor:pointer}
.pc-tarjeta b{display:flex;align-items:center;gap:8px;font-size:var(--t-5,18px)}
.pc-punto{width:9px;height:9px;border-radius:50%;background:#FF3B30;box-shadow:0 0 0 3px rgba(255,59,48,.18);flex:none}
.pc-tarjeta .pc-sub{grid-column:1;font-size:var(--t-3,14px);color:var(--gris,#9AA3B0)}
.pc-tarjeta .pc-barra{grid-column:1 / -1;height:6px;border-radius:3px;background:var(--linea2,rgba(255,255,255,.16));overflow:hidden}
.pc-tarjeta .pc-barra i{display:block;height:100%;background:var(--menta,#89FF9E);border-radius:3px}
.pc-tarjeta .btn{grid-column:2;grid-row:1 / span 2;margin:0;width:auto;padding:12px 20px}

/* la ventana: pantalla completa en celular; panel al centro en computadora */
.pc-capa{position:fixed!important;inset:0;z-index:36!important;display:flex;align-items:center;justify-content:center;background:rgba(3,4,6,.72)}
.pc-capa.oculto{display:none!important}
.pc-capa [hidden]{display:none!important}
.pc-panel{position:relative;display:flex;flex-direction:column;width:min(460px,100%);height:min(740px,calc(100dvh - 48px));background:var(--fondo,#07090C);color:var(--texto,#EEF1F5);
  border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:20px;overflow:hidden;font-family:var(--f,Inter,system-ui,sans-serif)}
.pc-panel .rc-paso{display:flex;flex-direction:column;flex:1;min-height:0}
.pc-panel .rc-cab{padding-top:8px}
.pc-saltar{display:block;margin:2px auto 0;min-height:44px;background:none;border:0;color:var(--gris,#9AA3B0);font:500 14px var(--f,Inter,sans-serif);padding:12px 0;cursor:pointer}
#pcPasos .rc-campo input,#pcPasos .rc-campo select{width:100%;min-height:0;height:auto;margin:0;padding:0 0 10px;border:0;background:none;outline:none;box-shadow:none;
  color:var(--texto,#EEF1F5);font:500 22px/1.2 var(--f,Inter,sans-serif);border-radius:0}
#pcPasos .rc-campo select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:28px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA3B0' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 0 top 2px/20px no-repeat}
#pcPasos .rc-campo select option{color:#000}
#pcPasos .rc-codigo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;background:none;box-shadow:none;font-size:16px;caret-color:transparent;z-index:2}
.pc-lista{margin-top:8px;border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:14px;overflow:hidden}
.pc-lista button{display:flex;width:100%;align-items:center;min-height:48px;padding:10px 16px;background:var(--sup,#0F141B);border:0;border-top:1px solid var(--linea,rgba(255,255,255,.09));
  color:var(--texto,#EEF1F5);font:500 16px var(--f,Inter,sans-serif);text-align:left;cursor:pointer}
.pc-lista button:first-child{border-top:0}
.pc-lista button.on{color:var(--menta,#89FF9E)}
.pc-foto{width:120px;height:120px;border-radius:50%;margin:28px auto 0;display:grid;place-items:center;background:var(--sup,#0F141B);border:1px dashed var(--linea2,rgba(255,255,255,.16));color:var(--gris,#9AA3B0)}
.pc-foto svg{width:44px;height:44px}
@media (max-width:700px){
  .pc-capa{align-items:stretch;background:var(--fondo,#07090C)}
  .pc-panel{width:100%;height:var(--pc-alto,100dvh);border:0;border-radius:0;padding-top:env(safe-area-inset-top)}
  .pc-capa::before{content:'';position:fixed;left:0;right:0;top:-100vh;height:300vh;background:var(--fondo,#07090C);z-index:-1;pointer-events:none}
}
/* con el registro o «Completa tu perfil» abiertos, la guía del piloto (z-index máximo) espera escondida y vuelve al cerrar */
html.rc-activo .guia-piloto,html.pc-activo .guia-piloto{visibility:hidden!important;pointer-events:none!important}