/*
Theme Name: Prepara Controlador
Theme URI: https://preparacontrolador.es/
Author: SODA CON GAS SL
Author URI: https://preparacontrolador.es/
Description: Tema propio de preparacontrolador.es. Ligero, sin dependencias, claro y oscuro, móvil primero, con aire de sala de control: radar, fichas de progresión de vuelo y los colores de la app ATC Prep.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: Propietario (uso exclusivo de SODA CON GAS SL)
Text Domain: preparacontrolador
*/
/* ---------- Tokens (los de la app + el verde radar) ---------- */
:root{
--bg:#f4f6fa;--surface:#fff;--surface-2:#eef2f8;--text:#13213a;--muted:#5d6b82;--line:#dde3ee;
--brand:#0f2a47;--brand-2:#1d4f86;--brand-ink:#fff;--brand-muted:#c4d4ea;--brand-soft:#d7e3f4;
--accent:#f2a900;--accent-ink:#3a2a00;--accent-claro:#ffd98a;
--primary:#1f6feb;--primary-ink:#fff;--link:#1a5fd0;
--radar:#39d98a;--radar-ink:#0b3d26;
--ok:#14713f;--ok-bg:#e3f6ea;--bad:#b52a21;--bad-bg:#fde8e6;--warn-bg:#fff4d6;
--tinte-ingles:#e4f0ff;--tinte-ingles-ink:#164a9e;--tinte-conocimientos:#fff0d6;--tinte-conocimientos-ink:#7a4b00;
--tinte-psico:#e9e4fb;--tinte-psico-ink:#4a2fa0;--elegida-bg:#e4f0ff;--cifra:#1d4f86;
--shadow:0 1px 2px #13213a0f,0 4px 16px #13213a0f;
--radius:16px;--radius-s:12px;--ancho:1120px;--ancho-texto:700px;--alto-cabecera:64px;
--fuente:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
--velo:15,42,71; /* RGB del velo sobre las fotos (héroe, bandas) */
color-scheme:light;
}
@media (prefers-color-scheme:dark){
:root{
--bg:#0b1422;--surface:#132136;--surface-2:#1a2b45;--text:#e8eef8;--muted:#9aa9c0;--line:#253a5a;
--brand:#08111d;--brand-2:#163a63;--primary:#4d8ff5;--link:#7fb0ff;--cifra:#7fb0ff;
--ok:#4cc987;--ok-bg:#12372a;--bad:#ff7a70;--bad-bg:#3d1a1a;--warn-bg:#3a300f;
--tinte-ingles:#16325c;--tinte-ingles-ink:#a8c8ff;--tinte-conocimientos:#4a3406;--tinte-conocimientos-ink:#ffd27a;
--tinte-psico:#2e2258;--tinte-psico-ink:#c7b8ff;--elegida-bg:#16325c;--shadow:none;--velo:8,17,29;color-scheme:dark;
}
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--alto-cabecera) + 12px)}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--fuente);-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip}
img,svg{max-width:100%;height:auto}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
button{font:inherit;color:inherit}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;letter-spacing:-.015em;font-weight:800;text-wrap:balance}
h1{font-size:clamp(31px,5.6vw,50px)}
h2{font-size:clamp(25px,3.6vw,34px)}
h3{font-size:20px}
h4{font-size:17px}
p,ul,ol{margin:0 0 1em}
[hidden]{display:none !important}
.visually-hidden,.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 16px}
.estrecho{max-width:var(--ancho-texto)}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.sobre{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-conocimientos-ink);margin:0 0 12px}
.sobre::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--radar);box-shadow:0 0 0 3px #39d98a40}
.saltar{position:absolute;left:16px;top:-100px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:var(--radius-s);font-weight:700;text-decoration:none}
.saltar:focus{top:12px}

/* Aparición al entrar en pantalla (una sola vez */
html:not(.no-js) .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html:not(.no-js) .reveal.visto{opacity:1;transform:none}
.reveal[data-retraso="1"]{transition-delay:.1s} .reveal[data-retraso="2"]{transition-delay:.2s} .reveal[data-retraso="3"]{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none !important;animation:none !important}
html:not(.no-js) .reveal{opacity:1;transform:none}
}

