/* ENTRETENIMIENTO TOLIMA · Personalizador del navbar v17 */
.et-nav-personalized{
  --et-nav-bg-image:none;
  --et-nav-decor-image:none;
  --et-nav-overlay-opacity:.74;
  --et-nav-blur:14px;
  --et-nav-border-opacity:.24;
  --et-nav-reflection-opacity:.18;
  --et-nav-accent:#f6a30a;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.et-nav-personalized .et-nav-bg-media,
.et-nav-personalized .et-nav-decor-media,
.et-nav-personalized .et-nav-reflection-layer,
.et-nav-personalized .et-nav-border-layer{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.et-nav-personalized .et-nav-bg-media{
  z-index:0;
  background-image:var(--et-nav-bg-image);
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:var(--et-nav-overlay-opacity);
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.05);
}
.et-nav-personalized .et-nav-decor-media{
  z-index:1;
  inset:auto 1.6rem 0 auto;
  width:min(560px,38vw);
  height:100%;
  background-image:var(--et-nav-decor-image);
  background-position:right center;
  background-size:contain;
  background-repeat:no-repeat;
  opacity:.95;
}
.et-nav-personalized.has-reflection .et-nav-reflection-layer{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.12),transparent 24%,transparent 76%,rgba(255,255,255,.10)),
    radial-gradient(circle at 22% 50%,rgba(255,255,255,.16),transparent 20%),
    radial-gradient(circle at 78% 18%,rgba(255,255,255,calc(var(--et-nav-reflection-opacity) * .55)),transparent 16%),
    radial-gradient(circle at 68% 84%,rgba(255,255,255,calc(var(--et-nav-reflection-opacity) * .42)),transparent 18%);
  opacity:var(--et-nav-reflection-opacity);
}
.et-nav-personalized.has-border .et-nav-border-layer{
  z-index:3;
  inset:1px;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,calc(var(--et-nav-border-opacity) * .85)),
    inset 0 -1px 0 rgba(255,255,255,calc(var(--et-nav-border-opacity) * .4));
}
.et212-nav.et-nav-personalized .et212-nav-inner,
.et-mainnav.et-nav-personalized .et-mainnav-inner{
  position:relative;
  z-index:4;
}
.et212-nav.et-nav-personalized.has-glass .et212-nav-inner,
.et-mainnav.et-nav-personalized.has-glass .et-mainnav-inner{
  backdrop-filter:blur(var(--et-nav-blur)) saturate(1.08);
  -webkit-backdrop-filter:blur(var(--et-nav-blur)) saturate(1.08);
}

/* Apariencia premium del nav del home */
.et212-nav.et-nav-personalized{
  box-shadow:0 12px 28px rgba(3,24,95,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.et212-nav.et-nav-personalized::before,
.et212-nav.et-nav-personalized::after{opacity:.72}
.et212-nav.et-nav-personalized .et212-nav-inner{
  min-height:76px;
  padding-inline:10px;
  background:linear-gradient(180deg,rgba(5,18,44,.28),rgba(5,18,44,.12));
}
.et212-nav.et-nav-personalized a{
  position:relative;
  gap:10px;
  margin:6px 2px;
  border-right:1px solid rgba(255,255,255,.08);
}
.et212-nav.et-nav-personalized a:hover{background:rgba(255,255,255,.08)}
.et212-nav.et-nav-personalized a.active{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:inset 0 -4px 0 var(--et-nav-accent),0 10px 24px rgba(0,0,0,.10);
}
.et212-nav.et-nav-personalized .et212-nav-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 20px rgba(3,10,26,.18), inset 0 1px 0 rgba(255,255,255,.16);
}
.et212-nav.et-nav-personalized a.active .et212-nav-icon,
body[class*="et-theme-"] .et212-nav.et-nav-personalized .et212-nav-icon{
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),color-mix(in srgb, var(--et-nav-accent) 38%, transparent));
  border-color:color-mix(in srgb, var(--et-nav-accent) 42%, rgba(255,255,255,.2));
}
.et212-nav.et-nav-personalized .et212-nav-icon svg{
  width:17px;
  height:17px;
}

/* Apariencia premium del nav de artículos */
.et-mainnav.et-nav-personalized{
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.04);
  box-shadow:0 10px 26px rgba(5,18,44,.10);
}
.et-mainnav.et-nav-personalized .et-mainnav-inner{
  position:relative;
  min-height:68px;
  background:linear-gradient(180deg,rgba(5,18,44,.22),rgba(5,18,44,.10));
}
.et-mainnav.et-nav-personalized a,
.et-mainnav.et-nav-personalized .et-logout-form button{
  position:relative;
  z-index:2;
}
.et-mainnav.et-nav-personalized a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
}
.et-mainnav.et-nav-personalized a.active::after{background:var(--et-nav-accent)}

