/* Preguntas de entrada. Todo bajo .pq-* para no chocar con el CSS de cada comparador.
   Misma paleta y mismos componentes que «Alternativas mejores» de las fichas de modelo. */
.pq-root{
  --pq-card:#fdfdfc; --pq-paper:#e9ecea; --pq-line:#c4cbc8; --pq-line2:#e2e7e5;
  --pq-ink:#141917; --pq-ink2:#565f5c; --pq-ink3:#89918e; --pq-accent:#1f4f6d;
  --pq-azul:#1f4f6d; --pq-noche:#141917; --pq-claro:#a3cbe4;
  --pq-ambar:#a85f13; --pq-ambar-txt:#8f4f10; --pq-ambar-suave:#f0b877;
  --pq-verde-txt:#17624a; --pq-verde-bg:rgba(23,98,74,.12); --pq-gris-bg:#e2e7e5; --pq-sombra:rgba(20,25,23,.12);
  --pq-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
  --pq-sans:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --pq-cond:"Arial Narrow","Helvetica Neue Condensed","Liberation Sans Narrow","Segoe UI",sans-serif;
  font-family:var(--pq-sans);font-size:15px;line-height:1.6;color:var(--pq-ink);
}
@media (prefers-color-scheme:dark){.pq-root{
  --pq-card:#141917; --pq-paper:#0c100f; --pq-line:#2c3431; --pq-line2:#1f2624;
  --pq-ink:#e9edeb; --pq-ink2:#9aa5a1; --pq-ink3:#697470; --pq-accent:#7fb4d4;
  --pq-azul:#22506b; --pq-noche:#1b2220; --pq-verde-txt:#6cc3a0; --pq-verde-bg:rgba(108,195,160,.14);
  --pq-ambar-txt:#e0a35c; --pq-gris-bg:#222a27; --pq-sombra:rgba(0,0,0,.4);
}}
.pq-root *{box-sizing:border-box}
html.pq-abierto{overflow:hidden}

/* —— botón grande «noche» sobre la tabla —— */
.pq-banner{margin:0 0 18px}
.pq-banner[hidden]{display:none}
.pq-btn{position:relative;overflow:hidden;width:100%;min-height:124px;display:flex;align-items:center;gap:20px;padding:20px 26px;
  border-radius:18px;border:0;color:#fdfdfc;font:inherit;text-align:left;cursor:pointer;background:var(--pq-noche);
  box-shadow:0 16px 34px rgba(20,25,23,.36);transition:transform .15s ease,box-shadow .15s ease}
