/* ETERNAL · Navegación de portada 2026-10-09.
   Jerarquía simple, una CTA, controles consistentes y diálogo accesible.
   Los selectores están aislados para no afectar páginas interiores. */
:is(#et-award-nav,#et-site-award-nav).et-nav--award{
  position:fixed!important;
  top:clamp(10px,1.5vw,18px)!important;
  left:50%!important;
  width:min(1190px,calc(100% - 36px))!important;
  max-width:calc(100vw - 20px)!important;
  padding:9px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center;
  gap:12px!important;
  transform:translateX(-50%)!important;
  z-index:95!important;
  border-radius:23px!important;
  border:1px solid rgba(235,226,255,.13)!important;
  color:#fff;
  background:rgba(16,15,34,.75)!important;
  box-shadow:0 12px 42px rgba(3,3,16,.27),inset 0 1px 0 rgba(255,255,255,.055)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
:is(#et-award-nav,#et-site-award-nav).et-nav--award.is-scrolled{
  background:rgba(13,12,29,.91)!important;
  border-color:rgba(235,226,255,.18)!important;
  box-shadow:0 16px 48px rgba(3,3,16,.46),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
:is(#et-award-nav,#et-site-award-nav) :is(a,button){-webkit-tap-highlight-color:transparent;text-decoration:none}
:is(#et-award-nav,#et-site-award-nav) :is(a,button):focus-visible,
:is(#side-menu,#et-site-side-menu).et-nav-sheet :is(a,button):focus-visible{
  outline:2px solid #d6b5ff!important;
  outline-offset:3px!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu{
  justify-self:start;
  display:inline-flex!important;
  align-items:center;justify-content:center;gap:10px;
  min-height:43px;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:rgba(255,255,255,.9)!important;
  font-size:12px;font-weight:660;letter-spacing:.01em;
  transition:background .2s ease,color .2s ease;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu:hover,
:is(#et-award-nav,#et-site-award-nav) .et-nav__help:hover{
  color:#fff!important;
  background:rgba(255,255,255,.085)!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu-icon{
  display:grid!important;place-items:center;
  flex:none;width:22px;height:22px;font-size:16px;color:#e3d7fc;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu-text{display:inline!important}
:is(#et-award-nav,#et-site-award-nav) .et-nav__brand{
  grid-column:2;
  display:grid;place-items:center;
  justify-self:center;
  min-width:0;
  padding:6px 9px;
  border-radius:12px;
  transition:opacity .18s ease;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__brand:hover{opacity:.8}
:is(#et-award-nav,#et-site-award-nav) .et-nav__brand img{
  display:block!important;
  width:auto!important;
  height:34px!important;
  max-width:160px!important;
  object-fit:contain;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__actions{
  grid-column:3;justify-self:end;
  display:flex!important;align-items:center;justify-content:flex-end;
  gap:8px!important;
  min-width:0;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__help{
  display:inline-flex!important;
  align-items:center;justify-content:center;gap:7px;
  min-height:40px;
  padding:0 10px;
  border-radius:13px;
  background:transparent;
  color:rgba(243,239,255,.78);
  font-size:12px;font-weight:620;white-space:nowrap;
  transition:background .2s ease,color .2s ease;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__help i{font-size:15px;color:#c2b9d8}
:is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle){
  display:inline-flex!important;
  align-items:center;
  flex:none!important;
  padding:3px!important;gap:1px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  transform:none!important;
}
:is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle) button{
  display:grid;place-items:center;
  width:34px;min-width:34px;height:34px;
  padding:0!important;
  border-radius:9px!important;
  border:0;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.02em!important;
  color:rgba(247,244,255,.56);
  transition:background .18s,color .18s,box-shadow .18s;
}
:is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle) button[aria-pressed="true"]{
  color:#fff!important;
  background:rgba(160,135,255,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.22)!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__primary.et-nav-start{
  display:inline-flex!important;align-items:center;justify-content:center;
  gap:9px;
  min-height:42px;
  padding:0 17px!important;
  border:1px solid rgba(192,174,255,.35)!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(110deg,#6f45cd,#446ccf)!important;
  box-shadow:0 7px 20px rgba(68,61,181,.19)!important;
  font-size:12px!important;font-weight:740!important;
  letter-spacing:0!important;white-space:nowrap;
  transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__primary:hover{
  filter:brightness(1.16);
  transform:translateY(-1px);
  box-shadow:0 10px 27px rgba(68,61,181,.28)!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__primary i{font-size:11px}
:is(#et-award-nav,#et-site-award-nav) .et-nav__start-short{display:none}
:is(#side-menu,#et-site-side-menu).et-nav-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:140!important;
  display:block!important;
  width:100%!important;height:100dvh!important;
  opacity:0;visibility:hidden;
  pointer-events:none;
  transform:none!important;
  transition:opacity .23s ease,visibility .23s ease;
}
:is(#side-menu,#et-site-side-menu).et-nav-sheet.is-open{opacity:1;visibility:visible;pointer-events:auto}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__backdrop{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;background:rgba(3,4,13,.72);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  cursor:default;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel{
  position:relative;
  margin:clamp(80px,11svh,105px) auto 0;
  width:min(1080px,calc(100% - 32px));
  max-height:calc(100dvh - clamp(98px,13svh,125px));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  color:#fff;
  border:1px solid rgba(241,232,255,.17);
  border-radius:26px;
  background:linear-gradient(155deg,rgba(30,27,52,.98),rgba(11,12,30,.985) 62%);
  box-shadow:0 32px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.055);
  padding:clamp(20px,3vw,34px);
  transform:translateY(-12px) scale(.985);
  transition:transform .27s cubic-bezier(.2,.8,.2,1);
}
:is(#side-menu,#et-site-side-menu).is-open .et-nav-sheet__panel{transform:none}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__header{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  margin-bottom:23px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__eyebrow{
  display:block;color:#b7abd5;font-size:10px;font-weight:760;
  letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__header h2{
  font-size:clamp(1.5rem,2.25vw,2.15rem);
  line-height:1.2;letter-spacing:-.045em;
  font-weight:770;margin:0 0 6px;color:#fff;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__header p{
  color:#aaa5c2;font-size:12px;line-height:1.55;margin:0;max-width:560px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__close{
  flex:none;display:grid;place-items:center;
  width:40px;height:40px;
  color:#ddd6ed;border-radius:12px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  transition:background .2s ease;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__close:hover{background:rgba(255,255,255,.1)}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__columns{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__group-title{
  margin:0 0 11px;
  font-size:11px;line-height:1.5;font-weight:720;
  letter-spacing:.02em;color:#cfc7e1;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audiences{
  display:grid;gap:7px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience{
  display:flex;align-items:center;gap:11px;
  min-height:61px;padding:9px 12px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.065);
  color:#fff;background:rgba(255,255,255,.025);
  transition:background .18s,border-color .18s,transform .18s;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience:hover,
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product:hover{
  background:rgba(167,139,250,.075);
  border-color:rgba(196,181,253,.27);
  transform:translateY(-1px);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__icon{
  flex:none;display:grid;place-items:center;
  width:36px;height:36px;
  border:1px solid rgba(220,207,253,.12);
  background:rgba(189,172,255,.075);
  border-radius:11px;color:#d9c9ff;font-size:14px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__label{
  display:grid;gap:2px;flex:1;min-width:0;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__label strong{
  font-size:12px;font-weight:730;line-height:1.35;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__label small{
  font-size:10px;font-weight:440;color:#9f9cb7;line-height:1.4;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__chevron{
  color:rgba(255,255,255,.35);font-size:10px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__products{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product{
  display:flex;align-items:center;gap:9px;
  padding:12px 11px;min-height:69px;
  color:#fff;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:rgba(255,255,255,.025);
  transition:background .18s,border-color .18s,transform .18s;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product .et-nav-sheet__icon{width:33px;height:33px;font-size:13px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product .et-nav-sheet__label strong{font-size:11px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product .et-nav-sheet__label small{font-size:9px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:18px;margin-top:24px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-label{
  margin-right:3px;
  font-size:10px;color:#a49abf;font-weight:700;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer a{
  color:#d2cce1;font-size:11px;font-weight:590;
  text-decoration:none;transition:color .18s ease;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer a:hover{color:#fff}
body.et-nav-lock{overflow:hidden!important}
@media(max-width:900px){
  :is(#et-award-nav,#et-site-award-nav).et-nav--award{width:calc(100% - 22px)!important;gap:6px!important;padding:7px 10px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__menu-text{display:none!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__menu{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__brand img{height:30px!important;max-width:130px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__help span{display:none}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__help{width:38px;min-height:40px;padding:0}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel{padding:22px}
}
@media(max-width:690px){
  :is(#et-award-nav,#et-site-award-nav).et-nav--award{
    top:max(8px,env(safe-area-inset-top))!important;
    width:calc(100% - 18px)!important;
    max-width:none!important;
    padding:7px 8px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    border-radius:18px!important;
  }
  :is(#et-award-nav,#et-site-award-nav) .et-nav__menu{width:40px!important;min-width:40px!important;height:40px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__brand{grid-column:2;padding:3px}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__brand img{height:26px!important;max-width:100px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__actions{grid-column:3;gap:5px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__help{display:none!important}
  :is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle){padding:2px!important;border-radius:10px!important}
  :is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle) button{min-width:27px!important;width:27px!important;height:31px!important;padding:0!important;font-size:9px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__primary.et-nav-start{display:inline-flex!important;min-height:36px;padding:0 9px!important;border-radius:10px!important;font-size:10px!important;gap:5px}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__start-full{display:none}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__start-short{display:inline}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel{
    width:calc(100% - 16px);
    margin:max(72px,calc(env(safe-area-inset-top) + 65px)) auto 0;
    max-height:calc(100dvh - max(84px,calc(env(safe-area-inset-top) + 79px)));
    padding:19px 16px;
    border-radius:21px;
  }
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__columns{grid-template-columns:minmax(0,1fr);gap:23px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__header{margin-bottom:17px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__header p{font-size:11px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer{gap:13px}
}
@media(max-width:370px){
  :is(#et-award-nav,#et-site-award-nav).et-nav--award{grid-template-columns:37px minmax(0,1fr) auto!important;gap:3px!important;padding:6px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__menu{width:36px!important;min-width:36px!important;height:37px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__brand img{height:22px!important;max-width:80px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__primary.et-nav-start{padding:0 7px!important;min-height:33px;font-size:9px!important}
  :is(#et-award-nav,#et-site-award-nav) .et-nav__primary i{display:none}
  :is(#et-award-nav,#et-site-award-nav) :is(#lang-toggle,#et-site-lang-toggle) button{width:25px!important;min-width:25px!important;height:29px!important}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__products{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  :is(#et-award-nav,#et-site-award-nav).et-nav--award,
  :is(#et-award-nav,#et-site-award-nav) :is(a,button),
  :is(#side-menu,#et-site-side-menu).et-nav-sheet,
  :is(#side-menu,#et-site-side-menu).et-nav-sheet :is(a,button),
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel{transition:none!important}
}
html.et-constrained-gpu :is(#et-award-nav,#et-site-award-nav).et-nav--award{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:rgba(16,15,34,.97)!important;
}

/* ETERNAL · Navegación con identidad y filtro por rol · 2026-10-09
   Las tarjetas de persona ahora son opciones interactivas sin navegar de la página.
   Decoración de baja densidad: aurora, líneas orbitales, personajes originales. */
:is(#et-award-nav,#et-site-award-nav).et-nav--award::before{
  content:"";position:absolute;inset:0 18%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 65% 110% at 50% -50%,rgba(170,112,255,.22),transparent 85%);
  border-radius:inherit;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu{
  border:1px solid rgba(184,172,255,.12)!important;
  background:linear-gradient(135deg,rgba(152,107,247,.13),rgba(53,137,238,.05))!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu:hover,
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu[aria-expanded="true"]{
  border-color:rgba(193,166,255,.35)!important;
  background:linear-gradient(135deg,rgba(152,107,247,.26),rgba(53,137,238,.12))!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__menu-icon{color:#d9bcff}
:is(#et-award-nav,#et-site-award-nav) .et-nav__primary.et-nav-start{
  background:linear-gradient(115deg,#7c39dc 0%,#765aee 42%,#3187dc 100%)!important;
  box-shadow:0 6px 24px rgba(106,82,242,.23),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__brand:after{
  content:"";width:40%;height:2px;position:absolute;bottom:1px;left:30%;
  background:linear-gradient(90deg,transparent,rgba(171,151,255,.6),transparent);
  opacity:.65;pointer-events:none;
}
:is(#et-award-nav,#et-site-award-nav) .et-nav__brand{position:relative}
:is(#side-menu,#et-site-side-menu).et-nav-sheet{
  --et-role-rgb:145,116,244;
  --et-role-accent:#bda8ff;
  --et-role-accent-secondary:#549ff9;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel{
  width:min(1130px,calc(100% - 32px));
  background:
    radial-gradient(ellipse 55% 72% at 99% 1%,rgba(82,88,186,.19),transparent 75%),
    radial-gradient(ellipse 58% 95% at 0% 100%,rgba(107,56,173,.18),transparent 72%),
    linear-gradient(145deg,#161329 0%,#0c1023 63%,#080d1e);
  isolation:isolate;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background-image:
    radial-gradient(circle at 8% 20%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 41%,rgba(142,197,255,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle at 55% 13%,rgba(216,180,254,.65) 0 1px,transparent 1.5px);
  background-size:183px 161px,243px 231px,314px 262px;
  opacity:.32;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__panel::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:340px;height:340px;right:-130px;top:-180px;
  border:1px solid rgba(174,174,249,.10);border-radius:50%;
  box-shadow:0 0 0 48px rgba(172,152,252,.018),0 0 0 110px rgba(172,152,252,.012);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__eyebrow{letter-spacing:.20em;color:#b7a4e8}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__header h2{
  font-size:clamp(1.6rem,2.7vw,2.6rem);
  letter-spacing:-.05em;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__header h2 em{
  font-style:normal;
  color:#d3c3ff;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__columns{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(15px,2.4vw,34px)}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__group-title{
  display:flex;align-items:center;gap:9px;
  font-size:11px;text-transform:none;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__group-title::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:#b8a2fb;box-shadow:0 0 14px #9b70ff;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audiences{display:grid;gap:7px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience{
  appearance:none;width:100%;text-align:left;cursor:pointer;
  --role-a:#8860e7;--role-b:#4c76de;
  position:relative;isolation:isolate;overflow:hidden;
  min-height:65px;
  padding:10px 13px 10px 14px;
  border-radius:16px;
  border:1px solid rgba(234,224,255,.105);
  background:linear-gradient(115deg,rgba(255,255,255,.037),rgba(255,255,255,.014));
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,var(--role-a),var(--role-b));opacity:.85;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(112deg,var(--role-a),var(--role-b));
  opacity:.045;transition:opacity .18s ease;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="familia"]{--role-a:#b075f6;--role-b:#766ef9}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="terapeuta"]{--role-a:#e778bc;--role-b:#9c6cf6}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="escuela"]{--role-a:#80b5ff;--role-b:#3c79f4}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="organizacion"]{--role-a:#51d5ff;--role-b:#2987f6}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="all"]{--role-a:#ad89ff;--role-b:#50b6d9}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience:hover,
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[aria-pressed="true"]{
  transform:translateX(2px);
  border-color:color-mix(in srgb,var(--role-a) 45%,transparent);
  background:linear-gradient(125deg,color-mix(in srgb,var(--role-a) 14%,#17172b),rgba(255,255,255,.025));
  box-shadow:0 7px 22px rgba(0,0,0,.13);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience:hover::after,
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[aria-pressed="true"]::after{opacity:.11}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[aria-pressed="true"]::before{width:4px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__icon{
  color:#f4f3ff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--role-a) 47%,#182039),color-mix(in srgb,var(--role-b) 34%,#182039));
  border-color:color-mix(in srgb,var(--role-a) 31%,transparent);
  box-shadow:0 7px 17px color-mix(in srgb,var(--role-a) 12%,transparent);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__label strong{font-size:12px;color:#fff}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__label small{color:#b0adc5;font-size:10px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__chevron{
  opacity:.55;transition:transform .18s ease,color .18s ease;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[aria-pressed="true"] .et-nav-sheet__chevron{
  transform:rotate(90deg);color:var(--role-a);opacity:1;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__results{
  display:grid;gap:14px;
  border-radius:21px;
  padding:13px;
  border:1px solid rgba(215,206,248,.09);
  background:rgba(5,9,25,.24);
  min-width:0;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner{
  --et-role-a:#9e7af2;--et-role-b:#4c9fe7;
  position:relative;isolation:isolate;
  min-height:140px;
  border-radius:17px;
  padding:19px 150px 19px 19px;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 110% at 96% 50%,color-mix(in srgb,var(--et-role-b) 34%,transparent),transparent 88%),
    linear-gradient(112deg,color-mix(in srgb,var(--et-role-a) 24%,#13132a),color-mix(in srgb,var(--et-role-b) 17%,#0b172d));
  border:1px solid color-mix(in srgb,var(--et-role-a) 28%,transparent);
  transition:background .26s,border-color .26s;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner[data-role="familia"]{--et-role-a:#b075f6;--et-role-b:#766ef9}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner[data-role="terapeuta"]{--et-role-a:#e778bc;--et-role-b:#9c6cf6}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner[data-role="escuela"]{--et-role-a:#80b5ff;--et-role-b:#3c79f4}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner[data-role="organizacion"]{--et-role-a:#51d5ff;--et-role-b:#2987f6}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner[data-role="all"]{--et-role-a:#ad89ff;--et-role-b:#50b6d9}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner::before{
  content:"";position:absolute;inset:-45px -15px -110px auto;width:255px;height:255px;
  border:1px solid color-mix(in srgb,var(--et-role-b) 26%,transparent);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 24px color-mix(in srgb,var(--et-role-b) 5%,transparent),0 0 0 61px color-mix(in srgb,var(--et-role-b) 3%,transparent);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner::after{
  content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;
  background:repeating-linear-gradient(112deg,transparent 0 48px,rgba(255,255,255,.1) 49px,transparent 50px);
  mask-image:linear-gradient(90deg,transparent 40%,black);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__hero-copy{position:relative;z-index:2;max-width:350px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-kicker{
  display:block;color:#ded6ff;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:8px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-name{
  display:block;color:#fff;font-size:clamp(1.25rem,2.0vw,1.8rem);
  font-weight:830;letter-spacing:-.05em;line-height:1.1;margin-bottom:7px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-text{font-size:11px;color:#e5dcfa;line-height:1.6;max-width:295px;margin:0}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__mascot{
  position:absolute;
  right:0;bottom:-18px;
  width:160px;height:178px;
  object-fit:contain;object-position:center bottom;
  z-index:1;
  filter:drop-shadow(0 15px 15px rgba(7,2,27,.34));
  pointer-events:none;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__mascot[hidden],
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product[hidden]{display:none!important}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__results-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:2px 0 1px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__results-heading strong{font-size:12px;color:#ede7f9;font-weight:740}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product-count{
  font-size:10px;font-weight:680;color:#c7b8ff;
  padding:5px 8px;border-radius:999px;
  background:rgba(168,142,255,.09);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product{
  min-height:70px;
  padding:12px 11px;
  border:1px solid rgba(213,201,253,.11);
  background:linear-gradient(130deg,rgba(255,255,255,.048),rgba(255,255,255,.018));
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product .et-nav-sheet__icon{
  color:#e5d9ff;
  background:linear-gradient(135deg,rgba(178,136,254,.21),rgba(76,145,242,.1));
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product:hover{border-color:rgba(183,153,250,.42)}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__product .et-nav-sheet__label strong{font-size:11px}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__filter-foot{
  margin:0;padding:3px 3px 0;
  color:#9f9bb7;font-size:10px;line-height:1.5;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer{
  margin-top:19px;padding-top:16px;
  gap:10px 17px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer a{color:#c6c4dc}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer a:hover{color:#fff}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer a:first-of-type{color:#9ed9ff}
@media(max-width:900px){
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__columns{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:14px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner{padding-right:115px;min-height:140px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__mascot{width:130px;height:155px}
}
@media(max-width:690px){
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__columns{grid-template-columns:1fr;gap:21px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience{
    min-height:67px;padding:9px;gap:6px;
  }
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__icon{width:30px;height:30px;flex:0 0 30px;font-size:12px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__label strong{font-size:10px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__label small{font-size:9px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience .et-nav-sheet__chevron{display:none}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="all"]{grid-column:1 / -1}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__results{padding:10px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner{padding:15px 104px 15px 13px;min-height:116px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__mascot{width:118px;height:135px;bottom:-9px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-name{font-size:1.3rem}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-text{font-size:10px}
}
@media(max-width:370px){
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audiences{grid-template-columns:1fr}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience[data-role="all"]{grid-column:auto}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__products{grid-template-columns:1fr}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner{padding-right:90px}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__mascot{width:96px}
}
@media(prefers-reduced-motion:reduce){
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__persona-banner,:is(#side-menu,#et-site-side-menu) .et-nav-sheet__audience{transition:none!important}
}

/* Recursos secundarios: cerrados de inicio para mantener un menú enfocado. */
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more{
  position:relative;display:block;
  min-width:126px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary{
  cursor:pointer;
  list-style:none;
  user-select:none;
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;font-weight:600;color:#cabdf0;
  border:1px solid rgba(191,176,240,.18);
  background:rgba(187,159,255,.07);
  border-radius:999px;padding:7px 11px;
  transition:background .16s ease,border-color .16s ease;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary::-webkit-details-marker{display:none}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary::marker{content:""}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary:hover{
  border-color:rgba(205,184,249,.33);
  background:rgba(187,159,255,.12);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary i{font-size:9px;transition:transform .18s ease}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more[open] summary i{transform:rotate(180deg)}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-extra{
  position:absolute;z-index:5;right:0;bottom:calc(100% + 8px);
  display:grid;gap:3px;
  padding:7px;
  min-width:160px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:#17162d;
  box-shadow:0 12px 35px rgba(0,0,0,.28);
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-extra a{
  display:block;
  border-radius:9px;
  padding:8px 10px;
  font-size:11px;
}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-extra a:hover{background:rgba(174,149,254,.12)}
:is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-more summary:focus-visible{
  outline:2px solid #d6b5ff;
  outline-offset:3px;
}
@media(max-width:690px){
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__footer-extra{left:0;right:auto}
  :is(#side-menu,#et-site-side-menu) .et-nav-sheet__results{scroll-margin-top:10px}
}