@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){
  .et212-nav.et-nav-personalized.has-glass .et212-nav-inner,
  .et-mainnav.et-nav-personalized.has-glass .et-mainnav-inner{
    background:linear-gradient(180deg,rgba(5,18,44,.54),rgba(5,18,44,.36));
  }
}

@media (max-width: 1180px){
  .et-nav-personalized .et-nav-decor-media{width:min(440px,44vw)}
}
@media (max-width: 960px){
  .et-nav-personalized .et-nav-decor-media{opacity:.58;width:min(340px,50vw);right:.4rem}
  .et212-nav.et-nav-personalized .et212-nav-inner{min-height:68px;padding-inline:6px}
}
@media (max-width: 650px){
  .et-nav-personalized .et-nav-decor-media{display:none}
  .et212-nav.et-nav-personalized .et212-nav-inner{min-height:60px;padding-inline:4px}
  .et212-nav.et-nav-personalized .et212-nav-icon{width:25px;height:25px;flex-basis:25px}
  .et212-nav.et-nav-personalized .et212-nav-icon svg{width:15px;height:15px}
}

/* v18 · Mayor visibilidad del arte de fondo e integración premium */
.et-nav-personalized{
  background:linear-gradient(180deg,rgba(4,12,28,.48),rgba(4,12,28,.28));
}
.et-nav-personalized .et-nav-bg-media{
  opacity:calc(var(--et-nav-overlay-opacity) * 1.08);
  background-position:center center;
  background-size:cover;
  filter:saturate(1.12) contrast(1.08) brightness(.96);
}
.et-nav-personalized .et-nav-bg-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,11,24,.50),rgba(4,11,24,.18) 38%,rgba(4,11,24,.30));
}
.et-nav-personalized .et-nav-decor-media{
  opacity:.98;
  mix-blend-mode:screen;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.24));
}
.et212-nav.et-nav-personalized .et212-nav-inner,
.et-mainnav.et-nav-personalized .et-mainnav-inner{
  background:linear-gradient(180deg,rgba(4,11,24,.18),rgba(4,11,24,.08));
}
.et212-nav.et-nav-personalized a,
.et-mainnav.et-nav-personalized a,
.et-mainnav.et-nav-personalized .et-logout-form button{
  backdrop-filter:blur(calc(var(--et-nav-blur) * .25));
  -webkit-backdrop-filter:blur(calc(var(--et-nav-blur) * .25));
}
.et212-nav.et-nav-personalized a.active{
  box-shadow:inset 0 -4px 0 var(--et-nav-accent),0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
@media (max-width: 960px){
  .et-nav-personalized .et-nav-bg-media{opacity:calc(var(--et-nav-overlay-opacity) * 1.12)}
}

/* ==========================================================
   v19 · La misma imagen cubre ENCABEZADO + NAV completo
   ========================================================== */
.et-seasonal-header-stage{
  --et-header-overlay-opacity:.82;
  --et-header-blur:6px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.et-seasonal-header-stage > .et-stage-bg,
.et-seasonal-header-stage > .et-stage-overlay,
.et-seasonal-header-stage > .et-stage-glow{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.et-seasonal-header-stage > .et-stage-bg{
  z-index:-4;
  background-image:var(--et-nav-bg-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:var(--et-header-overlay-opacity);
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.012);
}
.et-seasonal-header-stage > .et-stage-overlay{
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(5,10,22,.50),rgba(5,10,22,.20) 38%,rgba(5,10,22,.40)),
    linear-gradient(180deg,rgba(6,12,28,.16),rgba(6,12,28,.34));
}
.et-seasonal-header-stage > .et-stage-glow{
  z-index:-2;
  background:
    radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--et-nav-accent) 22%,transparent),transparent 22%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.10),transparent 18%);
}
.et-seasonal-header-stage.is-active .et212-ribbon,
.et-seasonal-header-stage.is-active .et212-header,
.et-seasonal-header-stage.is-active .et212-nav,
.et-seasonal-header-stage.is-active .et-site-header,
.et-seasonal-header-stage.is-active .et-brandbar,
.et-seasonal-header-stage.is-active .et-mainnav{
  background:transparent!important;
}
.et-seasonal-header-stage.is-active .et212-ribbon{
  background:linear-gradient(180deg,rgba(8,13,27,.48),rgba(8,13,27,.30))!important;
}
.et-seasonal-header-stage.is-active .et212-header,
.et-seasonal-header-stage.is-active .et-brandbar{
  background:linear-gradient(180deg,rgba(7,14,30,.28),rgba(7,14,30,.18))!important;
}
.et-seasonal-header-stage.is-active.has-header-glass .et212-ribbon,
.et-seasonal-header-stage.is-active.has-header-glass .et212-header,
.et-seasonal-header-stage.is-active.has-header-glass .et-brandbar{
  backdrop-filter:blur(var(--et-header-blur)) saturate(1.06);
  -webkit-backdrop-filter:blur(var(--et-header-blur)) saturate(1.06);
}
.et-seasonal-header-stage.is-active .et212-nav.et-nav-personalized,
.et-seasonal-header-stage.is-active .et-mainnav.et-nav-personalized{
  background:rgba(4,12,28,calc(1 - var(--et-nav-overlay-opacity)))!important;
  border-top-color:color-mix(in srgb,var(--et-nav-accent) 65%,rgba(255,255,255,.16))!important;
}
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-bg-media{
  display:none!important;
}
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{
  opacity:.72;
}
.et-seasonal-header-stage.is-active .et212-brand-word,
.et-seasonal-header-stage.is-active .et212-brand-region,
.et-seasonal-header-stage.is-active .et212-meta,
.et-seasonal-header-stage.is-active .et212-meta *,
.et-seasonal-header-stage.is-active .et-edition,
.et-seasonal-header-stage.is-active .et-edition *,
.et-seasonal-header-stage.is-active .et-logo{
  text-shadow:0 3px 18px rgba(0,0,0,.44);
}

