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