/* academia.css — /academia, /en/academy y el home inglés /en/.
 *
 * Encima de shared.css y sólo con sus variables. Las dos caras de cada página
 * cargan ESTE fichero: dos copias de los estilos se desvían (#68.bis). */

.ac-hero{background:linear-gradient(135deg,#064e3b,#059669);color:#fff;padding:3rem 1.2rem 2.6rem;text-align:center}
.ac-hero h1{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:.6rem 0 .8rem;line-height:1.15;color:#fff}
.ac-hero p{max-width:46rem;margin:0 auto;opacity:.95;font-size:1.02rem;line-height:1.6}
.ac-hero--en{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}
.ac-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.32rem .85rem;font-size:.8rem;font-weight:600}
.ac-idioma{margin-top:1.4rem;font-size:.85rem}
.ac-idioma a{color:#fff;font-weight:700}

.ac-escuelas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.2rem;margin:.5rem 0 2.5rem}
.ac-escuela{position:relative;display:flex;flex-direction:column;gap:.55rem;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.4rem;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s,border-color .15s}
a.ac-escuela:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.09);border-color:var(--primary)}
.ac-escuela h2{margin:.2rem 0 0;font-size:1.3rem}
.ac-escuela p{margin:0;font-size:.93rem;line-height:1.6;color:var(--text-secondary)}
.ac-escuela ul{margin:.2rem 0 0;padding-left:1.15rem;font-size:.88rem;line-height:1.65;color:var(--text-secondary);flex:1}
.ac-escuela__icono{width:3.2rem;height:3.2rem;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.ac-escuela__icono--ia{background:#ecfdf5;color:var(--primary)}
.ac-escuela__icono--pildoras{background:#fef3c7;color:#b45309}
.ac-escuela__icono--clinica{background:#dbeafe;color:#1d4ed8}
.ac-escuela--pronto{opacity:.85}
.ac-estado{position:absolute;top:1.3rem;right:1.3rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.18rem .5rem;border:1px solid var(--border)}
.ac-estado--abierta{color:#047857;border-color:#a7f3d0;background:#ecfdf5}
.ac-estado--pronto{color:#92400e;border-color:#fde68a;background:#fffbeb}
.ac-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--primary);margin-top:.35rem}
.ac-escuela--pronto .ac-cta{color:var(--text-secondary)}

.ac-bloque{margin:2.5rem 0}
.ac-bloque h2{font-size:1.35rem;margin-bottom:1rem}
.ac-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem}
.ac-paso{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;min-width:0}
.ac-paso h3{margin:.4rem 0 .35rem;font-size:1rem}
.ac-paso p{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-secondary)}
.ac-paso__n{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:.85rem}
.ac-mostrador{border-left:4px solid var(--primary);background:var(--bg-card);padding:1.1rem 1.25rem;border-radius:0 10px 10px 0}
.ac-mostrador h2{font-size:1.1rem;margin:0 0 .4rem}
.ac-mostrador p{margin:0;line-height:1.6}
.ac-mostrador a{color:var(--primary);font-weight:700}

.ac-faq{max-width:760px;display:flex;flex-direction:column;gap:.6rem}
.ac-faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:10px}
.ac-faq summary{cursor:pointer;font-weight:600;padding:.85rem 1rem;list-style:none;font-size:.95rem}
.ac-faq summary::-webkit-details-marker{display:none}
.ac-faq summary::after{content:'+';float:right;color:var(--primary);font-weight:700}
.ac-faq details[open] summary::after{content:'\2212'}
.ac-faq details p{margin:0;padding:0 1rem 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}

.dark-mode .ac-escuela__icono--ia{background:#064e3b}
.dark-mode .ac-escuela__icono--pildoras{background:#451a03;color:#fbbf24}
.dark-mode .ac-escuela__icono--clinica{background:#1e3a8a;color:#bfdbfe}
.dark-mode .ac-estado--abierta{background:#064e3b;border-color:#047857;color:#a7f3d0}
.dark-mode .ac-estado--pronto{background:#2a2009;border-color:#b45309;color:#fde68a}

/* Dentro de una tarjeta el h2 es su título, no un encabezado de sección:
   sin la raya que `.content-section h2` pone a todos (shared.css). */
.ac-escuela h2{border:0;padding:0;text-align:left}

/* El botón principal del hero de /en. `.btn-primary` no existe en shared.css:
   el «Check interactions» de antes se pintaba como un enlace de texto. */
.en-hero-cta .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#1d4ed8;color:#fff;font-weight:700;text-decoration:none;padding:.75rem 1.3rem;border-radius:10px;box-shadow:0 4px 14px rgba(29,78,216,.25)}
.en-hero-cta .btn-primary:hover{background:#1e40af}