/* Cuando no hay plantilla activa, recuperar exactamente la identidad corporativa. */
.et-seasonal-header-stage:not(.is-active) > .et-stage-bg,
.et-seasonal-header-stage:not(.is-active) > .et-stage-overlay,
.et-seasonal-header-stage:not(.is-active) > .et-stage-glow{display:none!important}
.et-seasonal-header-stage:not(.is-active) .et-nav-personalized .et-nav-bg-media,
.et-seasonal-header-stage:not(.is-active) .et-nav-personalized .et-nav-decor-media,
.et-seasonal-header-stage:not(.is-active) .et-nav-personalized .et-nav-reflection-layer,
.et-seasonal-header-stage:not(.is-active) .et-nav-personalized .et-nav-border-layer{display:none!important}
.et-seasonal-header-stage:not(.is-active) .et212-nav.et-nav-personalized .et212-nav-inner,
.et-seasonal-header-stage:not(.is-active) .et-mainnav.et-nav-personalized .et-mainnav-inner{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:transparent!important;
}

@media(max-width:760px){
  .et-seasonal-header-stage > .et-stage-bg{background-position:center top}
  .et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{display:none!important}
}


/* ==========================================================
   v21 · Pulido de identidad corporativa (sin plantilla activa)
   ==========================================================
   La identidad corporativa se mantiene protegida. Solo se reduce
   saturación del nav y se sustituyen los bloques fuertes del
   selector por líneas editoriales más sobrias.
*/
.et-corporate-header-stage .et212-nav{
  background:
    radial-gradient(circle at 50% -120%, rgba(61,130,214,.20), transparent 54%),
    linear-gradient(100deg,#0a2047 0%,#0d2e62 38%,#123e78 64%,#0a2047 100%) !important;
  border-top:1px solid rgba(239,183,50,.86) !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 12px 28px rgba(5,24,58,.12),
    inset 0 1px 0 rgba(255,255,255,.045);
}
.et-corporate-header-stage .et212-nav::before,
.et-corporate-header-stage .et212-nav::after{
  opacity:.38 !important;
  filter:saturate(.72);
}
.et-corporate-header-stage .et212-nav-inner{
  min-height:66px;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.03));
}
.et-corporate-header-stage .et212-nav a{
  color:rgba(255,255,255,.92);
  border-right:1px solid rgba(255,255,255,.095);
  background:transparent;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.et-corporate-header-stage .et212-nav a:first-child{
  border-left:1px solid rgba(255,255,255,.06);
}
.et-corporate-header-stage .et212-nav a:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.et-corporate-header-stage .et212-nav-icon{
  color:rgba(255,255,255,.90);
}
.et-corporate-header-stage .et212-nav a.active{
  color:#fff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.et-corporate-header-stage .et212-nav a.active::before{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  top:0;
  height:2px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#5ea4ef,transparent);
  opacity:.78;
}
.et-corporate-header-stage .et212-nav a.active::after{
  left:18%;
  right:18%;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#eeb137,#ffca56,#e89b2a) !important;
  box-shadow:0 -1px 8px rgba(237,177,55,.16);
}
.et-corporate-header-stage .et212-nav a.active .et212-nav-icon{
  color:#f2c35a;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.18));
}
.et-corporate-header-stage .et212-nav a.active span:last-child{
  text-shadow:0 1px 8px rgba(0,0,0,.18);
}

/* Línea editorial inferior: separa navegación y contenido sin recargar. */
.et-corporate-header-stage::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(21,67,123,.20) 18%,rgba(229,170,52,.55) 50%,rgba(21,67,123,.20) 82%,transparent 96%);
}