/* ---------- Cabecera */
.cabecera{position:sticky;top:0;z-index:30;background:var(--brand);color:#fff;box-shadow:0 1px 0 #ffffff14;transition:background .25s ease,box-shadow .25s ease}
.cabecera.con-fondo{background:rgba(var(--velo),.82);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 #ffffff1a,0 8px 24px rgba(5,12,22,.25)}
.cabecera--sobre:not(.con-fondo):not(.abierta){background:transparent;box-shadow:none}
.cabecera .contenedor{display:flex;align-items:center;gap:12px;min-height:var(--alto-cabecera)}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em;font-size:18px;margin-right:auto;line-height:1.1}
.marca img{width:36px;height:36px;border-radius:9px;flex:none}
.marca span small{display:block;font-weight:500;font-size:12px;color:var(--brand-muted);letter-spacing:0;margin-top:2px}
.menu-boton{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.menu-boton svg{width:22px;height:22px}
.menu-boton .cerrar,.menu-boton[aria-expanded="true"] .abrir{display:none}
.menu-boton[aria-expanded="true"] .cerrar{display:block}
.nav-principal{display:none}
.nav-principal ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nav-principal a{display:block;padding:12px 10px;color:#fff;text-decoration:none;font-weight:600;border-radius:10px}
.nav-principal a:hover,.nav-principal a:focus-visible{background:#ffffff1a}
.nav-principal .current-menu-item > a,.nav-principal .current_page_item > a{color:var(--accent-claro)}
.nav-principal .boton-nav{margin-top:8px}
.cabecera.abierta .nav-principal{display:block;position:absolute;left:0;right:0;top:100%;background:var(--brand);padding:8px 16px 16px;border-top:1px solid #ffffff1f;box-shadow:0 16px 32px rgba(0,0,0,.25)}
.no-js .nav-principal{display:block;width:100%}
.no-js .menu-boton,.cabecera .cta-cabecera{display:none}
@media (min-width:900px){
.menu-boton,.nav-principal .boton-nav{display:none}
.nav-principal{display:block}
.nav-principal ul{flex-direction:row;align-items:center;gap:4px}
.nav-principal a{padding:8px 12px;font-size:15px}
.cabecera .cta-cabecera{display:inline-flex}
}

/* ---------- Botones y pastillas ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;text-decoration:none;color:var(--text);line-height:1.2;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}
.btn:hover{filter:brightness(1.04);text-decoration:none;transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 18px rgba(242,169,0,.28)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.btn.block{width:100%}
.btn.pequeno{min-height:40px;padding:6px 14px;font-size:15px}
.btn.grande{min-height:56px;padding:12px 26px;font-size:18px;border-radius:999px}
.pill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--muted);text-decoration:none;line-height:1.5}
a.pill:hover{color:var(--text)}
.pill.accent{background:var(--accent);color:var(--accent-ink)}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.ingles,.ico.ingles{background:var(--tinte-ingles);color:var(--tinte-ingles-ink)}
.pill.conocimientos,.ico.conocimientos{background:var(--tinte-conocimientos);color:var(--tinte-conocimientos-ink)}
.pill.psicotecnicos,.ico.psicotecnicos{background:var(--tinte-psico);color:var(--tinte-psico-ink)}

/* ---------- Tarjetas ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card > :last-child{margin-bottom:0}
.card.enlace{position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.card.enlace:hover{transform:translateY(-3px);box-shadow:0 10px 28px #13213a24;border-color:var(--primary)}
.card.enlace h3 a{color:inherit;text-decoration:none}
.card.enlace h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.card.enlace h3 a:focus-visible::after{outline:3px solid var(--accent);outline-offset:2px}
.rejilla{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.rejilla{grid-template-columns:repeat(2,1fr)} .rejilla.tres > :last-child:nth-child(odd){grid-column:1 / -1}}
@media (min-width:900px){.rejilla,.rejilla.tres{grid-template-columns:repeat(3,1fr)} .rejilla.tres > :last-child:nth-child(odd){grid-column:auto}}
.ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);flex:none;margin-bottom:14px;color:var(--primary)}
.ico svg{width:28px;height:28px}

/* ---------- Secciones ---------- */
main{flex:1}
.seccion{padding:52px 0}
.seccion + .seccion{padding-top:0}
.seccion-cabecera{max-width:var(--ancho-texto);margin-bottom:26px}
.seccion-cabecera p{color:var(--muted);font-size:18px}
.seccion.alterna{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.seccion.alterna + .seccion{padding-top:52px}
@media (min-width:900px){.seccion{padding:72px 0} .seccion.alterna + .seccion{padding-top:72px}}

/* ---------- Héroe de portada */
.hero{position:relative;overflow:hidden;color:#fff;background:var(--brand);isolation:isolate;display:grid;grid-template-rows:1fr auto;min-height:min(92svh,860px);margin-top:calc(-1 * var(--alto-cabecera));padding-top:calc(var(--alto-cabecera) + 24px)}
.hero__foto{position:absolute;inset:0;z-index:0;margin:0}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:72% 30%;display:block}
.hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--velo),.86) 0%,rgba(var(--velo),.78) 45%,rgba(var(--velo),.94) 100%)}
.hero__contenido,.hero__strips{position:relative;z-index:2}
.hero__contenido{padding-top:28px;padding-bottom:28px;align-self:center}
.hero .sobre{color:var(--accent-claro)}
.hero h1{max-width:14ch;color:#fff;text-shadow:0 2px 24px rgba(5,12,22,.5)}
.hero .entradilla{font-size:clamp(18px,2.1vw,21px);max-width:560px;color:var(--brand-soft);margin-bottom:26px}
.hero .acciones{display:flex;flex-wrap:wrap;gap:12px}
.hero .acciones .btn.ghost{color:#fff;border-color:#ffffff8c}
.hero__nota{margin:18px 0 0;font-size:14px;color:var(--brand-muted)}
.hero__strips{padding-bottom:24px}
@media (min-width:700px){
.hero__foto::after{background:linear-gradient(90deg,rgba(var(--velo),.94) 0%,rgba(var(--velo),.82) 48%,rgba(var(--velo),.42) 100%),linear-gradient(180deg,rgba(var(--velo),0) 60%,rgba(var(--velo),.9) 100%)}
.hero__foto img{object-position:70% 40%}
}
@media (min-width:900px){.hero{padding-top:calc(var(--alto-cabecera) + 40px)} .hero__contenido{padding-top:40px;padding-bottom:40px} .hero__strips{padding-bottom:36px}}

/* Radar */
.radar{position:absolute;z-index:1;width:var(--radar-tam,300px);aspect-ratio:1;right:-90px;top:20px;border-radius:50%;pointer-events:none;opacity:.85;border:1px solid #39d98a66;
background:radial-gradient(circle,#39d98a1f,rgba(57,217,138,0) 68%),linear-gradient(#39d98a40,#39d98a40) center / 100% 1px no-repeat,linear-gradient(#39d98a40,#39d98a40) center / 1px 100% no-repeat}
.radar::before,.radar::after{content:"";position:absolute;inset:25%;border-radius:50%;border:1px solid #39d98a59}
.radar::after{inset:50%;width:6px;height:6px;margin:-3px;background:var(--radar);border:0;box-shadow:0 0 10px var(--radar)}
.radar__barrido{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(57,217,138,0) 0deg,rgba(57,217,138,0) 250deg,#39d98a80 360deg);animation:radar-gira 7s linear infinite}
.radar__eco{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--radar);box-shadow:0 0 12px var(--radar);animation:radar-eco 7s linear infinite}
.radar__eco:nth-child(2){left:30%;top:36%;animation-delay:-2.9s}
.radar__eco:nth-child(3){left:64%;top:62%;animation-delay:-5.4s}
@keyframes radar-gira{to{transform:rotate(360deg)}}
@keyframes radar-eco{0%,10%{opacity:1} 70%,100%{opacity:.15}}
@media (min-width:900px){.radar{--radar-tam:520px;right:2%;top:50%;transform:translateY(-56%)}}
@media (min-width:1200px){.radar{--radar-tam:600px;right:6%}}
@media (prefers-reduced-motion:reduce){.radar__barrido,.radar__eco{animation:none}}

/* Fichas de progresión de vuelo */
.strips{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.strip{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:10px 14px 10px 12px;min-height:66px;background:#ffffff17;border:1px solid #ffffff2e;border-left:7px solid var(--accent);border-radius:6px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.strip--verde{border-left-color:var(--radar)} .strip--azul{border-left-color:#6aa6ff} .strip--blanco{border-left-color:#eef4fc}
.strip__dato{font-family:var(--mono);font-size:clamp(27px,3.2vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1;min-width:4.4ch;font-variant-numeric:tabular-nums;color:#fff}
.strip__texto{font-size:13.5px;color:var(--brand-muted);line-height:1.3}
.strip__texto b{display:block;color:#fff;font-size:15px;letter-spacing:-.01em}
@media (min-width:640px){.strips{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.strips{grid-template-columns:repeat(4,1fr);gap:12px}}
/* Las mismas tiras en claro, sobre fondo normal (sección «qué hay detrás») */
.strips--claro .strip{background:var(--surface);border-color:var(--line);color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow)}
.strips--claro .strip__dato{color:var(--cifra)} .strips--claro .strip__texto{color:var(--muted)} .strips--claro .strip__texto b{color:var(--text)}
.strips--claro .strip--blanco{border-left-color:var(--brand-2)}

/* ---------- Prueba gratis en la portada */
.panel--oscuro{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:22px;padding:28px 20px;box-shadow:0 20px 50px rgba(15,42,71,.25)}
.panel--oscuro::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background:linear-gradient(#7fb0ff1f 1px,transparent 1px) 0 0 / 100% 48px,linear-gradient(90deg,#7fb0ff1f 1px,transparent 1px) 0 0 / 48px 100%;mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%)}
.panel--oscuro > *{position:relative}
.panel--oscuro .sobre{color:var(--accent-claro)}
.panel--oscuro h2{color:#fff}
.panel--oscuro p{color:var(--brand-soft)}
.prueba-portada__rejilla{display:grid;gap:26px;align-items:center}
.prueba-portada__texto > p{font-size:18px}
.prueba-portada .acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.prueba-portada .acciones .btn.ghost{color:#fff;border-color:#ffffff8c}
.flujo{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px;counter-reset:paso}
.flujo li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
.flujo li::before{counter-increment:paso;content:counter(paso,decimal-leading-zero);grid-row:1 / span 2;height:34px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:14px;background:var(--accent);color:var(--accent-ink);font-weight:800}
.flujo b{display:block;line-height:1.3;color:#fff}
.flujo span{display:block;color:var(--brand-muted);font-size:15px}
.prueba-portada__tests{display:grid;gap:10px}
.test-card{display:grid;grid-template-columns:50px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 16px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;text-decoration:none;color:#fff;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.test-card:hover{transform:translateX(4px);background:#ffffff24;border-color:#ffffff66}
.test-card__ico{grid-row:1 / span 2;width:50px;height:50px;border-radius:13px;display:grid;place-items:center}
.test-card__ico svg{width:26px;height:26px}
.test-card--teoria .test-card__ico{background:var(--tinte-conocimientos);color:var(--tinte-conocimientos-ink)}
.test-card--ingles .test-card__ico{background:var(--tinte-ingles);color:var(--tinte-ingles-ink)}
.test-card--psico .test-card__ico{background:var(--tinte-psico);color:var(--tinte-psico-ink)}
.test-card--dia1 .test-card__ico{background:#39d98a33;color:var(--radar)}
.test-card__nombre{font-weight:800;font-size:17px}
.test-card__meta{font-family:var(--mono);font-size:12.5px;color:var(--brand-muted);letter-spacing:.02em}
.test-card__nombre{grid-column:2;grid-row:1} .test-card__meta{grid-column:2;grid-row:2}
.test-card__flecha{grid-column:3;grid-row:1 / span 2;font-size:22px;color:var(--accent-claro)}
@media (min-width:640px){.panel--oscuro{padding:40px 36px}}
@media (min-width:900px){.prueba-portada__rejilla{grid-template-columns:1.1fr .9fr;gap:48px} .panel--oscuro{padding:52px 56px;border-radius:28px}}

/* ---------- Las tres partes */
.parte{padding:0;overflow:hidden;display:flex;flex-direction:column}
.parte__foto{display:block;margin:0;aspect-ratio:16 / 7;position:relative;background:var(--surface-2)}
.parte__foto img{width:100%;height:100%;object-fit:cover;display:block}
.parte__foto .ico{position:absolute;left:16px;bottom:-24px;margin:0;border:3px solid var(--surface);box-shadow:var(--shadow)}
.parte__cuerpo{padding:36px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.parte__cuerpo h3{margin:0}
.parte__cuerpo p{margin:0;color:var(--muted);font-size:16px}
.parte__meta{margin-top:auto;padding-top:12px;font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.parte__meta span{padding:3px 9px;border-radius:6px;background:var(--surface-2)}

/* ---------- Cómo entrenamos */
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:paso}
.pasos li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-left:7px solid var(--accent);border-radius:8px;padding:16px 18px 16px 14px;box-shadow:var(--shadow)}
.pasos li:nth-child(3n+2){border-left-color:var(--radar)} .pasos li:nth-child(3n){border-left-color:var(--primary)}
.pasos li::before{counter-increment:paso;content:counter(paso,decimal-leading-zero);font-family:var(--mono);font-size:22px;font-weight:700;color:var(--cifra);line-height:1.2;min-width:2ch}
.pasos b{display:block;margin-bottom:2px}
.pasos p{margin:0;color:var(--muted);font-size:16px}
@media (min-width:900px){.pasos{grid-template-columns:repeat(2,1fr)}}

/* ---------- Qué hay detrás ---------- */
.detras__rejilla{display:grid;gap:28px;margin-top:8px}
.detras__strips{margin-top:28px}
.detras__como{display:grid;gap:14px}
.detras__como article{padding:18px;border-radius:var(--radius-s);background:var(--surface);border:1px solid var(--line)}
.detras__como h3{font-size:17px;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.detras__como h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--radar);box-shadow:0 0 0 3px #39d98a40;flex:none}
.detras__como p{margin:0;color:var(--muted);font-size:15.5px}
@media (min-width:900px){.detras__como{grid-template-columns:repeat(3,1fr)}}

/* ---------- Acceso / lista de espera en la portada ---------- */
.acceso-portada .seccion-cabecera{text-align:center;margin:0 auto 22px}
.lista-espera{text-align:center}
.lista-espera .card{max-width:640px;margin:0 auto;padding:32px 20px}
.lista-espera form{display:flex;flex-direction:column;gap:10px;margin-top:20px;text-align:left}
.pc-lista-espera p{margin:0}
.pc-lista-espera label{font-size:15px;font-weight:600}
.pc-lista-espera .pc-le__campo{display:flex;flex-direction:column;gap:6px}
.pc-lista-espera .pc-le__opcional,.pc-acceso__opcional{font-weight:400;color:var(--muted)}
.pc-lista-espera input[type="email"],.pc-lista-espera input[type="text"],.pc-acceso input[type="email"],.pc-acceso input[type="text"],.buscar input[type="search"]{font:inherit;width:100%;min-height:50px;padding:10px 14px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--bg);color:var(--text)}
.pc-lista-espera input:focus-visible,.pc-acceso input:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:transparent}
.pc-lista-espera .pc-le__consentimiento label,.pc-acceso__consent label{display:block;position:relative;padding-left:30px;font-size:14px;line-height:1.5;color:var(--muted);font-weight:400}
.pc-lista-espera .pc-le__consentimiento input,.pc-acceso__consent input{position:absolute;left:0;top:2px;margin:0;width:18px;height:18px;accent-color:var(--primary)}
.pc-lista-espera .pc-le__boton{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:8px 22px;border-radius:999px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:16px;cursor:pointer}
.pc-lista-espera .pc-le__boton:disabled{opacity:.6;cursor:progress}
.pc-lista-espera .pc-le__mensaje:empty,.pc-acceso__mensaje:empty{display:none}
.pc-lista-espera .pc-le__mensaje,.pc-acceso__mensaje,.aviso-ok,.aviso-error,.pc-error{padding:12px 16px;border-radius:var(--radius-s);font-weight:600;font-size:15px;background:var(--surface-2)}
.pc-le__mensaje--ok,.pc-acceso__mensaje--ok,.aviso-ok{background:var(--ok-bg);color:var(--ok)}
.pc-le__mensaje--error,.pc-acceso__mensaje--error,.aviso-error,.pc-error{background:var(--bad-bg);color:var(--bad)}
@media (min-width:640px){.pc-lista-espera .pc-le__boton{width:auto;align-self:flex-start}}

/* ---------- Lista de entradas ---------- */
.entradas{display:grid;gap:16px}
@media (min-width:640px){.entradas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.entradas.tres{grid-template-columns:repeat(3,1fr)}}
.entrada-card{display:flex;flex-direction:column;gap:10px}
.entrada-card .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.entrada-card h3{font-size:19px;margin:0}
.entrada-card p{color:var(--muted);font-size:16px;margin:0}
.entrada-card .miniatura{margin:-20px -20px 4px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:16 / 7;background:var(--surface-2)}
.entrada-card .miniatura picture,.entrada-card .miniatura img{display:block;width:100%;height:100%;object-fit:cover}
.ver-todo{margin-top:24px;text-align:center}

/* ---------- Páginas y entradas ---------- */
.migas{font-size:14px;color:var(--muted);margin:20px 0 0}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.migas li + li::before{content:"›";margin-right:8px;color:var(--line)}
.migas a{color:var(--muted)}
.migas [aria-current]{color:var(--text);font-weight:600}
.cabecera-articulo{padding:20px 0 8px;max-width:var(--ancho-texto)}
.cabecera-articulo h1{margin-bottom:12px}
.cabecera-articulo .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:15px;color:var(--muted);margin-bottom:10px}
.cabecera-articulo .entradilla{font-size:19px;color:var(--muted);margin-top:12px}
.lectura{font-family:var(--mono);font-size:13px}
.foto-cabecera,.imagen-destacada{max-width:var(--ancho-texto);margin:12px 0 0}
.foto-cabecera img,.imagen-destacada img{width:100%;height:auto;border-radius:var(--radius);display:block;aspect-ratio:16 / 7;object-fit:cover}
.cuerpo{max-width:var(--ancho-texto);padding:8px 0 48px}
.prosa{font-size:18px;line-height:1.7}
.prosa > * + *{margin-top:1em}
.prosa h2{margin-top:2em;font-size:clamp(23px,3vw,29px);scroll-margin-top:calc(var(--alto-cabecera) + 16px)}
.prosa h3{margin-top:1.6em}
.prosa h2 + *,.prosa h3 + *{margin-top:.6em}
.prosa ul,.prosa ol{padding-left:1.4em}
.prosa li + li{margin-top:.4em}
.prosa li::marker{color:var(--accent);font-weight:700}
.prosa blockquote{margin:1.5em 0;padding:12px 18px;border-left:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-s) var(--radius-s) 0}
.tabla-scroll,.pc-leccion__tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}
.tabla-scroll table,.pc-leccion__tabla{width:100%;min-width:480px;border-collapse:collapse;font-size:15px;margin:0}
.prosa th,.pc-leccion__tabla th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px;border-bottom:2px solid var(--line);background:var(--surface-2)}
.prosa td,.pc-leccion__tabla td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.prosa tr:last-child td{border-bottom:0}
.prosa img{border-radius:var(--radius-s)}
.prosa figure{margin:1.5em 0}
.prosa figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:8px}
.prosa .aviso,.aviso{background:var(--warn-bg);border-radius:var(--radius-s);padding:14px 18px;font-size:16px}
.prosa .destacado{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.prosa a:not(.btn){color:var(--link);font-weight:600}

/* Índice de contenidos (entradas largas) */
.indice{margin:24px 0 8px;border:1px solid var(--line);border-left:6px solid var(--radar);border-radius:8px;background:var(--surface);padding:4px 16px 6px;font-size:15px}
.indice summary{cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);padding:8px 0;list-style:none}
.indice summary::-webkit-details-marker{display:none}
.indice summary::after{content:"+";float:right;font-size:17px}
.indice[open] summary::after{content:"–"}
.indice ol{margin:0 0 10px;padding-left:1.4em;counter-reset:idx}
.indice li{margin:4px 0}
.indice li::marker{color:var(--muted);font-family:var(--mono);font-size:13px}
.indice a{color:var(--text);text-decoration:none}
.indice a:hover{color:var(--link);text-decoration:underline}

/* FAQ */
.faq{max-width:var(--ancho-texto);margin-top:40px}
.faq h2{margin-bottom:16px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);margin-bottom:10px}
.faq summary{cursor:pointer;padding:14px 44px 14px 18px;font-weight:700;list-style:none;position:relative;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s ease}
.faq details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.faq details > div{padding:0 18px 16px}
.faq details > div > :last-child{margin-bottom:0}

/* Llamada «Prueba gratis» al final de artículos y páginas (ficha oscura) */
.cta-final{margin-top:40px;max-width:var(--ancho-texto)}
.cta-final .card{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:0;border-left:7px solid var(--accent);border-radius:10px}
.cta-final .texto{flex:1 1 280px}
.cta-final h2{font-size:22px;margin-bottom:4px;color:#fff}
.cta-final p{margin:0;color:var(--brand-soft);font-size:16px}
.cta-final .cta-final__datos{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.cta-final .cta-final__datos li{font-family:var(--mono);font-size:12.5px;padding:3px 9px;border-radius:6px;background:#ffffff1f;color:#eef4fc}

/* Navegación entre entradas y paginación */
.nav-entradas{display:grid;gap:12px;margin-top:32px;max-width:var(--ancho-texto)}
@media (min-width:640px){.nav-entradas{grid-template-columns:1fr 1fr}}
.nav-entradas a{display:block;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);text-decoration:none;color:inherit}
.nav-entradas a:hover{border-color:var(--primary)}
.nav-entradas small{display:block;color:var(--muted);font-size:13px;margin-bottom:2px}
.nav-entradas .siguiente{text-align:right}
.paginacion{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:32px}
.paginacion .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:inherit;font-weight:600}
.paginacion .page-numbers.current{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.paginacion .dots{border:0;background:none}
.cabecera-archivo{padding:32px 0 24px;max-width:var(--ancho-texto)}
.cabecera-archivo h1{margin-bottom:8px}
.cabecera-archivo p{color:var(--muted);font-size:18px;margin:0}
.filtro-categorias{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.etiquetas{margin-top:32px} .etiquetas .filtro-categorias{margin:0}
.buscar{display:flex;gap:8px;max-width:480px}
.buscar input[type="search"]{flex:1;min-width:0}
.pagina-404{padding:64px 0;max-width:var(--ancho-texto)}
.pagina-404 .codigo{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.pagina-404 ul{padding-left:1.2em}
.subtitulo-404{font-size:22px;margin-top:40px}

/* ---------- Pie ---------- */
.pie{background:var(--surface);border-top:1px solid var(--line);padding:40px 0 32px;color:var(--muted);font-size:15px;margin-top:auto}
.pie .contenedor{display:grid;gap:24px}
.pie .marca{color:var(--text);font-size:17px;margin:0}
.pie .marca span small{color:var(--muted)}
.pie .columna p{margin:10px 0 0;max-width:460px}
.pie .nav-legal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.pie .nav-legal a{color:var(--muted)}
.pie .aviso-enaire{font-size:14px;padding:12px 16px;background:var(--surface-2);border-radius:var(--radius-s)}
.pie .legal-linea{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px}
@media (min-width:900px){
.pie .contenedor{grid-template-columns:1.3fr 1fr;grid-template-areas:"marca aviso" "legal legal";align-items:start}
.pie .columna{grid-area:marca} .pie .aviso-enaire{grid-area:aviso;align-self:center} .pie .legal-linea{grid-area:legal}
}

/* CTA fijo inferior en el móvil */
.cta-movil{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none;box-shadow:0 10px 30px rgba(15,42,71,.35);transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom)));transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.cta-movil small{font-family:var(--mono);font-weight:600;font-size:12px;opacity:.8}
.cta-movil.visible{transform:none}
.cta-movil-visible body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
@media (min-width:900px){.cta-movil{display:none} .cta-movil-visible body{padding-bottom:0}}

/* ---------- Banda de cabecera de la prueba y del día 1 */
.banda{position:relative;overflow:hidden;color:#fff;padding:18px 0 34px;background:var(--brand);isolation:isolate;min-height:260px;display:flex;align-items:flex-end}
.banda__foto{position:absolute;inset:0;z-index:0;margin:0}
.banda__foto img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.banda__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--velo),.9) 0%,rgba(var(--velo),.84) 60%,rgba(var(--velo),.96) 100%)}
@media (min-width:800px){.banda{padding:24px 0 44px;min-height:300px} .banda__foto::after{background:linear-gradient(90deg,rgba(var(--velo),.95) 0%,rgba(var(--velo),.86) 55%,rgba(var(--velo),.55) 100%)}}
.banda .radar{--radar-tam:220px;right:-70px;top:-30px;opacity:.6}
@media (min-width:900px){.banda .radar{--radar-tam:320px;right:4%;top:50%;transform:translateY(-50%);opacity:.7}}
.banda .contenedor{position:relative;z-index:2;width:100%}
.banda .migas{margin:0 0 18px;color:var(--brand-muted)} .banda .migas a{color:var(--brand-muted)} .banda .migas li + li::before{color:#ffffff66} .banda .migas [aria-current]{color:#fff}
.banda .sobre{color:var(--accent-claro)}
.banda h1{color:#fff;max-width:760px;font-size:clamp(28px,4.6vw,42px)}
.banda .entradilla{font-size:clamp(17px,2vw,19px);color:var(--brand-soft);max-width:680px;margin:0}
.banda__datos{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.banda__datos li{font-family:var(--mono);font-size:13px;padding:7px 12px;border-radius:6px;background:#ffffff1a;border:1px solid #ffffff33;border-left:5px solid var(--accent);color:#eef4fc}
.banda__datos li:nth-child(2){border-left-color:var(--radar)} .banda__datos li:nth-child(3){border-left-color:#6aa6ff} .banda__datos li:nth-child(4){border-left-color:#eef4fc}
.banda__datos b{color:var(--accent-claro);margin-right:4px}
.seccion--prueba,.seccion--dia1{padding:28px 0 40px}
.seccion--prueba + .seccion.alterna,.seccion--dia1 + .seccion.alterna{padding-top:48px}
.prueba-enlace-dia1{text-align:center;color:var(--muted);font-size:15px;margin:22px auto 0;max-width:640px}

/* =====================================================================… */
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .12s ease,filter .15s ease}
.pc-btn:hover{filter:brightness(1.04);text-decoration:none;transform:translateY(-1px)}
.pc-btn:active{transform:translateY(1px)}
.pc-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.pc-btn--primario{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.pc-btn--secundario{background:var(--surface);color:var(--text);border-color:var(--line)}
.pc-btn--grande{min-height:54px;padding:12px 26px;font-size:17px;border-radius:999px}
.pc-acceso__boton.pc-btn--primario{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px rgba(242,169,0,.28)}

/* Formulario de acceso (correo + privacidad obligatoria + marketing… */
.pc-acceso{max-width:580px;margin:0 auto;padding:24px 20px;background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.pc-acceso p{margin:0}
.pc-acceso__titulo{font-size:24px;margin:0}
.pc-acceso__texto{color:var(--muted)}
.pc-acceso__campo{display:flex;flex-direction:column;gap:6px}
.pc-acceso__campo label{font-size:15px;font-weight:600}
.pc-acceso__consent a{color:var(--link);font-weight:600}
.pc-acceso__consent--opcional{padding-top:2px}
.pc-acceso__enviar{padding-top:4px}
.pc-acceso__boton{width:100%}
.pc-acceso__nota{font-size:13px;color:var(--muted);line-height:1.5}
@media (min-width:640px){.pc-acceso{padding:30px 32px 28px} .pc-acceso__boton{width:auto;align-self:flex-start}}
.pc-acceso__hecho{max-width:580px;margin:0 auto;padding:20px;background:var(--ok-bg);border-left:6px solid var(--radar);border-radius:var(--radius)}
.pc-acceso__hecho p{margin:0 0 12px}
.pc-acceso__hecho-texto{font-weight:700;color:var(--ok)}
.pc-acceso__enlaces{display:flex;flex-wrap:wrap;gap:10px}
.pc-acceso__enlaces:last-child{margin-bottom:0}

/* Menú de los tres tests */
.pc-prueba__contenido{max-width:920px;margin:0 auto}
.pc-prueba__menu{display:grid;gap:12px;grid-template-columns:1fr}
.pc-prueba__tipo{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;column-gap:14px;row-gap:2px;align-items:center;text-align:left;padding:18px;background:var(--surface);border:1px solid var(--line);border-left:7px solid var(--accent);border-radius:10px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.pc-prueba__tipo[data-tipo="ingles"]{border-left-color:var(--primary)} .pc-prueba__tipo[data-tipo="psico"]{border-left-color:var(--radar)}
.pc-prueba__tipo:hover,.pc-prueba__tipo:focus-visible{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 28px #13213a24}
.pc-prueba__tipo:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.pc-prueba__icono{grid-row:1 / span 3;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--surface-2)}
.pc-prueba__tipo[data-tipo="teoria"] .pc-prueba__icono{background:var(--tinte-conocimientos)}
.pc-prueba__tipo[data-tipo="ingles"] .pc-prueba__icono{background:var(--tinte-ingles)}
.pc-prueba__tipo[data-tipo="psico"] .pc-prueba__icono{background:var(--tinte-psico)}
.pc-prueba__nombre{font-weight:800;font-size:19px;line-height:1.2}
.pc-prueba__meta{font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:600}
.pc-prueba__desc{font-size:15px;color:var(--muted)}
@media (min-width:640px){
.pc-prueba__menu{grid-template-columns:repeat(3,1fr)}
.pc-prueba__tipo{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;row-gap:4px;align-items:start;border-left-width:1px;border-top:7px solid var(--accent)}
.pc-prueba__tipo[data-tipo="ingles"]{border-left-color:var(--line);border-top-color:var(--primary)} .pc-prueba__tipo[data-tipo="psico"]{border-left-color:var(--line);border-top-color:var(--radar)}
.pc-prueba__icono{grid-row:auto;margin-bottom:8px}
}
.pc-prueba__panel:empty{display:none}
.pc-prueba__panel{margin-top:4px}

/* Una pregunta por pantalla */
.pc-q{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px 20px;animation:pc-entra .3s ease}
@keyframes pc-entra{from{opacity:0;transform:translateY(8px)}}
.pc-q__cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;margin-bottom:10px}
.pc-q__num{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--cifra)}
.pc-q__tipo{color:var(--muted);padding:2px 10px;border-radius:999px;background:var(--surface-2);font-weight:600;font-size:13px}
.pc-reloj{margin-left:auto;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;padding:4px 10px 4px 8px;border-radius:8px;background:var(--brand);color:#fff;letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px}
.pc-reloj::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--radar);box-shadow:0 0 8px var(--radar);animation:pc-late 1s ease-in-out infinite alternate}
@keyframes pc-late{to{opacity:.35}}
.pc-progreso{position:relative;height:8px;border-radius:999px;background:var(--line);margin:6px 0 16px;overflow:hidden}
.pc-progreso::before{content:"";position:absolute;inset:0;width:calc(var(--p,0) * 1%);border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--radar));transition:width .3s ease}
.pc-q__enun{font-size:19px;font-weight:600;line-height:1.45;margin:0 0 14px}
.pc-q__enun .pc-cloze{font-weight:800}
.pc-q__opts{display:grid;gap:10px;grid-template-columns:1fr}
.pc-q__opts--fig{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-opt{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:52px;padding:10px 14px 10px 10px;text-align:left;background:var(--surface-2);border:2px solid transparent;border-radius:var(--radius-s);cursor:pointer;line-height:1.45;font-size:16px;transition:border-color .12s ease,background .12s ease,transform .12s ease}
.pc-opt:hover{border-color:var(--line);transform:translateX(2px)}
.pc-opt:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.pc-opt__letra{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-family:var(--mono);font-weight:800;font-size:14px}
.pc-opt__texto{flex:1;min-width:0;padding-top:4px;overflow-wrap:anywhere}
.pc-opt.elegida{border-color:var(--primary);background:var(--elegida-bg);animation:pc-pop .2s ease}
.pc-opt.elegida .pc-opt__letra{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.pc-opt.es-correcta{border-color:var(--ok);background:var(--ok-bg);animation:pc-pop .25s ease}
.pc-opt.es-correcta .pc-opt__letra{background:var(--ok);color:#fff;border-color:transparent}
.pc-opt.es-fallo{border-color:var(--bad);background:var(--bad-bg);animation:pc-tiembla .3s ease}
.pc-opt.es-fallo .pc-opt__letra{background:var(--bad);color:#fff;border-color:transparent}
@keyframes pc-pop{50%{transform:scale(1.015)}}
@keyframes pc-tiembla{25%{transform:translateX(-3px)} 75%{transform:translateX(3px)}}
.pc-opt--fig{flex-direction:column;align-items:stretch;gap:6px;padding:8px}
.pc-opt--fig .pc-opt__letra{width:28px;height:28px;font-size:13px}
.pc-opt--fig .pc-opt__texto{padding-top:0}
.pc-q__acciones{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.pc-q__acciones .pc-btn{min-width:160px}
.pc-q__ayuda{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
@media (hover:none){.pc-q__ayuda{display:none}}
@media (min-width:640px){.pc-q{padding:24px 28px 26px} .pc-q__enun{font-size:21px} .pc-q__opts--fig{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Figuras de psicotécnicos (copiado de app/styles.css) */
.pc-q__fig,.pc-opt--fig .pc-opt__texto,.pc-resultado__fig{
--bg:#f4f6fa;--surface:#fff;--surface-2:#eef2f8;--text:#13213a;--muted:#5d6b82;--line:#dde3ee;
--primary:#1f6feb;--accent:#f2a900;--ok:#14713f;--ok-bg:#e3f6ea;--bad:#b52a21;--bad-bg:#fde8e6;--warn-bg:#fff4d6;
color:var(--text);color-scheme:light;background:var(--surface-2);
}
.pc-q__fig{margin:12px 0;padding:10px;border-radius:12px;border:1px solid var(--line);overflow-x:auto}
.pc-q__fig svg{display:block;max-width:100%;height:auto;max-height:40vh;margin:0 auto}
.pc-opt--fig .pc-opt__texto{display:block;width:100%;border-radius:8px;padding:4px}
.pc-opt--fig svg{display:block;max-width:100%;height:auto;max-height:22vh;margin:0 auto}
.pc-resultado__fig{display:inline-block;width:64px;vertical-align:middle;border-radius:6px;padding:3px;margin:0 4px}
.pc-resultado__fig svg{display:block;width:100%;height:auto}
@media (min-width:860px){.pc-q__fig svg{max-width:520px;max-height:36vh} .pc-opt--fig svg{max-height:17vh}}
.cuatro-matrices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;align-items:start;max-width:100%;margin:0 auto;box-sizing:border-box}
.cuatro-matrices .cm-bloque{min-width:0}
.cuatro-matrices .cm-rotulo{font-size:12px;font-weight:700;color:var(--muted);margin:0 0 3px 2px;line-height:1.2;white-space:nowrap}
.pc-q__fig .cuatro-matrices svg,.cuatro-matrices svg{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0}
.pc-q__fig:has(> .cuatro-matrices){overflow-x:hidden}
@media (max-width:599px),(max-width:859px) and (orientation:portrait){.cuatro-matrices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.cuatro-matrices.senaleros{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (max-width:599px){.cuatro-matrices.senaleros{gap:4px 5px} .cuatro-matrices.senaleros .cm-rotulo{font-size:11px;margin-left:1px}}

/* Resultado */
.pc-resultado{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 16px 20px;animation:pc-entra .3s ease}
.pc-anillo{--p:0;width:156px;height:156px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:conic-gradient(var(--radar) calc(var(--p,0) * 1%),var(--line) 0);box-shadow:0 0 0 8px var(--surface-2),0 0 40px #39d98a40;animation:pc-anillo .9s cubic-bezier(.2,.7,.2,1)}
@keyframes pc-anillo{from{transform:scale(.85);opacity:0}}
.pc-anillo__num{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-family:var(--mono);font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.pc-anillo__num small{font-size:16px;font-weight:600;opacity:.7;margin-left:2px}
.pc-resultado__texto{text-align:center;max-width:600px;margin:0 auto 20px;font-size:17px}
.pc-resultado__texto strong{display:block;font-size:22px;margin-bottom:4px;letter-spacing:-.01em}
.pc-resultado__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px}
.pc-resultado__titulo{font-size:20px;margin:32px 0 14px;padding-top:24px;border-top:1px solid var(--line)}
.pc-resultado__lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pc-resultado__item{padding:14px 16px 14px 18px;border-radius:8px;background:var(--bg);border:1px solid var(--line);border-left:6px solid var(--line)}
.pc-resultado__item.ok{border-left-color:var(--ok)} .pc-resultado__item.ko{border-left-color:var(--bad)}
.pc-resultado__item p{margin:0 0 6px} .pc-resultado__item p:last-child{margin-bottom:0}
.pc-resultado__q{font-weight:600;line-height:1.45}
.pc-resultado__n{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:var(--surface-2);font-family:var(--mono);font-size:13px;font-weight:800;margin-right:6px;vertical-align:2px}
.pc-resultado__item.ok .pc-resultado__n{background:var(--ok-bg);color:var(--ok)} .pc-resultado__item.ko .pc-resultado__n{background:var(--bad-bg);color:var(--bad)}
.pc-resultado__resp{font-size:15px}
.pc-resultado__item.ko .pc-resultado__resp b:first-of-type{color:var(--bad)}
.pc-resultado__exp{font-size:15px;color:var(--muted)}
@media (min-width:640px){.pc-resultado{padding:36px 32px 28px}}

/* Estados */
.pc-cargando{text-align:center;color:var(--muted);padding:32px 16px;font-weight:600}
.pc-cargando::before{content:"";display:block;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;border:1px solid #39d98a80;background:conic-gradient(from 0deg,rgba(57,217,138,0) 0deg,rgba(57,217,138,0) 250deg,#39d98ab2 360deg);animation:radar-gira 1.2s linear infinite}

/* Día 1 */
.pc-dia1__contenido{max-width:860px;margin:0 auto}
.pc-dia1__tabs{display:flex;gap:6px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;margin-bottom:24px}
.pc-dia1__tab{flex:1;min-height:44px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;font-size:15px;transition:background .15s ease,color .15s ease}
.pc-dia1__tab:hover{color:var(--text);background:var(--surface-2)}
.pc-dia1__tab.is-activa,.pc-dia1__tab[aria-selected="true"]{background:var(--brand);color:#fff}
.pc-dia1__tab:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
@media (max-width:420px){.pc-dia1__tab{font-size:13px;padding:8px 4px}}
.pc-dia1__panel{min-width:0}

/* Lección */
.pc-leccion{max-width:760px;margin:0 auto}
.pc-leccion__cab{margin-bottom:20px;padding-left:16px;border-left:6px solid var(--accent)}
.pc-leccion--ingles .pc-leccion__cab{border-left-color:var(--primary)}
.pc-leccion__kicker{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-conocimientos-ink);margin:0 0 6px}
.pc-leccion--ingles .pc-leccion__kicker{color:var(--tinte-ingles-ink)}
.pc-leccion__cab h2{margin-bottom:4px;font-size:clamp(24px,3.4vw,30px)}
.pc-leccion__sub{color:var(--muted);font-size:18px;margin:0}
.pc-leccion__p{font-size:17px;line-height:1.7;margin:0 0 1em}
.pc-leccion__intro{font-size:19px;color:var(--muted)}
.pc-leccion__tip{background:var(--warn-bg);border-left:4px solid var(--accent);border-radius:0 var(--radius-s) var(--radius-s) 0;padding:12px 16px;margin:0 0 1.2em;font-size:16px;line-height:1.6}
.pc-leccion__tip--aviso{background:var(--bad-bg);border-left-color:var(--bad)}
.pc-leccion__formula{font-family:var(--mono);font-size:clamp(17px,2.4vw,21px);text-align:center;padding:16px 12px;margin:0 0 1.2em;background:var(--surface-2);border-radius:var(--radius-s);overflow-x:auto;font-weight:600}
.pc-leccion__img{margin:0 0 1.4em;text-align:center}
.pc-leccion__img img{border-radius:var(--radius-s);max-width:100%;height:auto;background:#fff}
.pc-leccion__img figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.pc-leccion__tabla{min-width:0}
@media (max-width:639px){.pc-leccion__tabla{font-size:14px} .pc-leccion__tabla th,.pc-leccion__tabla td{padding:8px 6px}}
.pc-leccion__lista{padding-left:1.3em;margin:0 0 1.2em}
.pc-leccion__lista li + li{margin-top:.4em}
.pc-leccion__lista li::marker{color:var(--accent);font-weight:700}
.pc-cloze{background:var(--tinte-conocimientos);color:var(--tinte-conocimientos-ink);border-bottom:2px solid var(--accent);padding:0 5px;border-radius:5px 5px 0 0;font-weight:700}

/* Vocabulario por familias */
.pc-voc-fam{margin:28px 0 0}
.pc-voc-fam h3{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.pc-voc-fam__grid{display:grid;gap:12px;grid-template-columns:1fr}
.pc-voc{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:var(--radius-s);padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}
.pc-voc p{margin:0}
.pc-voc__cab{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pc-voc__t{font-size:20px;font-weight:800;letter-spacing:-.01em}
.pc-voc__pos{font-size:13px;color:var(--muted);font-style:italic}
.pc-voc__emoji{margin-left:auto;font-size:22px;line-height:1}
.pc-voc__es{color:var(--tinte-ingles-ink);font-weight:700}
.pc-voc__def{font-size:15px;color:var(--muted)}
.pc-voc__ex{font-size:15px;padding:8px 12px;background:var(--bg);border-left:3px solid var(--line);border-radius:0 8px 8px 0;line-height:1.55}
.pc-voc__ex mark,.pc-leccion mark{background:var(--tinte-conocimientos);color:var(--tinte-conocimientos-ink);padding:0 3px;border-radius:4px;font-weight:700}
.pc-voc__d{font-size:13px;color:var(--muted)}
.pc-voc__note{font-size:14px;padding:8px 12px;background:var(--warn-bg);border-radius:8px;line-height:1.5}
@media (min-width:640px){.pc-voc-fam__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.pc-voc-fam__grid{grid-template-columns:repeat(3,1fr)} .pc-leccion--ingles{max-width:980px}}

/* Gramática (English | Español por ficha) */
.pc-gram{margin:36px 0 0}
.pc-gram > h3{font-size:22px;margin-bottom:4px}
.pc-gram__sub{color:var(--muted);margin:0 0 16px}
.pc-gram__ficha{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;margin-bottom:14px}
.pc-gram__cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.pc-gram__cab h4{margin:0;font-size:19px}
.pc-gram__lang{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted);cursor:pointer;font-weight:600}
.pc-gram__lang .is-activa{color:var(--text);font-weight:800}
.pc-gram__lang:hover{border-color:var(--primary)}
.pc-gram__r{font-weight:600;font-size:17px;padding:10px 14px;border-left:4px solid var(--primary);background:var(--bg);border-radius:0 var(--radius-s) var(--radius-s) 0;margin:0 0 12px;line-height:1.55}
.pc-gram__ex{margin:0 0 6px;font-size:16px}
.pc-gram__ex--mal{color:var(--bad)}
.pc-gram__es{display:block;color:var(--muted);font-size:14px}
.pc-gram__exlist{margin:10px 0 1em;padding:10px 14px;background:var(--bg);border-radius:var(--radius-s)}
.pc-gram__exlist .pc-gram__ex:last-child{margin-bottom:0}
.pc-gram__p{margin-top:10px}
.pc-gram__p .pc-leccion__p{font-size:16px}
.pc-gram__p > :last-child{margin-bottom:0}
@media (min-width:640px){.pc-gram__ficha{padding:22px 24px}}

/* Test del día (dentro de la lección) */
.pc-dia1__test{margin:36px 0 0;padding:22px 18px;background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--radar);border-radius:var(--radius)}
.pc-dia1__test > h3{font-size:22px;margin-bottom:6px}
.pc-dia1__test > p{margin-bottom:12px}
.pc-dia1__test > p:has(.pc-btn){margin-bottom:0}
.pc-dia1__test-panel:empty{display:none}
.pc-dia1__test-panel .pc-q,.pc-dia1__test-panel .pc-resultado{box-shadow:none}
@media (min-width:640px){.pc-dia1__test{padding:26px 28px}}

/* Impresión */
@media print{.cabecera,.pie,.cta-final,.cta-movil,.lista-espera,.nav-entradas,.saltar,.radar{display:none} body{background:#fff;color:#000} a{color:inherit}}