@media(prefers-color-scheme:dark){.pq-btn{border:1px solid var(--pq-line)}}
.pq-btn:hover{transform:translateY(-4px)}.pq-btn:active{transform:none}
.pq-btn:focus-visible{outline:3px solid var(--pq-claro);outline-offset:4px}
.pq-btn-fondo{position:absolute;right:-26px;bottom:-40px;opacity:.12;pointer-events:none;line-height:0;color:#fff}
.pq-btn-ico{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:50%;background:var(--pq-ambar);border:2px solid rgba(253,253,252,.5);display:flex;align-items:center;justify-content:center}
.pq-btn-txt{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.pq-btn-k{font:700 12px var(--pq-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pq-ambar-suave)}
.pq-btn-t{font:700 clamp(24px,3.4vw,36px)/1 var(--pq-cond);letter-spacing:-.01em}
.pq-btn-chips{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.pq-pild{background:rgba(253,253,252,.16);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600}
.pq-pild.pq-amb{background:var(--pq-ambar)}
.pq-btn-flecha{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--pq-ambar);color:#fdfdfc;display:flex;align-items:center;justify-content:center}

/* —— avisos dentro de la tabla —— */
.pq-nota{display:inline-block;margin:4px 6px 0 0;font:700 11.5px var(--pq-sans);padding:2px 9px;border-radius:999px;background:#e2e7e5;color:#565f5c}
.pq-nota.pq-enc{background:rgba(23,98,74,.12);color:#17624a}
.pq-nota.pq-vuelto{background:rgba(168,95,19,.14);color:#8f4f10}
@media(prefers-color-scheme:dark){
  .pq-nota{background:#222a27;color:#9aa5a1}.pq-nota.pq-enc{background:rgba(108,195,160,.14);color:#6cc3a0}.pq-nota.pq-vuelto{background:rgba(224,163,92,.16);color:#e0a35c}}

/* —— el pop-up —— */
.pq-vel{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(12,16,15,.6);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pq-fundido .25s ease both}
.pq-vel[hidden]{display:none}
@keyframes pq-fundido{from{opacity:0}to{opacity:1}}
@keyframes pq-sube{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.pq-caja{width:min(700px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border:3px solid var(--pq-noche);border-radius:18px;
  background:var(--pq-card);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5);animation:pq-sube .35s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-color-scheme:dark){.pq-caja{border-color:var(--pq-line)}}
.pq-cab{flex:none;background:var(--pq-noche);color:#fdfdfc;padding:14px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pq-cab>svg{color:var(--pq-ambar-suave);flex:none}
.pq-titulo{font:700 24px var(--pq-cond)}
.pq-sub{font-size:13px;color:var(--pq-ambar-suave)}
.pq-cerrar{margin-left:auto;background:rgba(253,253,252,.16);color:#fdfdfc;border:0;border-radius:999px;padding:6px 14px;font:600 13px var(--pq-sans);cursor:pointer;min-height:32px}
.pq-cerrar:hover{background:rgba(253,253,252,.26)}
.pq-prog{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 22px 14px;background:var(--pq-noche)}
.pq-prog i{height:5px;border-radius:3px;background:rgba(253,253,252,.18);overflow:hidden}
.pq-prog i b{display:block;height:100%;width:0;background:var(--pq-ambar-suave);transition:width .45s ease}
.pq-prog i.pq-ok b{width:100%}
.pq-cuerpo{padding:24px 26px 6px;overflow-y:auto;flex:1;min-height:0}
.pq-h3{font:700 clamp(26px,3vw,34px)/1.1 var(--pq-cond);color:var(--pq-ink);margin:0 0 8px;letter-spacing:0;text-transform:none}
.pq-p{margin:0 0 20px;color:var(--pq-ink2);max-width:60ch}
.pq-p b{color:var(--pq-ink)}
.pq-paso{animation:pq-entra .32s cubic-bezier(.2,.8,.2,1) both}
.pq-paso.pq-atras{animation-name:pq-entraAtras}
@keyframes pq-entra{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes pq-entraAtras{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.pq-cuenta{font:700 12px var(--pq-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pq-ambar-txt);margin:0 0 12px}
.pq-cuenta-fuera{margin-top:24px}

.pq-alts{display:grid;gap:14px;padding-top:6px}
.pq-alt{position:relative;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:start;text-align:left;width:100%;font:inherit;color:var(--pq-ink);
  background:var(--pq-card);border:1px solid var(--pq-line);border-radius:12px;padding:16px 18px;box-shadow:0 6px 16px var(--pq-sombra);cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.pq-alt:hover{transform:translateY(-3px);border-color:var(--pq-accent)}
.pq-alt:focus-visible{outline:2px solid var(--pq-accent);outline-offset:2px}
.pq-alt[aria-pressed=true],.pq-alt[aria-checked=true]{border:2px solid var(--pq-azul);padding:15px 17px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pq-azul) 18%,transparent),0 10px 22px var(--pq-sombra)}
.pq-alt[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.pq-alt-ico{grid-row:1/4;width:44px;height:44px;border-radius:50%;background:var(--pq-gris-bg);color:var(--pq-ink2);display:flex;align-items:center;justify-content:center;transition:.15s}
.pq-alt[aria-pressed=true] .pq-alt-ico,.pq-alt[aria-checked=true] .pq-alt-ico{background:var(--pq-azul);color:#fdfdfc}
.pq-alt-n{display:block;padding-right:92px;font:700 20px/1.15 var(--pq-cond);overflow-wrap:anywhere}
.pq-alt-d{font-size:13.5px;color:var(--pq-ink2);line-height:1.45;padding-right:6px}
.pq-alt-fila{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}
.pq-alt-nota{font-size:12.5px;font-weight:600;color:var(--pq-ambar-txt)}
.pq-ign[aria-checked=true] .pq-alt-n{text-decoration:line-through;text-decoration-thickness:1px}
.pq-chip{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--pq-gris-bg);color:var(--pq-ink2)}
.pq-chip.pq-si{background:var(--pq-verde-bg);color:var(--pq-verde-txt)}
.pq-sello{position:absolute;top:-12px;right:-8px;transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;background:var(--pq-ambar);color:#fdfdfc;
  padding:6px 12px 5px;border-radius:6px;outline:1.5px dashed rgba(253,253,252,.65);outline-offset:-4px;box-shadow:0 4px 10px rgba(168,95,19,.35);
  font:700 22px/1 var(--pq-cond);white-space:nowrap;animation:pq-sello .25s cubic-bezier(.3,1.6,.5,1) both}
.pq-sello span{font:700 9px var(--pq-mono);letter-spacing:.14em;text-transform:uppercase}
@keyframes pq-sello{from{opacity:0;transform:rotate(-8deg) scale(1.5)}to{opacity:1;transform:rotate(3deg)}}

.pq-resumen{position:relative;overflow:hidden;background:var(--pq-azul);color:#fdfdfc;border-radius:16px;padding:26px 28px;box-shadow:0 14px 30px rgba(31,79,109,.3)}
.pq-c-fondo{position:absolute;right:20px;top:50%;margin-top:-130px;opacity:.09;pointer-events:none;color:#fdfdfc;line-height:0}
.pq-c-fondo svg{width:260px;height:260px}
.pq-resumen-k{position:relative;font:700 12px var(--pq-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pq-claro);margin-bottom:6px}
.pq-resumen-g{position:relative;font:700 clamp(64px,13vw,96px)/.9 var(--pq-cond);letter-spacing:-.03em}
.pq-resumen-g small{font-size:.28em;letter-spacing:0;font-weight:600;margin-left:10px;opacity:.9}
.pq-resumen-p{position:relative;margin:16px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.5;max-width:48ch}
.pq-resumen-l{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pq-resumen-l .pq-pild{background:rgba(253,253,252,.18);font-size:14px;padding:4px 13px}
.pq-resumen-l .pq-pild.pq-amb{background:var(--pq-ambar)}

.pq-motivos{display:grid;gap:10px}
.pq-motivo{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--pq-card);border:1px solid var(--pq-line);border-radius:12px;padding:14px 16px;box-shadow:0 6px 16px var(--pq-sombra)}
.pq-motivo.pq-on{border:2px solid var(--pq-verde-txt);padding:13px 15px}
.pq-motivo-tx{display:flex;flex-direction:column;gap:2px;flex:1 1 260px;min-width:0}
.pq-motivo-tx b{font:700 19px/1.15 var(--pq-cond)}
.pq-motivo-tx span{font-size:13.5px;color:var(--pq-ink2)}
.pq-btn-sec{font:600 14px var(--pq-sans);background:var(--pq-card);border:1px solid var(--pq-line);color:var(--pq-ink);padding:10px 18px;border-radius:999px;min-height:44px;cursor:pointer}
.pq-btn-sec[aria-pressed=true]{color:var(--pq-verde-txt);border-color:var(--pq-verde-txt)}
.pq-todos{justify-self:start}
.pq-nota-fuera{margin:14px 0 0;font-size:13px}

.pq-pie{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;margin-top:10px;border-top:1px solid var(--pq-line2);background:var(--pq-card)}
.pq-atras-b{background:none;border:0;font:600 15px var(--pq-sans);color:var(--pq-ink2);cursor:pointer;padding:10px 4px;min-height:44px}
.pq-atras-b[hidden]{display:block;visibility:hidden}
.pq-sig{display:flex;align-items:center;gap:12px;background:var(--pq-azul);color:#fdfdfc;border:0;font:700 16px var(--pq-sans);padding:7px 8px 7px 22px;border-radius:999px;
  min-height:48px;cursor:pointer;box-shadow:0 10px 22px rgba(31,79,109,.35);transition:transform .15s}
.pq-sig:hover{transform:translateY(-3px)}
.pq-sig:focus-visible{outline:3px solid var(--pq-claro);outline-offset:3px}
.pq-sig i{width:36px;height:36px;border-radius:50%;background:var(--pq-ambar);display:flex;align-items:center;justify-content:center}
.pq-root button:focus-visible{outline:2px solid var(--pq-accent);outline-offset:2px}
@media(max-width:768px){.pq-btn{min-height:104px;padding:16px 18px}.pq-btn-ico{width:52px;height:52px}.pq-btn-flecha{width:42px;height:42px}}
@media(max-width:520px){.pq-vel{padding:0;place-items:end stretch}.pq-caja{border-radius:18px 18px 0 0;max-height:94dvh;width:100%}
  .pq-cuerpo{padding:20px 16px 4px}.pq-cab{padding:12px 16px}.pq-prog{padding:0 16px 12px}.pq-pie{padding:14px 16px}.pq-alt-n{padding-right:70px}}
@media (prefers-reduced-motion:reduce){.pq-root *{animation:none!important;transition:none!important}}