/* Menú de artículos: misma dirección visual sobria. */
.et-corporate-header-stage .et-mainnav{
  background:linear-gradient(100deg,#0a2047,#10366b 55%,#0a2047) !important;
  border-top:1px solid rgba(239,183,50,.78);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.et-corporate-header-stage .et-mainnav a{
  border-right:1px solid rgba(255,255,255,.085);
}
.et-corporate-header-stage .et-mainnav a.active{
  background:rgba(255,255,255,.055) !important;
  box-shadow:inset 0 -3px 0 #eeb137;
}

/* Ajuste pequeño en portátil y móvil para evitar sensación de bloque. */
@media(max-width:1280px){
  .et-corporate-header-stage .et212-nav-inner{min-height:62px}
}
@media(max-width:760px){
  .et-corporate-header-stage .et212-nav{
    background:linear-gradient(100deg,#091d40,#0e3062 52%,#091d40) !important;
  }
  .et-corporate-header-stage .et212-nav-inner{min-height:58px}
  .et-corporate-header-stage .et212-nav a.active::before{display:none}
}


/* ==========================================================
   v22 · Navegación estacional refinada
   - el arte principal sigue detrás de encabezado + nav
   - los adornos ya no imitan botones ni categorías
   - la identidad corporativa queda fuera de estas reglas
   ========================================================== */
.et-seasonal-header-stage.is-active{
  background:#081326;
}
.et-seasonal-header-stage.is-active > .et-stage-bg{
  inset:0 !important;
  opacity:var(--et-header-overlay-opacity) !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(.93);
  transform:scale(1.006);
}
.et-seasonal-header-stage.is-active > .et-stage-overlay{
  background:
    linear-gradient(180deg,rgba(5,10,23,.12) 0%,rgba(5,10,23,.20) 58%,rgba(5,10,23,.34) 100%),
    linear-gradient(90deg,rgba(5,10,23,.34),rgba(5,10,23,.10) 42%,rgba(5,10,23,.28));
}
.et-seasonal-header-stage.is-active .et212-nav.et-nav-personalized,
.et-seasonal-header-stage.is-active .et-mainnav.et-nav-personalized{
  background:rgba(5,12,27,.16) !important;
  border-top:1px solid color-mix(in srgb,var(--et-nav-accent) 58%,rgba(255,255,255,.15)) !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 24px rgba(4,9,20,.10);
}
/* No se dibuja una segunda imagen dentro del nav: se ve la misma imagen del stage detrás. */
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-bg-media{
  display:none !important;
}
/* Adorno estacional: pequeño, lateral y sin etiquetas. */
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{
  display:block !important;
  z-index:2;
  inset:50% 18px auto auto;
  width:min(290px,18vw);
  height:72px;
  transform:translateY(-50%);
  opacity:.50;
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.16));
}
/* Los enlaces siempre quedan por encima del adorno y se alinean de forma estable. */
.et-seasonal-header-stage.is-active .et212-nav-inner{
  position:relative;
  z-index:5;
  display:flex;
  align-items:stretch;
}
.et-seasonal-header-stage.is-active .et212-nav a{
  position:relative;
  z-index:5;
  min-width:0;
  margin:0;
  background:rgba(4,12,28,.04);
  border-right:1px solid rgba(255,255,255,.085);
}
.et-seasonal-header-stage.is-active .et212-nav a:hover{
  background:rgba(255,255,255,.055);
}
.et-seasonal-header-stage.is-active .et212-nav a.active{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) !important;
  box-shadow:inset 0 -3px 0 var(--et-nav-accent) !important;
}
.et-seasonal-header-stage.is-active .et212-nav-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
.et-seasonal-header-stage.is-active .et212-nav a.active .et212-nav-icon{
  background:color-mix(in srgb,var(--et-nav-accent) 16%,rgba(255,255,255,.05)) !important;
  border-color:color-mix(in srgb,var(--et-nav-accent) 46%,rgba(255,255,255,.16)) !important;
}
.et-seasonal-header-stage.is-active .et212-nav-icon svg{
  width:15px;
  height:15px;
}
/* Preview del administrador: mismo criterio, sin iconos decorativos falsos. */
#navDesignerPreview .et-nav-decor-media{
  width:min(220px,26%);
  height:66px;
  inset:50% 12px auto auto;
  transform:translateY(-50%);
  opacity:.42;
  background-size:contain;
  background-position:right center;
}
#navDesignerPreview .et212-nav-inner{
  position:relative;
  z-index:5;
}
#navDesignerPreview .et212-nav-icon{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:.78rem;
}
@media(max-width:1100px){
  .et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{
    width:min(220px,17vw);
    opacity:.34;
  }
}
@media(max-width:760px){
  .et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{
    display:none !important;
  }
  .et-seasonal-header-stage.is-active > .et-stage-bg{
    background-position:center top !important;
  }
}

