/* 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}}