/* Academia GDP v2 · más aire, menos bloques, una acción principal por zona.
   Solo afecta a la página de Academia (main.ac2). Se carga después de academia-ux.css. */

main.contenido.ac2{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(64px,9vw,112px)}

/* ---------- Cabecera: texto limpio sobre fondo claro ---------- */
.ac2 .academia-cabecera{gap:40px;margin-bottom:clamp(48px,7vw,80px)}
.ac2 .academia-intro{display:block;overflow:visible;padding:0;border-radius:0;background:none;color:var(--azul,#00234C)}
.ac2 .academia-intro::before{display:none}
.ac2 .academia-intro-icono,.ac2 .academia-intro-eyebrow{display:none}
.ac2 .academia-intro-titulo{margin:0;color:var(--azul,#00234C);font-size:clamp(2.25rem,5.2vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
.ac2 .academia-intro-subtitulo{max-width:46ch;margin:18px 0 0;color:var(--azul,#00234C);font-size:1.25rem;font-weight:600;line-height:1.45}
.ac2 .lms-intro{max-width:52ch;margin:10px 0 0;color:var(--gris,#55677D);font-size:1rem;line-height:1.65}
.ac2 .lms-intro b{color:var(--azul,#00234C);font-weight:700}

/* Datos en una sola línea, sin burbujas */
.ac2 .ac-stats{gap:6px 0;margin-top:28px}
.ac2 .ac-stats li{padding:0;border-radius:0;background:none;color:var(--gris,#55677D);gap:6px}
.ac2 .ac-stats li+li::before{content:"";width:4px;height:4px;margin:0 16px 0 10px;align-self:center;border-radius:50%;background:#B8C4D6}
.ac2 .ac-stats b{color:var(--azul,#00234C);font-size:1rem;font-weight:700}
.ac2 .ac-stats span{color:var(--gris,#55677D);font-size:1rem}

/* Botón principal */
.ac2 .ac-acciones{margin-top:32px}
.ac2 .ac-btn{min-height:56px;padding:0 28px;border-radius:12px;font-size:1.125rem;box-shadow:none}
.ac2 .ac-btn:hover{box-shadow:0 12px 22px -14px rgba(242,107,0,.9)}

/* ---------- TikTok Live: tarjeta clara y secundaria ---------- */
@media(min-width:960px){.ac2 .academia-cabecera{grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:72px;align-items:center}}
.ac2 .tiktok-live{gap:6px;padding:32px;border:1px solid var(--linea,#DCE4EF);border-radius:20px;background:#fff;color:var(--azul,#00234C);box-shadow:none}
.ac2 .tiktok-live::before{display:none}
.ac2 .tk-icono{display:none}
.ac2 .tk-top{justify-content:flex-start}
.ac2 .tk-badge{color:var(--gris,#55677D);font-size:.875rem;font-weight:600}
.ac2 .tk-fecha{margin-top:8px;color:var(--azul,#00234C);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.ac2 .tk-hora{color:var(--gris,#55677D);font-size:1rem}
.ac2 .tk-cuenta{gap:8px;margin:16px 0 6px}
.ac2 .tk-cuenta div{padding:12px 4px;border-radius:12px;background:var(--suave,#F1F5FA)}
.ac2 .tk-cuenta b{color:var(--azul,#00234C);font-size:1.5rem;font-weight:800}
.ac2 .tk-cuenta small{color:var(--gris,#55677D);font-size:.75rem;letter-spacing:0;text-transform:none}
.ac2 .tk-cuenta .tk-ya{background:#FDECEA;color:#B42318}
.ac2 .tk-horarios{margin-top:12px;padding-top:16px;border-top:1px solid var(--linea,#DCE4EF);color:var(--gris,#55677D);font-size:.875rem}
.ac2 .tk-cta{min-height:56px;margin-top:16px}
.ac2 .tk-cal{color:var(--azul-2,#0B4FA0);font-size:.875rem}
.ac2 .tk-cal:hover{color:var(--azul,#00234C)}

/* ---------- Buscador, módulos y progreso ---------- */
.ac2 .lms-toolbar{gap:24px;margin:0 0 40px}
.ac2 .lms-buscador-top input{min-height:56px;padding-left:54px;border:1.5px solid var(--linea,#DCE4EF);border-radius:16px;background:#fff;font-size:1rem}
.ac2 .lms-buscador-top>svg{left:20px}
.ac2 .lms-toolbar-fila--filtros{justify-content:space-between;gap:20px 32px}
.ac2 .lms-modulo{min-height:44px;padding:0 18px;border:0;background:var(--suave,#F1F5FA);color:var(--azul,#00234C);font-size:.875rem;font-weight:600}
.ac2 .lms-modulo.activo{background:var(--azul,#00234C);color:#fff}
.ac2 .lms-modulo-n{background:rgba(0,35,76,.08);font-size:.75rem}
.ac2 .lms-modulo.activo .lms-modulo-n{background:rgba(255,255,255,.22)}
.ac2 .lms-progreso-barra{width:120px;height:6px}
.ac2 .lms-progreso-texto{font-size:.875rem}

/* ---------- Reproductor y lista ---------- */
.ac2 .lms-grid{gap:32px}
.ac2 .lms-player,.ac2 .lms-lista{border:1px solid var(--linea,#E3EAF3);border-radius:20px;box-shadow:none}
.ac2 .lms-player-cabecera{gap:16px 24px;padding:28px 28px 8px}
.ac2 .lms-player-info h2{font-size:1.25rem;line-height:1.3}
.ac2 .lms-player-info p{margin-top:4px;font-size:.875rem}
.ac2 .lms-completar-btn{min-height:48px;padding:0 20px;border-radius:12px}
.ac2 .ac-extra{gap:20px;padding:16px 28px 28px;border-top:0}
.ac2 .ac-nav button,.ac2 .ac-compartir a,.ac2 .ac-compartir button{border-color:var(--linea,#DCE4EF);border-radius:12px;font-size:.875rem}
.ac2 .ac-detalle p{font-size:1rem}
.ac2 .ac-play{gap:14px;background:linear-gradient(180deg,rgba(0,23,49,.35),rgba(0,23,49,.78))}
.ac2 .ac-play-modulo{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:0;text-transform:none;opacity:.9}
.ac2 .ac-play-icono{width:64px;height:64px;animation:none}
.ac2 .ac-play-titulo{font-size:clamp(1.125rem,2.4vw,1.5rem)}

.ac2 .lms-lista{padding:12px;max-height:min(680px,calc(100vh - var(--h,72px) - 48px))}
.ac2 .lms-grupo-titulo{padding:18px 12px}
.ac2 .lms-grupo-nombre{font-size:1rem}
.ac2 .lms-grupo-lecciones{padding:0 4px 12px}
.ac2 .lms-item{position:relative;gap:14px;padding:14px 12px}
.ac2 .lms-item-titulo{font-size:1rem;line-height:1.4}
.ac2 .lms-item-duracion{margin-top:4px;font-size:.875rem}
.ac2 .lms-item.activa{background:#EAF1FB}
.ac2 .lms-item.activa::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--azul-2,#0B4FA0)}

/* Movimiento sobrio: la lista solo aparece suavemente al filtrar */
@keyframes ac2-fade{from{opacity:0}to{opacity:1}}
.ac2 .ac-anim .lms-item:nth-child(n){animation:ac2-fade .2s both;animation-delay:0s}

@media(max-width:639px){
  .ac2 .academia-cabecera{gap:32px}
  .ac2 .tiktok-live{padding:24px}
  .ac2 .lms-player-cabecera{padding:20px 20px 8px}
  .ac2 .ac-extra{padding:12px 20px 20px}
  .ac2 .ac-btn{width:100%;justify-content:center}
  .ac2 .lms-progreso{width:100%}
  .ac2 .lms-progreso-barra{flex:1;width:auto}
}
@media(prefers-reduced-motion:reduce){.ac2 .ac-anim .lms-item:nth-child(n){animation:none}}