/* Protección explícita: estas mejoras no tocan el modo corporativo. */
.et-corporate-header-stage .et-nav-decor-media,
.et-corporate-header-stage .et-nav-bg-media{
  display:none !important;
}


/* ==========================================================
   v23 · Continuidad visual real + iconos refinados
   ========================================================== */

/* La imagen de temporada vive una sola vez detrás de todo el stage.
   El nav ya no dibuja una segunda copia ni adornos que parezcan botones. */
.et-seasonal-header-stage.is-active{
  position:relative;
}
.et-seasonal-header-stage.is-active::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:20px;
  top:54px;
  width:min(260px,18vw);
  height:112px;
  background-image:var(--et-nav-decor-image);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right center;
  opacity:.24;
  mix-blend-mode:screen;
  pointer-events:none;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.14));
}
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-decor-media{
  display:none !important;
}
.et-seasonal-header-stage.is-active .et-nav-personalized .et-nav-bg-media{
  display:none !important;
}

/* El control de “Intensidad del fondo del Nav” vuelve a tener efecto real:
   0 = transparente / 100 = más contraste oscuro. */
.et-seasonal-header-stage.is-active .et212-nav.et-nav-personalized,
.et-seasonal-header-stage.is-active .et-mainnav.et-nav-personalized{
  background:rgba(5,12,27,var(--et-nav-overlay-opacity)) !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.et-seasonal-header-stage.is-active .et212-nav.et-nav-personalized.has-glass .et212-nav-inner,
.et-seasonal-header-stage.is-active .et-mainnav.et-nav-personalized.has-glass .et-mainnav-inner{
  backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
  -webkit-backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
}

/* Los reflejos son solo luz ambiental, nunca símbolos o categorías adicionales. */
.et-seasonal-header-stage.is-active .et-nav-personalized.has-reflection .et-nav-reflection-layer{
  z-index:2;
  opacity:var(--et-nav-reflection-opacity);
  background:
    radial-gradient(circle at 18% 50%,rgba(255,255,255,.12),transparent 15%),
    radial-gradient(circle at 55% 22%,rgba(255,255,255,.07),transparent 13%),
    linear-gradient(100deg,transparent 0 32%,rgba(255,255,255,.055) 48%,transparent 64%);
}
.et-seasonal-header-stage.is-active .et-nav-personalized.has-border .et-nav-border-layer{
  z-index:6;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,calc(var(--et-nav-border-opacity) * .65)),
    inset 0 -1px 0 rgba(255,255,255,calc(var(--et-nav-border-opacity) * .42));
}

