/* WITEAM26 · Encuestas
   Concepto: minimalismo sobre el azul institucional de TEAM. Mucho aire, líneas finas,
   el cian del logo WITEAM solo para la acción principal y el avance.
   Colores y tipografía del Manual de identidad TEAM 2026. Un solo tema oscuro, deliberado. */
:root{
  color-scheme: dark;
  --abismo:#011d38;       /* Pantone 7547 C */
  --marino:#00295b;       /* Pantone 534 C, azul TEAM */
  --marino-2:#0a2a55;
  --celeste:#8eb3dc;      /* Pantone 278 C */
  --cian:#3fc1e6;         /* cian del logo WITEAM26 */
  --cian-hondo:#0a7298;
  --plata:#cecece;        /* Cool Gray 2 C */
  --plata-2:#8e98a6;
  --morado:#a855f7;       /* Stratosphere, solo en "Powered by" */
  --texto:#f2f5f9;
  --tenue:#a3b3c8;
  --linea:rgba(142,179,220,.16);
  --vidrio:rgba(255,255,255,.035);
  --vidrio-borde:rgba(142,179,220,.18);
  --error:#ff8a73;
  --ok:#5fe0a8;
  --radio:14px;
  /* Century Gothic es la tipografía institucional. Si el equipo no la tiene instalada
     (celulares), se usa Adventor, su equivalente libre incluido en el proyecto. */
  --fuente:"Century Gothic","CenturyGothic","Adventor","AppleGothic",system-ui,sans-serif;
}
*{box-sizing:border-box}
@font-face{font-family:"Adventor";font-weight:400;font-display:swap;src:url(../fonts/adventor-regular.woff2) format("woff2")}
@font-face{font-family:"Adventor";font-weight:700;font-display:swap;src:url(../fonts/adventor-bold.woff2) format("woff2")}
[hidden]{display:none!important}
html,body{margin:0}
body{
  background:var(--abismo);color:var(--texto);font-family:var(--fuente);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden;
}
/* Atmósfera: un solo degradado del azul TEAM al abismo, como el key visual del evento */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(120vmax 80vmax at 50% -20%, var(--marino) 0%, var(--abismo) 62%);
}
.trazos{display:none}
a{color:var(--cian)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;line-height:1.2;text-wrap:balance;font-weight:700;letter-spacing:0}
:focus-visible{outline:2px solid var(--cian);outline-offset:3px;border-radius:6px}
.tenue{color:var(--tenue)}
.num{font-variant-numeric:tabular-nums}

/* ---------- Powered by ---------- */
.powered{display:flex;align-items:center;gap:14px;color:var(--tenue);font-size:.85rem;letter-spacing:.02em}
/* Misma altura visual que el logo de WITEAM26 (150 px de ancho ≈ 34 px de alto) */
.powered img{height:34px;width:auto}

/* ---------- Pie: marcas en blanco + aviso de privacidad ---------- */
.pie{margin-top:72px;padding:36px 20px 32px;border-top:1px solid var(--linea)}
.pie-marcas{max-width:880px;margin:0 auto;opacity:.55}
.pie-marcas img{width:100%;height:auto}
.pie .aviso{max-width:720px;margin:28px auto 0;color:var(--tenue);font-size:.68rem;line-height:1.6;opacity:.85}
.pie .aviso p{margin:0}
.pie .aviso a{color:var(--celeste)}

/* ---------- Página móvil (encuesta, gracias, cerrada, inicio) ---------- */
.movil{max-width:480px;margin:0 auto;padding:36px 22px 0}
.marca-evento{display:flex;justify-content:flex-start;padding:0 0 44px}
.marca-evento img{width:150px}
.marca-evento.grande{justify-content:center;padding-bottom:36px}
.marca-evento.grande img{width:min(56%,200px)}

.cabecera{padding:0}
.cabecera .sala{color:var(--celeste);font-size:.8rem;margin:0 0 10px}
.cabecera h1{font-size:1.6rem;font-weight:700;line-height:1.2}
.cabecera .cuando{margin:10px 0 0;font-size:.82rem;color:var(--tenue)}
.intro{margin:22px 0 0;color:var(--tenue);font-size:.88rem;line-height:1.55}

.form{display:grid;gap:0;margin-top:36px}
.campo{display:grid;gap:6px;border:0;margin:0;padding:0;min-width:0}
.form > .campo{padding:18px 0}
.campo > label,.campo > legend{font-size:.8rem;padding:0;color:var(--tenue)}
.req{color:var(--celeste)}
input[type=text],input[type=email],input:not([type]),input[type=password],textarea{
  font:inherit;font-size:1.05rem;width:100%;padding:8px 0 10px;border-radius:0;color:var(--texto);
  background:transparent;border:0;border-bottom:1px solid var(--vidrio-borde);transition:border-color .2s}
