/* Academia de Alto Impacto — menú público único y punto verde «conectado» (06/10/2026).
   Los enlaces del menú son los mismos con o sin sesión; con sesión solo cambia el botón de la derecha («Ir a mi Academia · conectado»).
   Se carga en la cabecera de las landings (.al-nav), en la barra de la plataforma (.ap-top / .ap-nav) y en Focus News (.nta-cab). Sin estilos en línea (CSP). */

/* texto solo para lectores de pantalla */
.mu-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* punto verde (decorativo; el texto «conectado» va aparte) */
.mu-pt{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px rgba(27,6,40,.92),0 0 0 3px rgba(34,197,94,.55)}
@media (prefers-reduced-motion:no-preference){
  .mu-pt{animation:mu-pulso 2.6s ease-out infinite}
}
@keyframes mu-pulso{
  0%{box-shadow:0 0 0 2px rgba(27,6,40,.92),0 0 0 3px rgba(34,197,94,.65)}
  70%{box-shadow:0 0 0 2px rgba(27,6,40,.92),0 0 0 9px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 2px rgba(27,6,40,.92),0 0 0 3px rgba(34,197,94,0)}
}

/* ---- elemento de sesión de la derecha (cabecera de landings y de Focus News) ---- */
.mu-slot{display:flex;align-items:center;gap:6px;flex:none}
.mu-ir{gap:.55rem}
.mu-ir .mu-pt{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 3px rgba(21,128,61,.55);background:#16a34a}
.mu-ir__g{display:none}
.mu-ir__c{display:inline;white-space:nowrap}
@media (min-width:1300px){.mu-ir__g{display:inline;white-space:nowrap}.mu-ir__c{display:none}}
@media (prefers-reduced-motion:no-preference){
  .mu-ir .mu-pt{animation-name:mu-pulso-claro}
}
@keyframes mu-pulso-claro{
  0%{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 3px rgba(21,128,61,.7)}
  70%{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 9px rgba(21,128,61,0)}
  100%{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 3px rgba(21,128,61,0)}
}

/* menú de cuenta (avatar) dentro de las cabeceras oscuras: siempre violeta, Día y Noche */
.al-nav .ap-user,.nta-cab .ap-user{position:relative;--card:#1b0628;--line:rgba(195,175,214,.3);--ink:#f7f1fa;--muted:#c3afd6;--accent-soft:rgba(240,86,19,.18);--accent-t:#ffb38f;--accent:#f05613;--accent-ink:#fff;--shadow-lg:0 30px 60px -20px rgba(0,0,0,.7);--r:16px}
.al-nav .ap-user__btn,.nta-cab .ap-user__btn{color:#c3afd6}
.al-nav .ap-user__menu,.nta-cab .ap-user__menu{background:#1b0628;color:#f7f1fa;text-align:left;z-index:96}
.al-nav .ap-user__menu a,.al-nav .ap-user__menu button,.nta-cab .ap-user__menu a,.nta-cab .ap-user__menu button{color:#f7f1fa;font-family:inherit}
.al-nav .ap-avatar,.nta-cab .ap-avatar{background:linear-gradient(135deg,#F05613,#8a4bd0);color:#fff;position:relative}
.al-nav .ap-user__menu select,.nta-cab .ap-user__menu select{max-width:100%}
/* el menú de cuenta de las cabeceras públicas se esconde en móvil (ahí cabe solo «Mi Academia»; la cuenta está dentro de la plataforma) */
@media (max-width:760px){
  .al-nav .mu-user,.nta-cab .mu-user{display:none}
}

/* ---- punto verde sobre el icono «Formaciones» (= mi Academia) de la barra de la plataforma ---- */
.ap-nav__a--on{position:relative}
.ap-nav__a--on .mu-pt--nav{position:absolute;top:8px;left:calc(.95rem + 11px);width:8px;height:8px}
.ap-avatar .mu-pt--av{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;box-shadow:0 0 0 2px #1b0628}
.ap-avatar{position:relative}
@media (max-width:759px){
  .ap-nav__a--on .mu-pt--nav{top:5px;left:calc(50% + 7px)}
}

/* ---- punto en el pie (enlace «Mi Academia · conectado») ---- */
.ps .mu-pt--pie{margin-right:.5rem;vertical-align:.08em}

/* ---- Focus News: desplegable «Planes» con el mismo aspecto que en el resto del sitio ---- */
.nta-dd{position:relative}
.nta-dd>summary{display:inline-flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer}
.nta-dd>summary::-webkit-details-marker{display:none}
.nta-dd>summary::before{content:"";order:2;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nta-dd[open]>summary::before{transform:rotate(-135deg) translateY(-2px)}
.nta-dd__p{position:absolute;right:0;top:calc(100% + 12px);z-index:95;min-width:230px;display:grid;gap:2px;padding:8px;border-radius:24px 8px 24px 8px;background:rgba(27,6,40,.97);border:1px solid rgba(195,175,214,.3);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.nta-dd__p a{display:flex;align-items:center;min-height:44px;padding:.5rem 1rem;border-radius:14px;font-weight:700;font-size:.92rem;color:#f7f1fa}
.nta-dd__p a:hover,.nta-dd__p a:focus-visible{background:rgba(240,86,19,.18);color:#fff}
/* «Planes» (summary) ya sale en la portada solo cuando hay sitio; en Focus News se comporta como los demás enlaces del menú */
.nta-menu .nta-menu__l--m{display:inline-flex}
.nta-cab .mu-slot .nt-btn{white-space:nowrap}

/* ---- Focus News: menú de cuenta (la hoja de la plataforma no se carga allí) ---- */
.nta-cab .ap-user__btn{display:flex;align-items:center;gap:.2rem;min-height:44px;padding:.15rem;border-radius:999px;cursor:pointer;list-style:none}
.nta-cab .ap-user__btn::-webkit-details-marker{display:none}
.nta-cab .ap-user__btn:hover,.nta-cab .ap-user[open] .ap-user__btn{background:rgba(240,86,19,.18)}
.nta-cab .ap-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800;font-size:.95rem}
.nta-cab .ap-user__menu{position:absolute;right:0;top:calc(100% + 8px);width:min(260px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:6px}
.nta-cab .ap-user__id{display:grid;gap:2px;padding:.7rem .8rem;border-bottom:1px solid var(--line);margin-bottom:6px;min-width:0}
.nta-cab .ap-user__id b{font-size:.95rem}
.nta-cab .ap-user__id span{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nta-cab .ap-user__menu a,.nta-cab .ap-user__menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:.5rem .8rem;border:0;background:transparent;border-radius:9px;font-weight:600;font-size:.92rem;text-align:left;cursor:pointer}
.nta-cab .ap-user__menu a:hover,.nta-cab .ap-user__menu button:hover{background:rgba(240,86,19,.18);color:#ffb38f}
.nta-cab .ap-user__menu form{margin:0}

/* ---- Focus News en móvil estrecho: logo + Focus News + Planes + tema + botón de sesión caben en 390 px sin desborde ---- */
@media (max-width:480px){
  .nta-cab__in{gap:8px}
  .nta-menu{gap:4px 12px}
  .nta-menu .nta-menu__l{font-size:.86rem}
  .nta-cab__acc{gap:6px}
  .nta-tema{width:40px;height:40px}
  .nta-cab .mu-slot .nt-btn{padding-left:.8rem;padding-right:.8rem}
  .nta-logo img{width:48px}
}
@media (max-width:430px){
  .nta-menu .nta-dd{display:none} /* en móvil muy estrecho Planes se queda en el pie y en la portada: la cabecera de Focus News prioriza «Focus News» + botón de sesión */
}

/* ---- barra inferior móvil: etiquetas cortas de una palabra, sin recortes (360-430 px) ---- */
.ap-nav__c{display:none}
@media (max-width:759px){
  .ap-nav__a:has(.ap-nav__c) .ap-nav__t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ap-nav__a .ap-nav__c{display:block}
  .ap-nav--denso2 .ap-nav__a{font-size:.7rem}
  .ap-nav--denso2 .ap-nav__a span.ap-nav__c{overflow:visible;text-overflow:clip;max-width:none}
}

/* >>> MOVIL-LIGERO 08/10/2026 (Arcebot) — complemento del script de mj30-pre.js (que para las animaciones infinitas en móvil): la foto del héroe deja de reservar una capa enorme.
   Quitar el bloque (hasta «<<< MOVIL-LIGERO») lo desactiva. */
@media (hover:none) and (pointer:coarse), (max-width:760px){
  .al-hero__poster{animation:none !important;will-change:auto !important}
}
/* <<< MOVIL-LIGERO */

/* RG-CTA (10/10/2026): «Crear mi cuenta gratis» junto a «Entrar» */
.rg-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.3rem .95rem;border-radius:999px;background:#F05613;color:#1b0628 !important;font-weight:800;font-size:.9rem;text-decoration:none;white-space:nowrap}
.rg-cta:hover{background:#ff7a3d}
.rg-cta:focus-visible{outline:3px solid #ffb38f;outline-offset:3px}
.rg-cta__c{display:none}
@media (max-width:759px){.rg-cta__l{display:none}.rg-cta__c{display:inline}}
@media (max-width:379px){.mu-slot .rg-cta{display:none}}

/* ---- 10/10/2026 (orden de Engels): menu de la plataforma MINIMO tambien en escritorio: 4 entradas + «Más» desplegable (sin animaciones) ---- */
@media (min-width:760px){
  .ap-nav--mas .ap-nav__sec{display:none !important}
  .ap-nav .ap-mas{display:block;position:relative}
  .ap-mas>summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .ap-mas>summary::-webkit-details-marker{display:none}
  .ap-mas>summary::marker{content:""}
  .ap-mas>summary .ap-nav__c{display:inline}
  .ap-mas[open]>summary,.ap-mas>summary.ap-nav__mas--act{background:var(--accent-soft);color:var(--accent-t)}
  .ap-mas__p{position:absolute;top:calc(100% + 8px);left:0;z-index:80;min-width:240px;display:grid;gap:2px;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
  .ap-mas__a{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .85rem;border-radius:12px;font-weight:700;font-size:.92rem;color:var(--ink);text-decoration:none}
  .ap-mas__a .ico{font-size:1.15rem;flex:none;color:var(--muted)}
  .ap-mas__a:hover,.ap-mas__a:focus-visible,.ap-mas__a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-t)}
  .ap-mas>summary:focus-visible,.ap-mas__a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
}

/* ---- 10/10/2026 (orden de Engels, captura iPhone): CABECERA SIN SOLAPES ----
   Movil / tablet estrecha: SOLO el isotipo (la doble helice); sin nombre ni texto apilado y sin el enlace «Focus News» montado encima (el cajon ya lo trae).
   Escritorio (>= 1000 px): isotipo + «Academia de Alto Impacto» en UNA linea. Mismos selectores y !important porque menu-movil.css (07/10) forzaba el nombre en movil. */
@media (max-width:999px){
  .al-nav .ap-logo__t,.ap-top .ap-logo__t,.nta-cab .nta-logo__t,html.mu-js .al-nav .ap-logo__t,html.mu-js .nta-cab .nta-logo__t{display:none !important}
}
@media (max-width:760px){
  .al-nav .al-menu,html.mu-js .al-nav .al-menu{display:none !important}
  .nta-cab .nta-menu,html.mu-js .nta-cab .nta-menu{display:none !important}
  .al-nav .ap-logo,.al-nav .al-logo{margin-right:auto}
}
@media (min-width:1000px){
  .al-nav .ap-logo__t,.ap-top .ap-logo__t,.nta-cab .nta-logo__t{display:flex !important;flex-direction:row !important;align-items:baseline;gap:.32em;white-space:nowrap;line-height:1.1}
  .al-nav .ap-logo__t span,.ap-top .ap-logo__t span,.nta-cab .nta-logo__t span,.al-nav .ap-logo__t b,.ap-top .ap-logo__t b,.nta-cab .nta-logo__t b{display:inline !important;font-size:1.02rem;font-weight:800;letter-spacing:-.015em;text-transform:none;white-space:nowrap}
  .al-nav .ap-logo__t span,.nta-cab .nta-logo__t span{color:var(--ink,#f7f1fa)}
}
/* ---- portada: etiqueta del hero en UNA linea corta y titular menos enorme en movil ---- */
.al-badge{max-width:100%;white-space:nowrap}
@media (max-width:760px){
  .al-badge{font-size:.78rem;padding:.4rem .9rem .4rem .5rem;gap:.5rem}
  .al-h1,.al-hero--v .al-h1{font-size:clamp(1.85rem,8.2vw,2.35rem)}
  .al-sub{font-size:1rem}
}

/* ---- 10/10/2026 (Daniela): portada de 7 bloques ---- */
.al-prueba{margin-top:1rem;font-size:.92rem;font-weight:700;color:var(--muted,#c3afd6)}
.al-btns .al-enlace{align-self:center;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.al-ganas{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.al-ganas li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-items:center;padding:1rem 1.1rem;border-radius:22px 8px 22px 8px;border:1px solid rgba(195,175,214,.3);background:rgba(255,255,255,.05)}
.al-ganas svg{grid-row:1 / 3;width:40px;height:40px;fill:none;stroke:#F05613;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.al-ganas b{font-size:1.1rem;line-height:1.25}
.al-ganas span{font-size:.92rem;opacity:.85;line-height:1.4}
@media (max-width:760px){
  .al-ganas{grid-template-columns:1fr;gap:10px;margin-top:1rem}
  .al-sec{padding-block:48px}
  .al-areas{gap:10px}
  .al-area{padding:.9rem 1rem !important}
  .al-area__top{margin-bottom:.3rem}
  .al-area p{display:none}
  .al-hero--v{min-height:0;padding-bottom:24px}
  .al-vis{display:none}
}

/* ---- 10/10/2026 (Daniela): portada de 7 bloques ---- */
.al-prueba{margin-top:1rem;font-size:.92rem;font-weight:700;color:var(--muted,#c3afd6)}
.al-btns .al-enlace{align-self:center;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.al-ganas{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.al-ganas li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-items:center;padding:1rem 1.1rem;border-radius:22px 8px 22px 8px;border:1px solid rgba(195,175,214,.3);background:rgba(255,255,255,.05)}
.al-ganas svg{grid-row:1 / 3;width:40px;height:40px;fill:none;stroke:#F05613;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.al-ganas b{font-size:1.1rem;line-height:1.25}
.al-ganas span{font-size:.92rem;opacity:.85;line-height:1.4}
@media (max-width:760px){
  .al-ganas{grid-template-columns:1fr;gap:10px;margin-top:1rem}
  .al-sec{padding-block:48px}
  .al-areas{gap:10px}
  .al-area{padding:.9rem 1rem !important}
  .al-area__top{margin-bottom:.3rem}
  .al-area p{display:none}
  .al-hero--v{min-height:0;padding-bottom:24px}
  .al-vis{display:none}
}