/* Iconos reales del menú: un poco más grandes, limpios y consistentes. */
.et-seasonal-header-stage.is-active .et212-nav-icon{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 5px 12px rgba(0,0,0,.12) !important;
}
.et-seasonal-header-stage.is-active .et212-nav-icon svg{
  width:18px !important;
  height:18px !important;
  stroke-width:1.8;
}
.et-seasonal-header-stage.is-active .et212-nav a.active .et212-nav-icon{
  background:color-mix(in srgb,var(--et-nav-accent) 20%,rgba(255,255,255,.06)) !important;
  border-color:color-mix(in srgb,var(--et-nav-accent) 58%,rgba(255,255,255,.18)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 6px 15px rgba(0,0,0,.15) !important;
}
.et-seasonal-header-stage.is-active .et212-nav a{
  gap:9px;
  min-height:64px;
}
.et-seasonal-header-stage.is-active .et212-nav a > span:last-child{
  line-height:1.1;
}

/* La vista previa del admin replica exactamente el comportamiento del portal. */
#navStagePreview::before{
  content:"";
  position:absolute;
  z-index:1;
  right:12px;
  top:38px;
  width:150px;
  height:72px;
  background-image:var(--et-nav-decor-image);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right center;
  opacity:.20;
  mix-blend-mode:screen;
  pointer-events:none;
}
#navStagePreview > *:not(.et-stage-bg):not(.et-stage-overlay):not(.et-stage-glow){
  position:relative;
  z-index:2;
}
#navDesignerPreview .et-nav-decor-media,
#navDesignerPreview .et-nav-bg-media{
  display:none !important;
}
#navDesignerPreview{
  background:rgba(5,12,27,var(--et-nav-overlay-opacity)) !important;
}
#navDesignerPreview.has-glass .et212-nav-inner{
  backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
  -webkit-backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
}
#navDesignerPreview .et212-nav-icon{
  width:29px !important;
  height:29px !important;
  flex-basis:29px !important;
}
#navDesignerPreview .et212-nav-icon svg{
  width:17px !important;
  height:17px !important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Protección absoluta de la identidad corporativa. */
.et-corporate-header-stage::before{
  content:none !important;
}
.et-corporate-header-stage .et-nav-personalized,
.et-corporate-header-stage .et-nav-reflection-layer,
.et-corporate-header-stage .et-nav-border-layer,
.et-corporate-header-stage .et-nav-decor-media,
.et-corporate-header-stage .et-nav-bg-media{
  display:none !important;
}

@media(max-width:1100px){
  .et-seasonal-header-stage.is-active::before{
    width:min(210px,17vw);
    opacity:.18;
  }
}
@media(max-width:760px){
  .et-seasonal-header-stage.is-active::before{
    display:none;
  }
  .et-seasonal-header-stage.is-active .et212-nav-icon{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }
  .et-seasonal-header-stage.is-active .et212-nav-icon svg{
    width:17px !important;
    height:17px !important;
  }
}


/* ==========================================================
   v24 · Render nítido de imágenes Full HD+
   ========================================================== */
.et-seasonal-header-stage.is-active > .et-stage-bg,
#navStagePreview > .et-stage-bg{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  image-rendering:auto;
  filter:saturate(1.02) contrast(1.015) brightness(.97)!important;
  transform:scale(1.002)!important;
  will-change:auto;
}
.et-seasonal-header-stage.is-active > .et-stage-overlay{
  /* Overlay más suave: protege el texto sin apagar una imagen de alta resolución. */
  background:
    linear-gradient(180deg,rgba(5,10,23,.08) 0%,rgba(5,10,23,.14) 52%,rgba(5,10,23,.26) 100%),
    linear-gradient(90deg,rgba(5,10,23,.24),rgba(5,10,23,.06) 44%,rgba(5,10,23,.20))!important;
}


/* ==========================================================
   v25 · Navegación sticky en modo corporativo y estacional
   ========================================================== */

/* Sticky necesita que ningún ancestro recorte el desplazamiento. */
.et-seasonal-header-stage{
  overflow:visible !important;
}

/* El arte sigue limitado visualmente a su propio rectángulo aunque
   el stage permita que el nav permanezca sticky. */
.et-seasonal-header-stage > .et-stage-bg,
.et-seasonal-header-stage > .et-stage-overlay,
.et-seasonal-header-stage > .et-stage-glow{
  clip-path:inset(0);
}

/* Home / portada */
.et212-nav{
  position:sticky !important;
  top:0;
  z-index:1200 !important;
  width:100%;
  isolation:isolate;
  transition:
    box-shadow .18s ease,
    background-color .18s ease,
    backdrop-filter .18s ease;
}

/* Vista de artículos */
.et-mainnav{
  position:sticky !important;
  top:0;
  z-index:1200 !important;
  width:100%;
  isolation:isolate;
}

/* Al quedar pegado, se refuerza apenas la separación visual sin
   cambiar la identidad de la plantilla. */
.et212-nav::after,
.et-mainnav::after{
  pointer-events:none;
}