input::placeholder,textarea::placeholder{color:#55708f}
input:focus,textarea:focus{outline:none;border-bottom-color:var(--celeste)}
textarea{resize:vertical;min-height:84px;border:1px solid var(--vidrio-borde);border-radius:10px;padding:12px}

.pregunta{padding:34px 0 18px !important;border-top:1px solid var(--linea)}
.form > .campo:not(.pregunta) + .pregunta{border-top:0;padding-top:40px !important}
.pregunta legend{float:left;width:100%;margin-bottom:18px;font-size:1.02rem;line-height:1.45;color:var(--texto)}
.ayuda{clear:both;margin:-8px 0 14px;font-size:.76rem;color:var(--tenue)}
.opciones{clear:both;display:flex;flex-wrap:wrap;gap:8px}
.opcion{position:relative}
.opcion input{position:absolute;opacity:0;width:1px;height:1px}
.opcion span{display:grid;place-items:center;min-height:44px;padding:9px 18px;border-radius:999px;cursor:pointer;
  border:1px solid var(--vidrio-borde);color:var(--plata);font-size:.9rem;transition:background .2s,border-color .2s,color .2s}
.opcion span:hover{border-color:var(--celeste)}
.opcion input:checked + span{color:var(--abismo);background:var(--celeste);border-color:var(--celeste)}
.opcion input:focus-visible + span{outline:2px solid var(--celeste);outline-offset:3px}
.opciones.escala{display:grid;grid-template-columns:repeat(5,1fr)}
.escala-ref{display:flex;justify-content:space-between;font-size:.72rem;color:var(--tenue);margin-top:8px}

/* Opción única con texto largo: lista con círculo */
.opciones.lista{display:grid;gap:0}
.opciones.lista .opcion span{display:flex;align-items:flex-start;gap:14px;justify-content:flex-start;text-align:left;
  padding:13px 0;border:0;border-radius:0;border-bottom:1px solid var(--linea);background:none !important;
  color:var(--plata);line-height:1.45;font-size:.92rem}
.opciones.lista .opcion:last-child span{border-bottom:0}
.opciones.lista .opcion span::before{content:"";box-sizing:border-box;flex:none;margin-top:2px;width:18px;height:18px;border-radius:50%;
  border:1px solid var(--plata-2);transition:border .15s,background .15s}
.opciones.lista .opcion input:checked + span{color:var(--texto)}
.opciones.lista .opcion input:checked + span::before{border:5px solid var(--celeste);background:var(--abismo)}

/* Selección múltiple: chips */
.opciones.chips .opcion span{gap:8px;display:flex;align-items:center}
.opciones.chips .opcion input:checked + span::before{content:"";width:5px;height:10px;border:solid var(--abismo);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}

.pregunta.aparece{animation:aparece .45s cubic-bezier(.22,1,.36,1)}
@keyframes aparece{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- Caritas de cristal (lo único con color y vida en la encuesta) ---------- */
.caritas{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.carita{position:relative;display:grid;justify-items:center;gap:12px;cursor:pointer;padding:6px 0;
  -webkit-tap-highlight-color:transparent;transition:opacity .3s,filter .3s}
.carita input{position:absolute;opacity:0;width:1px;height:1px}
.carita-orbe{position:relative;width:min(20vw,80px);aspect-ratio:1;display:block;border-radius:50%}
.carita-orbe::after{content:"";position:absolute;inset:22% 16% -4%;border-radius:50%;filter:blur(14px);opacity:0;z-index:-1;transition:opacity .3s}
.cara{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.carita:nth-child(1) .carita-orbe::after{background:#ff4d73}
.carita:nth-child(2) .carita-orbe::after{background:#ffae2e}
.carita:nth-child(3) .carita-orbe::after{background:#2fd98a}
.carita-texto{font-size:.74rem;color:var(--tenue);text-align:center;line-height:1.3;transition:color .3s}
.cara .cuerpo{transform-origin:60px 60px;transform-box:view-box}
.cara-feliz .cuerpo{animation:flotar 2.6s ease-in-out infinite}
.cara-feliz .boca{transform-origin:60px 70px;transform-box:view-box;animation:reir 1.3s ease-in-out infinite}
.cara-neutro .cuerpo{animation:flotar 3.2s ease-in-out infinite .4s}
.cara-neutro .pupilas{animation:mirar 4s ease-in-out infinite}
.cara-triste .cuerpo{animation:flotar 3.6s ease-in-out infinite .8s}
.cara-triste .lagrima{transform-box:view-box;animation:llorar 2.8s ease-in infinite}
@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes reir{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72)}}
@keyframes mirar{0%,20%{transform:translateX(0)}30%,50%{transform:translateX(-5px)}60%,80%{transform:translateX(5px)}90%,100%{transform:translateX(0)}}
@keyframes llorar{0%,25%{transform:translateY(0) scale(.2);opacity:0}35%{transform:translateY(0) scale(1);opacity:1}85%{transform:translateY(22px) scale(1);opacity:1}100%{transform:translateY(28px) scale(.8);opacity:0}}
.caritas:has(input:checked) .carita{opacity:.35;filter:saturate(.3)}
.caritas:has(input:checked) .carita:has(input:checked){opacity:1;filter:none}
.carita:has(input:checked) .carita-orbe::after{opacity:.7}
.carita:has(input:checked) .carita-texto{color:var(--texto)}
.carita:has(input:checked) .cara{transform:scale(1.08)}
.carita.rebota .carita-orbe{animation:rebote .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes rebote{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-6deg)}55%{transform:scale(.95) rotate(3deg)}100%{transform:scale(1)}}
.carita input:focus-visible + .carita-orbe{outline:2px solid var(--celeste);outline-offset:6px}
@media (hover:hover){.carita:hover .cara{transform:scale(1.08)}}

.check{display:flex;gap:12px;align-items:flex-start;font-size:.78rem;color:var(--tenue);line-height:1.5;cursor:pointer}
.check input{appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border-radius:5px;cursor:pointer;
  border:1px solid var(--plata-2);background:transparent;display:grid;place-items:center}
.check input:checked{background:var(--celeste);border-color:var(--celeste)}
.check input:checked::after{content:"";width:5px;height:10px;border:solid var(--abismo);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}

.con-error input,.con-error textarea{border-color:var(--error)}
.con-error.pregunta legend{color:var(--error)}
.msg-error{margin:6px 0 0;color:var(--error);font-size:.78rem}
.error-general{margin-top:28px;padding:0 0 0 12px;border-left:2px solid var(--error);color:var(--error);font-size:.88rem}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.boton{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;width:100%;
  font:inherit;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;
  padding:16px 22px;border:0;border-radius:999px;color:var(--abismo);background:var(--celeste);transition:background .2s,opacity .2s}
.boton:hover{background:#a9c6e6}
.boton:active{transform:translateY(1px)}
.boton:disabled{opacity:.6;cursor:progress}
.boton.fantasma{width:auto;font-weight:400;color:var(--plata);background:transparent;border:1px solid var(--vidrio-borde);padding:10px 16px;font-size:.88rem}
.boton.fantasma:hover{border-color:var(--celeste)}
.boton.mini{width:auto;padding:7px 12px;font-size:.78rem;border-radius:10px}
.cierre-form{display:grid;gap:28px;justify-items:center;padding-top:28px}

/* Gracias / cerrada / inicio */
.final{display:grid;justify-items:center;text-align:center;gap:14px;padding:24px 0 8px}
.final h1{font-size:1.7rem}
.final p{margin:0;color:var(--tenue);max-width:32ch;font-size:.92rem}
.final .powered{margin-top:18px}
.sello{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;border:1px solid var(--celeste)}
.sello svg{width:28px;height:28px}
.sello path{fill:none;stroke:var(--celeste);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:trazo .7s .2s ease forwards}
@keyframes trazo{to{stroke-dashoffset:0}}

/* ---------- Pantalla de sala (proyección 16:9) ----------
   Sin marcos ni brillos: QR, nombre de la sesión y el avance. */
/* Escenario 16:9 que se escala completo para caber en cualquier pantalla o proyector:
   todo se mide en --u (1/100 del alto del escenario), así nada se deforma ni se encima.
   Si la pantalla no es 16:9, sobra fondo arriba/abajo o a los lados, nunca se recorta. */
body.pantalla{height:100vh;overflow:hidden;--u:min(1vh,0.5625vw)}
.pant{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(var(--u)*177.78);height:calc(var(--u)*100);
  display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--u)*5) calc(var(--u)*10.67) calc(var(--u)*4);box-sizing:border-box}
.pant-top{display:flex;justify-content:space-between;align-items:center}
.pant-top .evento{height:calc(var(--u)*5);width:auto}
.pant-top .team{height:calc(var(--u)*4.4);width:auto;opacity:.9}
.pant-centro{display:grid;grid-template-columns:auto minmax(0,1fr) calc(var(--u)*40);gap:calc(var(--u)*7);align-items:center;min-height:0}
.qr-marco .qr{width:calc(var(--u)*42);height:calc(var(--u)*42);background:#fff;border-radius:calc(var(--u)*1.6);padding:calc(var(--u)*2.2);display:grid}
.qr-marco svg{width:100%;height:100%}
.qr-pie{margin:calc(var(--u)*2.4) 0 0;font-size:calc(var(--u)*2);color:var(--plata)}
.qr-url{margin:calc(var(--u)*0.6) 0 0;font-size:calc(var(--u)*1.25);color:var(--tenue);word-break:break-all;opacity:.7}
.pant-info{display:grid;gap:calc(var(--u)*1.4);min-width:0;position:relative}
.pant-info > *:not(.escultura){position:relative;z-index:1}

/* Escultura de luz del key visual: flota, el núcleo late y viajan partículas por los hilos.
   Bordes fundidos con el fondo para que no se vea como recuadro. */
.escultura{position:relative;align-self:center;width:calc(var(--u)*48);margin-right:calc(var(--u)*-8);justify-self:end;aspect-ratio:1400/1089;z-index:0;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);
          mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}
.escultura img{width:100%;height:100%;display:block;animation:esc-flota 9s ease-in-out infinite;transform-origin:50% 55%}
.escultura-nucleo{position:absolute;left:50%;top:49%;width:22%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(207,226,245,.45) 22%,rgba(142,179,220,0) 70%);
  mix-blend-mode:screen;animation:esc-late 4.5s ease-in-out infinite}
.escultura-chispas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
@keyframes esc-flota{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(calc(var(--u)*-1.2)) scale(1.025)}}
@keyframes esc-late{0%,100%{opacity:.25;scale:.85}50%{opacity:.85;scale:1.15}}
.pant-sala{margin:0;color:var(--celeste);font-size:calc(var(--u)*2.3)}
.pant-info h1{font-size:calc(var(--u)*5.6);font-weight:700;max-width:22ch;line-height:1.15}
.pant-cuando{margin:0;color:var(--tenue);font-size:calc(var(--u)*2.1)}

.medidor{margin-top:calc(var(--u)*5);display:grid;gap:calc(var(--u)*2)}
.pct{font-size:calc(var(--u)*13);line-height:.9;font-weight:400;letter-spacing:-.02em;color:var(--texto)}
.pct small{font-size:.38em;margin-left:.1em;color:var(--celeste)}
.tubo{position:relative;height:calc(var(--u)*0.9);border-radius:999px;background:rgba(142,179,220,.16);overflow:hidden}
.relleno{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--celeste);
  transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.tubo.completo .relleno{background:#fff}
/* Barra como ola de luz: si el script corre, reemplaza al tubo recto (que queda como respaldo). */
.tubo.con-ola{height:calc(var(--u)*4.2);background:none;overflow:visible;border-radius:0}
.tubo.con-ola .relleno{display:none}
.barra-ola{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;display:none}
.tubo.con-ola .barra-ola{display:block}
.bo-fondo{fill:none;stroke:#8eb3dc;stroke-opacity:.18;stroke-width:1.5}
.bo-l1{fill:none;stroke:url(#barra-luz);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(142,179,220,.7))}
.bo-l2{fill:none;stroke:#8eb3dc;stroke-opacity:.35;stroke-width:1.2}
.bo-halo{fill:url(#barra-destello);opacity:.9}
.bo-punta{fill:#fff}
.tubo.completo .bo-l1{stroke:#fff;filter:drop-shadow(0 0 9px rgba(255,255,255,.75))}
.medidor-meta{display:flex;justify-content:space-between;gap:calc(var(--u)*3.56);font-size:calc(var(--u)*2.2);color:var(--tenue)}
.medidor-meta b{color:var(--texto);font-weight:700}
.pant-aviso{margin:0;font-size:calc(var(--u)*2.4);color:var(--error)}

.pant-base{display:block}

/* Línea de marcas: todos los logos en una sola línea recta de lado a lado.
   Encima, una ola de luz finísima; una cresta de brillo recorre las marcas. */
.ola{position:relative;width:100%;height:calc(var(--u)*10)}
.ola-lineas{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.ola-l1{fill:none;stroke:url(#ola-luz);stroke-width:1.2;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(142,179,220,.5))}
.ola-l2{fill:none;stroke:#8eb3dc;stroke-opacity:.16;stroke-width:1}
.ola-fila{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*4.4);display:flex;justify-content:space-between;align-items:center}
.ola-logo{display:block;flex:none;width:auto;max-width:none;opacity:.78;will-change:opacity,transform}
.pant-top .powered{font-size:calc(var(--u)*1.8);gap:calc(var(--u)*1.4)}
.pant-top .powered img{height:calc(var(--u)*5)}
.conexion{position:fixed;right:calc(var(--u)*10.67);top:calc(var(--u)*13);margin:0;font-size:calc(var(--u)*1.5);color:var(--tenue);display:flex;align-items:center;gap:calc(var(--u)*0.8)}
.conexion::before{content:"";width:calc(var(--u)*0.9);height:calc(var(--u)*0.9);border-radius:50%;background:#e8b44c}

/* ---------- Staff ---------- */
.staff{max-width:1200px;margin:0 auto;padding:28px 20px 0}
.staff-cab{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}
.staff-cab .marcas-cab{display:flex;align-items:center;gap:18px}
.staff-cab .marcas-cab img{height:34px;width:auto}
.staff-cab h1{font-size:1.4rem}
.acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.acciones form{margin:0}
.avisos{display:grid;gap:8px;margin-bottom:18px}
.avisos p{margin:0;padding:12px 16px;border-radius:14px;background:rgba(63,193,230,.1);border:1px solid rgba(63,193,230,.25);font-size:.9rem}
.bk{margin-bottom:22px;padding:20px;border-radius:22px;background:var(--vidrio);border:1px solid var(--vidrio-borde);display:grid;gap:14px;min-width:0}
.bk-cab{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}
.bk-cab h2{font-size:1.1rem}
.bk-cab p{margin:6px 0 0;font-size:.82rem}
.tabla-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(160,210,240,.1);white-space:nowrap;vertical-align:middle}
th{font-size:.74rem;font-weight:500;color:var(--tenue)}
td form{margin:0}
.aforo{display:flex;gap:8px}
.aforo input{width:80px;padding:8px 10px;border-radius:10px}
.chip{font:inherit;font-size:.75rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid transparent;cursor:default}
button.chip{cursor:pointer}
.chip.ok{background:rgba(95,224,168,.12);color:var(--ok);border-color:rgba(95,224,168,.3)}
.chip.gris{background:rgba(255,255,255,.06);color:var(--tenue);border-color:var(--vidrio-borde)}
.chip.alerta{background:rgba(255,138,115,.12);color:var(--error)}
.enlaces a{font-size:.85rem;text-decoration:none}
.login{max-width:420px;margin:0 auto;padding:12vh 18px 0}
.login .form{margin-top:18px}

/* QR imprimibles: fondo claro para ahorrar tinta */
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.qr-card{padding:18px;border-radius:18px;background:#fff;color:#0b2756;display:grid;gap:8px;break-inside:avoid}
.qr-card h2{font-size:1rem;color:#002a5c}
.qr-card p{margin:0;font-size:.8rem;color:#4a5a73}
.qr-card svg{width:100%;height:auto}
.qr-card .url{font-size:.66rem;word-break:break-all}
@media print{body{background:#fff}body::before,.trazos,.staff-cab .acciones{display:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sello path{stroke-dashoffset:0}
}


/* ==========================================================================
   Tablero de resultados (staff)
   Minimalista: sin tarjetas, solo aire y líneas finas. Colores del ánimo validados
   para daltonismo sobre el fondo: rojo (poco), gris neutro (algo), azul (muy).
   ========================================================================== */
:root{
  --animo-triste:#d65a4f;
  --animo-neutro:#5f6878;
  --animo-feliz:#4d93e0;
  --barra:#8eb3dc;
  --barra-tenue:rgba(142,179,220,.38);
  --pista:rgba(142,179,220,.09);
  --estado-atender:#ff8a73;
  --estado-revisar:#e8b44c;
}
.seg-triste{background:var(--animo-triste)}
.seg-neutro{background:var(--animo-neutro)}
.seg-feliz{background:var(--animo-feliz)}

.tb{max-width:1240px;margin:0 auto;padding:28px 24px 64px}
.tb-cab{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;
  padding-bottom:22px;border-bottom:1px solid var(--linea)}
.tb-marca{display:flex;align-items:center;gap:18px}
.tb-marca img{height:30px;width:auto}
.tb-marca h1{font-size:1.25rem;font-weight:400;color:var(--plata);padding-left:18px;border-left:1px solid var(--linea)}
.tb-acciones{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:.85rem}
.tb-acciones a{color:var(--texto);text-decoration:none;border-bottom:1px solid var(--linea);padding-bottom:2px}
.tb-acciones a:hover{border-color:var(--celeste)}
.tb-hora{color:var(--tenue)}

.filtros{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:18px 0 8px}
.filtro-grupo{display:flex;flex-wrap:wrap;gap:6px}
.chip-f{font-size:.82rem;color:var(--tenue);text-decoration:none;padding:7px 14px;border-radius:999px;border:1px solid transparent}
.chip-f:hover{color:var(--texto);border-color:var(--linea)}
.chip-f.activo{color:var(--abismo);background:var(--plata);font-weight:700}

#tablero{transition:opacity .2s}
#tablero.cargando{opacity:.7}

.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.kpi{display:grid;gap:4px;padding:26px 20px 24px;min-width:0}
.kpi + .kpi{border-left:1px solid var(--linea)}
.kpi-valor{font-size:2.6rem;line-height:1;font-weight:400;color:var(--texto)}
.kpi-nombre{font-size:.86rem;color:var(--plata);margin-top:8px}
.kpi-nota{font-size:.74rem;color:var(--tenue)}

.bloque{padding:44px 0 8px}
.bloque > h2,.breakout-cab h2{font-size:1.05rem;font-weight:700;color:var(--texto);margin-bottom:18px}
.breakout-cab{border-top:1px solid var(--linea);padding-top:36px;margin-top:-8px}
.breakout-cab h2{margin-bottom:6px}
.breakout-cab h2 .tenue{font-weight:400;margin-right:8px}
.breakout-cab p{margin:0 0 22px;font-size:.85rem}
.sub{margin:-10px 0 18px;font-size:.85rem}

.senales{list-style:none;margin:0;padding:0;display:grid;gap:0}
.senal{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--linea);font-size:.93rem;max-width:960px}
.senal-tag{font-size:.74rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--tenue)}
.senal-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--plata-2);flex:none}
.senal-alerta .senal-tag{color:var(--estado-atender)}
.senal-alerta .senal-tag::before{background:var(--estado-atender)}
.senal-aviso .senal-tag{color:var(--estado-revisar)}
.senal-aviso .senal-tag::before{background:var(--estado-revisar)}

.apilada{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden;background:var(--pista)}
.apilada.grande{height:22px;max-width:960px}
.apilada .seg{min-width:3px}
.apilada .seg:focus-visible{outline-offset:-2px}
.apilada.vacia{opacity:.6}
.leyenda{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;margin:14px 0 0;padding:0;font-size:.86rem;color:var(--plata)}
.leyenda b{color:var(--texto);margin-left:4px}
.leyenda .tenue{margin-left:2px;font-size:.8rem}
.muestra{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}

.por-sesion{margin-top:30px;display:grid;gap:12px;max-width:960px}
.fila-sesion{display:grid;grid-template-columns:200px 1fr 90px;gap:18px;align-items:center}
.fila-nombre{display:flex;gap:10px;align-items:baseline;font-size:.86rem;min-width:0}
.fila-nombre b{font-weight:400;color:var(--plata)}
.fila-valor{font-size:.86rem;text-align:right}
.nota-eje{margin:8px 0 0;font-size:.74rem;color:var(--tenue)}

.linea-tiempo{display:flex;align-items:flex-end;gap:3px;height:150px;padding-bottom:22px;border-bottom:1px solid var(--linea);max-width:960px}
.linea-tiempo .col{position:relative;flex:1;min-width:6px;max-width:34px;height:100%;display:flex;align-items:flex-end}
.col-barra{width:100%;display:flex;flex-direction:column;gap:2px;border-radius:4px 4px 0 0;overflow:hidden}
.col-barra span{min-height:2px}
.col-eje{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;font-size:.68rem;color:var(--tenue);white-space:nowrap}

.rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px}
.pregunta-res{min-width:0}
.pregunta-res h3{font-size:.95rem;font-weight:400;color:var(--texto);line-height:1.4}
.pregunta-meta{margin:6px 0 14px;font-size:.76rem;color:var(--tenue)}
.barras{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.barras.angosta{max-width:720px}
.barra-fila{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"texto valor" "pista pista";gap:6px 12px;align-items:baseline;border-radius:4px}
.barra-texto{grid-area:texto;font-size:.84rem;color:var(--plata);line-height:1.35}
.barra-valor{grid-area:valor;text-align:right;font-size:.84rem;color:var(--texto)}
.barra-valor .tenue{font-size:.76rem}
.barra-pista{grid-area:pista;height:6px;border-radius:4px;background:var(--pista);overflow:hidden}
.barra-relleno{display:block;height:100%;border-radius:4px;background:var(--barra-tenue);transition:width .5s ease}
.barra-fila.top .barra-relleno{background:var(--barra)}
.barra-fila.top .barra-texto{color:var(--texto)}
.barra-fila.tiempo .barra-relleno{background:var(--barra-tenue)}
.barra-fila.lenta .barra-relleno{background:var(--estado-revisar)}
.marca-lenta{font-size:.68rem;font-weight:700;color:var(--estado-revisar);margin-left:4px}
.comentarios{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.88rem;color:var(--plata)}
.comentarios li{padding-left:14px;border-left:2px solid var(--linea)}

.tabla-leads{width:100%;border-collapse:collapse;font-size:.84rem}
.tabla-leads th{font-weight:400;font-size:.74rem;color:var(--tenue);text-align:left;padding:0 14px 10px 0;border-bottom:1px solid var(--linea)}
.tabla-leads td{padding:12px 14px 12px 0;border-bottom:1px solid var(--linea);vertical-align:top;white-space:nowrap}
.tabla-leads td.marcas-celda{white-space:normal;min-width:180px;color:var(--plata)}
.tabla-leads td.correo{color:var(--plata)}
.prioridad{font-size:.74rem;color:var(--tenue);display:inline-flex;align-items:center;gap:8px}
.prioridad::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--plata-2)}
.prioridad.alta{color:var(--texto);font-weight:700}
.prioridad.alta::before{background:var(--cian);border-color:var(--cian)}

.mas{max-width:960px}
.mas summary,.ver-todos{cursor:pointer;margin-top:14px;font:inherit;font-size:.84rem;color:var(--celeste);background:none;border:0;padding:0;list-style:none}
.mas summary::-webkit-details-marker{display:none}
.mas summary:hover,.ver-todos:hover{color:var(--texto)}
.vacio{padding:80px 0;max-width:560px}
.vacio h2{font-size:1.2rem;font-weight:400;margin-bottom:10px}
.vacio p{color:var(--tenue);margin:0}

.tip{position:fixed;z-index:50;max-width:320px;padding:8px 12px;border-radius:8px;font-size:.8rem;line-height:1.4;
  background:#f2f5f9;color:#011d38;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}
[data-tip]{cursor:default}
[data-tip]:focus-visible{outline:2px solid var(--celeste);outline-offset:3px}

@media (max-width:980px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi + .kpi{border-left:0}
  .kpi{border-bottom:1px solid var(--linea)}
  .rejilla{grid-template-columns:1fr}
  .fila-sesion{grid-template-columns:130px 1fr 70px}
}
@media (max-width:560px){
  .tb{padding:20px 16px 48px}
  .kpi-valor{font-size:2rem}
  .senal{grid-template-columns:1fr;gap:4px}
  .fila-sesion{grid-template-columns:1fr;gap:6px}
  .fila-valor{text-align:left}
}

/* Logo WITEAM26 como botón de regreso al panel */
.logo-inicio{display:inline-flex;border-radius:8px;padding:4px;margin:-4px;transition:opacity .2s,transform .2s}
.logo-inicio:hover{opacity:.8;transform:translateY(-1px)}
.logo-inicio:focus-visible{outline:2px solid #3fc1e6;outline-offset:3px}

/* ---------- Escala NPS (0 a 10) ---------- */
.opciones.nps{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}
.opciones.nps .opcion span{min-height:42px;padding:0;font-size:.85rem;border-radius:10px}
@media (max-width:380px){.opciones.nps{grid-template-columns:repeat(6,1fr)}}

/* ---------- Ficha recordada en el celular ---------- */
.ficha-recordada{margin-top:24px;font-size:.8rem;color:var(--tenue);line-height:1.5}
.ficha-recordada button{font:inherit;color:var(--cian);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}

/* ---------- Kiosco (tableta del staff) y captura de papel ---------- */
.kiosco-barra{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;
  padding:10px max(16px,calc(50% - 300px));font-size:.78rem;color:var(--tenue);
  background:rgba(1,29,56,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.k-modo{letter-spacing:.04em}
.k-cuenta b{color:var(--texto)}
.k-estado{display:inline-flex;align-items:center;gap:8px}
.k-estado b{font-weight:600;color:var(--texto)}
.k-estado i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(95,224,168,.15)}
.k-estado[data-estado="enviando"] i{background:var(--cian);animation:latido 1s ease-in-out infinite}
.k-estado[data-estado="sin-red"] i,.k-estado[data-estado="sin-sesion"] i{background:#ffae2e;box-shadow:0 0 0 4px rgba(255,174,46,.15)}
.k-estado[data-estado="sin-red"] b,.k-estado[data-estado="sin-sesion"] b{color:#ffcf7a}
@keyframes latido{50%{opacity:.35}}
.movil.kiosco{max-width:600px}
.k-pie{display:grid;gap:10px;justify-items:center;margin:40px 0 0;font-size:.78rem;text-align:center}
.k-pie a{color:var(--tenue)}
#k-rechazadas{color:var(--error)}
.k-gracias{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;
  background:radial-gradient(80vmax 60vmax at 50% 40%, var(--marino) 0%, rgba(1,29,56,.97) 70%);animation:aparecer .25s ease}
.k-gracias[hidden]{display:none}
.k-gracias h2{font-size:2rem;margin:0}
.k-gracias p{margin:0;color:var(--tenue)}
@keyframes aparecer{from{opacity:0}}

/* ---------- Panel: pantallas por sala y tabla por día ---------- */
.salas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.sala-card{display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--vidrio-borde);text-decoration:none;color:var(--texto);
  transition:border-color .2s,background .2s}
.sala-card:hover{border-color:var(--celeste);background:rgba(142,179,220,.06)}
.sala-card .tenue{font-size:.8rem}
.sala-url{font-size:.72rem;color:var(--cian)}
.tabla-panel td.act{min-width:190px}
.tabla-panel td.act b{display:block;font-weight:600}
.tabla-panel td.act .tenue{font-size:.78rem}
.tabla-panel .enlaces{min-width:150px;line-height:1.9}
.tabla-panel .enlaces a{margin-right:10px;white-space:nowrap}
.meta-nota{display:block;font-size:.72rem;margin-top:4px}

/* ---------- Tablero: selector de actividad y NPS ---------- */
select.chip-f.selector{font:inherit;font-size:.82rem;background:transparent;color:var(--tenue);border:1px solid var(--linea);cursor:pointer;max-width:260px}
select.chip-f.selector option{background:var(--abismo);color:var(--texto)}
.nps{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;border:1px solid var(--vidrio-borde)}
.nps-valor{font-size:2rem;font-weight:700;line-height:1}
.nps-texto{font-size:.85rem;color:var(--tenue)}
.nps-texto b{color:var(--texto)}
.comentario-p{display:block;font-size:.72rem;margin-top:2px}

/* ---------- QR para mesas ---------- */
.qr-card .qr-invita{font-size:.85rem;color:#002a5c;font-weight:600;text-align:center}
@media print{.no-imprimir{display:none}.qr-grid{grid-template-columns:repeat(2,1fr)}}
/* Panel: tabla más compacta para que quepan las herramientas sin desplazar */
.staff:has(.tabla-panel){max-width:1360px}
.tabla-panel th,.tabla-panel td{padding:10px 8px}
.tabla-panel td.act,.tabla-panel td.sala-c{white-space:normal}
.tabla-panel td.act{min-width:170px}
.tabla-panel td.sala-c{min-width:110px;max-width:150px}
.tabla-panel .aforo input{width:58px}
.tabla-panel .enlaces{white-space:normal}

/* ---------- Base de asistentes ---------- */
.ficha-hola{margin:10px 0 0;font-size:.82rem;color:var(--ok)}
.carga{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.carga input[type=file]{font:inherit;font-size:.85rem;color:var(--tenue);border:0;padding:0;width:auto}

/* ---------- Resultados: contactos encuestados ---------- */
.ct-cab{display:grid;grid-template-columns:auto 1fr;gap:10px 48px;align-items:end;margin-bottom:26px}
.ct-pct{font-size:4.6rem;line-height:.9;font-weight:400}
.ct-pct small{font-size:1.6rem;color:var(--tenue);margin-left:4px}
.ct-meta{display:grid;gap:12px;padding-bottom:6px;min-width:0}
.ct-meta p{margin:0;color:var(--plata);font-size:.95rem}
.ct-meta p b{color:var(--texto);font-weight:700}
.ct-pista{height:8px;border-radius:6px;background:rgba(142,179,220,.12);overflow:hidden}
.ct-relleno{height:100%;border-radius:6px;background:linear-gradient(90deg,rgba(142,179,220,.45),#cfe2f5);box-shadow:0 0 14px rgba(142,179,220,.6);transition:width .6s ease}
.ct-sub{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.78rem;color:var(--tenue)}
.ct-sub i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--cian)}
.ct-sub i.g{background:var(--plata-2)}
.ct-barra{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin:6px 0 4px}
.ct-buscar{font:inherit;font-size:.9rem;width:min(360px,100%);padding:9px 0;background:transparent;border:0;border-bottom:1px solid var(--vidrio-borde);color:var(--texto);border-radius:0}
.ct-buscar:focus{outline:none;border-bottom-color:var(--celeste)}
.ct-csv{font-size:.85rem;color:var(--texto);text-decoration:none;border-bottom:1px solid var(--linea);padding-bottom:2px;white-space:nowrap}
.ct-csv:hover{border-color:var(--celeste)}
.ct-lista{list-style:none;margin:0;padding:0}
.persona{display:grid;grid-template-columns:38px minmax(160px,1.1fr) minmax(180px,1.3fr) minmax(120px,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--linea)}
.persona[hidden]{display:none}
.ini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--abismo);background:var(--celeste)}
.ini.no{background:transparent;color:var(--plata);border:1px solid var(--vidrio-borde)}
.p-nombre{min-width:0}
.p-nombre b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-nombre .tenue{font-size:.76rem}
.p-correo{color:var(--plata);font-size:.88rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-correo:hover{color:var(--texto)}
.p-emp{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-chips{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.p-chips .ch{font-size:.7rem;padding:3px 9px;border-radius:999px;border:1px solid var(--vidrio-borde);color:var(--plata);white-space:nowrap}
.p-chips .reg{font-size:.7rem;color:var(--ok);white-space:nowrap}
.p-chips .noreg{font-size:.7rem;color:#ffcf7a;white-space:nowrap}
.ct-vacio{margin:16px 0 0;font-size:.85rem}
@media (max-width:760px){
  .ct-cab{grid-template-columns:1fr}
  .persona{grid-template-columns:38px 1fr;gap:4px 14px}
  .persona .p-correo,.persona .p-emp,.persona .p-chips{grid-column:2;justify-content:flex-start}
}

/* ---------- Estrellas de cristal (plenarias y aspectos de la cena) ---------- */
.defs-estrellas{position:absolute;width:0;height:0;overflow:hidden}
.grupo-encabezado{padding:34px 0 0;border-top:1px solid var(--linea)}
.grupo-titulo{margin:0 0 6px;font-size:1.02rem;line-height:1.45;color:var(--texto)}
.grupo-encabezado .ayuda{margin:0}
.grupo-encabezado + .tipo-estrellas{border-top:0}
.pregunta.tipo-estrellas{padding:20px 0 14px !important}
.tipo-estrellas .ses-cab{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:.98rem}
.tipo-estrellas .ses-cab b{font-weight:600}
.tipo-estrellas .ses-cab span{font-size:.74rem;color:var(--tenue);white-space:nowrap}
.estrellas{clear:both;display:flex;gap:6px}
.estrella{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
.estrella input{position:absolute;opacity:0;width:1px;height:1px}
.estrella input:focus-visible + .est-cuerpo{outline:2px solid var(--celeste);outline-offset:3px;border-radius:8px}
.est-cuerpo{position:relative;display:block;width:min(13vw,52px);aspect-ratio:1}
.est{width:100%;height:100%;overflow:visible;transition:transform .25s}
.estrella:hover .est{transform:scale(1.08)}
.est .vacia{fill:rgba(142,179,220,.06);stroke:rgba(142,179,220,.4);stroke-width:2.5;stroke-linejoin:round}
.est .llena{opacity:0;transform-origin:50px 52px;transform-box:view-box;transform:scale(.3)}
.estrella.on .est .llena{opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,200,80,.55))}
.estrella.on.nueva .est .llena{animation:encender .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i)*75ms)}
.estrella.on .est{animation:brillar 2.8s ease-in-out infinite;animation-delay:calc(var(--i)*.25s + .8s)}
@keyframes encender{0%{opacity:0;transform:scale(.3) rotate(-35deg)}60%{opacity:1;transform:scale(1.3) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes brillar{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
.anillo{position:absolute;inset:8%;border-radius:50%;border:2px solid #ffd659;opacity:0;pointer-events:none}
.estrella.nueva .anillo{animation:anillo .7s ease-out both;animation-delay:calc(var(--i)*75ms + .12s)}
@keyframes anillo{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}
.chispa{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff3c4;opacity:0;pointer-events:none;box-shadow:0 0 6px #ffd659}
.estrella.nueva .chispa{animation:chispa .65s ease-out both;animation-delay:calc(var(--i)*75ms + .15s)}
@keyframes chispa{0%{opacity:1;transform:rotate(var(--a)) translateX(4px)}100%{opacity:0;transform:rotate(var(--a)) translateX(30px)}}
.est-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.est-texto{font-size:.8rem;color:var(--tenue);transition:color .3s}
.tipo-estrellas.calificada .est-texto{color:#ffd88a}
.no-asisti{position:relative;font-size:.74rem;color:var(--tenue);cursor:pointer}
.no-asisti input{position:absolute;opacity:0;width:1px;height:1px}
.no-asisti span{display:inline-block;padding:4px 10px;border:1px solid var(--vidrio-borde);border-radius:999px}
.no-asisti input:checked + span{background:var(--plata);color:var(--abismo);border-color:var(--plata)}
.no-asisti input:focus-visible + span{outline:2px solid var(--celeste);outline-offset:2px}
.tipo-estrellas.ausente .estrellas{opacity:.25;filter:grayscale(1)}
/* El seguimiento de cada sesión queda pegado a sus estrellas */
.tipo-estrellas + .pregunta[data-depende]{border-top:0;padding-top:6px !important}
.tipo-estrellas + .pregunta[data-depende] + .pregunta[data-depende]{border-top:0;padding-top:6px !important}
@media (prefers-reduced-motion:reduce){.estrella .est,.estrella .llena,.anillo,.chispa{animation:none !important}}

/* ---------- Reconocer por nombre ---------- */
.ficha-persona{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(142,179,220,.3);background:rgba(142,179,220,.07);
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;animation:aparecer .3s ease}
.ficha-persona[hidden]{display:none}
.ficha-persona p{margin:0;flex:1 1 100%;font-size:.88rem;color:var(--texto)}
.ficha-persona .fp-datos{display:block;font-size:.8rem;color:var(--tenue);margin-top:2px}
.ficha-persona button{font:inherit;font-size:.82rem;border-radius:999px;padding:7px 14px;cursor:pointer}
.fp-si{background:var(--celeste);color:var(--abismo);border:1px solid var(--celeste);font-weight:700}
.fp-no{background:transparent;color:var(--plata);border:1px solid var(--vidrio-borde)}
input[data-oculto="1"]{color:var(--plata)}
.cambiar-correo{font:inherit;font-size:.76rem;color:var(--cian);background:none;border:0;padding:6px 0 0;cursor:pointer;text-decoration:underline}
.cambiar-correo[hidden]{display:none}
.pregunta-meta .promedio{color:#ffd88a;font-weight:700}