/* Corporativo: conserva exactamente su paleta sobria. */
.et-corporate-header-stage .et212-nav{
  backdrop-filter:saturate(1.02);
  -webkit-backdrop-filter:saturate(1.02);
}
.et-corporate-header-stage .et-mainnav{
  backdrop-filter:saturate(1.02);
  -webkit-backdrop-filter:saturate(1.02);
}

/* Temporadas: el nav sticky conserva el glass y la misma composición
   visual sin introducir una segunda imagen. */
.et-seasonal-header-stage.is-active .et212-nav,
.et-seasonal-header-stage.is-active .et-mainnav{
  box-shadow:
    0 10px 26px rgba(4,10,22,.14),
    inset 0 1px 0 rgba(255,255,255,.035);
}

/* Evita que el preview del administrador se comporte como sticky. */
#navDesignerPreview,
#navStagePreview .et212-nav{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
}

/* En móvil se mantiene pegado, pero con una sombra más discreta. */
@media(max-width:760px){
  .et212-nav,
  .et-mainnav{
    top:0;
    box-shadow:0 8px 20px rgba(4,12,28,.12);
  }
}


/* ==========================================================
   v26 · Sticky robusto por JavaScript
   ==========================================================
   position:sticky estaba limitado por la altura del contenedor
   del encabezado. Cuando terminaba ese padre, el nav dejaba de
   acompañar el scroll. v26 usa estado fixed + placeholder.
*/
.et-nav-sticky-placeholder{
  width:100%;
  height:0;
  margin:0;
  padding:0;
  border:0;
  pointer-events:none;
}

.et212-nav.et-nav-scroll-fixed,
.et-mainnav.et-nav-scroll-fixed{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:9999 !important;
  margin:0 !important;
  transform:none !important;
  animation:none !important;
  will-change:auto;
  box-shadow:
    0 12px 30px rgba(4,13,31,.20),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Corporativo: conserva su fondo oficial cuando se desprende del header. */
.et-corporate-header-stage .et212-nav.et-nav-scroll-fixed,
.et-corporate-header-stage .et-mainnav.et-nav-scroll-fixed,
.et212-nav.et-nav-scroll-fixed:not(.et-nav-personalized),
.et-mainnav.et-nav-scroll-fixed:not(.et-nav-personalized){
  background:
    radial-gradient(circle at 50% -120%,rgba(61,130,214,.18),transparent 54%),
    linear-gradient(100deg,#0a2047 0%,#0d2e62 38%,#123e78 64%,#0a2047 100%) !important;
  border-top:1px solid rgba(239,183,50,.78) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

/* Temporadas: al quedar fixed ya no tiene detrás el stage.
   Por eso se reactiva la MISMA imagen cargada dentro del nav,
   sin agregar un segundo adorno ni cambiar la plantilla. */
.et-nav-personalized.et-nav-scroll-fixed{
  background:rgba(5,12,27,.74) !important;
  overflow:hidden !important;
  isolation:isolate;
}
.et-nav-personalized.et-nav-scroll-fixed .et-nav-bg-media{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:var(--et-nav-bg-image) !important;
  background-size:cover !important;
  background-position:center 58% !important;
  background-repeat:no-repeat !important;
  opacity:var(--et-nav-overlay-opacity) !important;
  filter:saturate(1.02) contrast(1.02) brightness(.72) !important;
  transform:scale(1.01);
}
.et-nav-personalized.et-nav-scroll-fixed .et-nav-bg-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,10,23,.54),rgba(4,10,23,.25) 45%,rgba(4,10,23,.46));
}
.et-nav-personalized.et-nav-scroll-fixed .et-nav-decor-media{
  display:none !important;
}
.et-nav-personalized.et-nav-scroll-fixed .et-nav-reflection-layer,
.et-nav-personalized.et-nav-scroll-fixed .et-nav-border-layer,
.et-nav-personalized.et-nav-scroll-fixed .et212-nav-inner,
.et-nav-personalized.et-nav-scroll-fixed .et-mainnav-inner{
  position:relative;
  z-index:3;
}

/* Mantiene glassmorphism cuando está pegado. */
.et-nav-personalized.et-nav-scroll-fixed.has-glass .et212-nav-inner,
.et-nav-personalized.et-nav-scroll-fixed.has-glass .et-mainnav-inner{
  backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
  -webkit-backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
}

/* Evita que reglas antiguas de sticky interfieran. */
.et212-nav:not(.et-nav-scroll-fixed),
.et-mainnav:not(.et-nav-scroll-fixed){
  top:auto;
}

/* Nunca aplicar fixed al preview administrativo. */
#navDesignerPreview.et-nav-scroll-fixed,
#navStagePreview .et212-nav.et-nav-scroll-fixed,
#navStagePreview .et-mainnav.et-nav-scroll-fixed{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:auto !important;
}

/* Accesibilidad: si se navega a un ancla, deja espacio para el nav fijo. */
html{
  scroll-padding-top:calc(var(--et-sticky-nav-height, 0px) + 12px);
}

@media(max-width:760px){
  .et212-nav.et-nav-scroll-fixed,
  .et-mainnav.et-nav-scroll-fixed{
    box-shadow:0 8px 22px rgba(4,13,31,.18) !important;
  }
}


/* ==========================================================
   v27 · Fixed estacional desacoplado del header
   ========================================================== */

/* Cuando el nav estacional se mueve temporalmente a body, conserva
   toda su identidad visual gracias a esta clase explícita. */
.et-nav-fixed-seasonal{
  --season-fixed-bg:rgba(5,12,27,.78);
}

.et212-nav.et-nav-fixed-seasonal.et-nav-scroll-fixed,
.et-mainnav.et-nav-fixed-seasonal.et-nav-scroll-fixed{
  background:var(--season-fixed-bg) !important;
  border-top:1px solid color-mix(in srgb,var(--et-nav-accent) 58%,rgba(255,255,255,.14)) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  overflow:hidden !important;
  isolation:isolate;
}

.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-nav-bg-media{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:var(--et-nav-bg-image) !important;
  background-size:cover !important;
  background-position:center 58% !important;
  background-repeat:no-repeat !important;
  opacity:var(--et-nav-overlay-opacity) !important;
  filter:saturate(1.02) contrast(1.02) brightness(.70) !important;
  transform:scale(1.01);
}

.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-nav-bg-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,10,23,.58),rgba(4,10,23,.26) 45%,rgba(4,10,23,.50)),
    linear-gradient(180deg,rgba(4,10,23,.08),rgba(4,10,23,.18));
}

.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-nav-decor-media{
  display:none !important;
}

.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-nav-reflection-layer,
.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-nav-border-layer,
.et-nav-fixed-seasonal.et-nav-scroll-fixed .et212-nav-inner,
.et-nav-fixed-seasonal.et-nav-scroll-fixed .et-mainnav-inner{
  position:relative;
  z-index:3;
}

.et-nav-fixed-seasonal.et-nav-scroll-fixed.has-glass .et212-nav-inner,
.et-nav-fixed-seasonal.et-nav-scroll-fixed.has-glass .et-mainnav-inner{
  backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
  -webkit-backdrop-filter:blur(var(--et-nav-blur)) saturate(1.05);
}

/* Los iconos conservan tamaño y refinamiento aunque el nav ya no esté
   dentro del contenedor .et-seasonal-header-stage. */
.et-nav-fixed-seasonal .et212-nav-icon{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 5px 12px rgba(0,0,0,.12) !important;
}
.et-nav-fixed-seasonal .et212-nav-icon svg{
  width:18px !important;
  height:18px !important;
}
.et-nav-fixed-seasonal .et212-nav a{
  color:rgba(255,255,255,.94) !important;
  min-height:64px;
  gap:9px;
  border-right:1px solid rgba(255,255,255,.08);
}
.et-nav-fixed-seasonal .et212-nav a.active{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) !important;
  box-shadow:inset 0 -3px 0 var(--et-nav-accent) !important;
}
.et-nav-fixed-seasonal .et212-nav a.active .et212-nav-icon{
  background:color-mix(in srgb,var(--et-nav-accent) 20%,rgba(255,255,255,.06)) !important;
  border-color:color-mix(in srgb,var(--et-nav-accent) 58%,rgba(255,255,255,.18)) !important;
}

/* Articles layout also keeps legibility after detaching from the stage. */
.et-mainnav.et-nav-fixed-seasonal .et-mainnav-inner{
  color:#fff;
}
.et-mainnav.et-nav-fixed-seasonal a{
  color:rgba(255,255,255,.93) !important;
}
.et-mainnav.et-nav-fixed-seasonal a.active{
  color:#fff !important;
  box-shadow:inset 0 -3px 0 var(--et-nav-accent);
}

@media(max-width:760px){
  .et-nav-fixed-seasonal .et212-nav-icon{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }
  .et-nav-fixed-seasonal .et212-nav-icon svg{
    width:17px !important;
    height:17px !important;
  }
}