/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · NAV editorial minimalista v10.4
   Referencia visual: prensa digital contemporánea. Sin pills ni tipografía pesada.
   ========================================================================== */

:root{
  --et-nav-wine:#8f1633;
  --et-nav-wine-deep:#6f1027;
  --et-nav-gold:#c59a3a;
  --et-nav-ink:#172033;
  --et-nav-muted:#6f7989;
  --et-nav-line:#e7eaee;
}

.et-mainnav{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:850;
  width:100%;
  box-sizing:border-box;
  background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  border-bottom:1px solid var(--et-nav-line);
  box-shadow:0 7px 22px rgba(20,32,51,.035);
}

.et-mainnav::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, transparent 4%, rgba(143,22,51,.17) 30%, rgba(197,154,58,.42) 50%, rgba(143,22,51,.17) 70%, transparent 96%);
}

.et-mainnav-inner{
  position:relative;
  width:min(calc(100% - 40px),1320px);
  min-height:68px;
  margin-inline:auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;

  /* anulamos la cápsula antigua */
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.et-mainnav-inner::before,
.et-mainnav-inner::after{
  display:none!important;
}

.et-mainnav-inner::-webkit-scrollbar{ display:none; }

.et-mainnav a,
.et-mainnav .et-logout-form button{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  scroll-snap-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:68px;
  padding:0 1px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--et-nav-ink);
  font-size:.93rem;
  font-weight:500;
  line-height:1;
  letter-spacing:-.012em;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:none!important;
  transition:color .18s ease;
}

.et-mainnav a::before{
  display:none!important;
}

.et-mainnav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:0;
  background:linear-gradient(90deg, var(--et-nav-wine), #ad2848 60%, var(--et-nav-gold));
  transform:scaleX(0);
  transform-origin:center;
  opacity:0;
  transition:transform .2s ease,opacity .2s ease;
}

.et-mainnav a:hover{
  color:var(--et-nav-wine);
  transform:none!important;
}

.et-mainnav a:hover::after{
  transform:scaleX(.52);
  opacity:.42;
}

.et-mainnav a.active{
  color:var(--et-nav-wine)!important;
  font-weight:550!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.et-mainnav a.active::after{
  transform:scaleX(1);
  opacity:1;
}

.et-mainnav a:focus-visible,
.et-mainnav .et-logout-form button:focus-visible{
  outline:2px solid rgba(197,154,58,.42);
  outline-offset:5px;
  box-shadow:none!important;
}

@media(prefers-reduced-motion:reduce){
  .et-mainnav a,
  .et-mainnav a::after{ transition:none; }
}

@media(max-width:1180px){
  .et-mainnav-inner{
    width:calc(100% - 32px);
    justify-content:flex-start;
    gap:30px;
  }

  .et-mainnav a,
  .et-mainnav .et-logout-form button{
    min-height:62px;
    font-size:.88rem;
  }
}

@media(max-width:680px){
  .et-mainnav-inner{
    width:calc(100% - 24px);
    min-height:54px;
    gap:24px;
  }

  .et-mainnav a,
  .et-mainnav .et-logout-form button{
    min-height:54px;
    font-size:.82rem;
  }
}

@media(max-width:390px){
  .et-mainnav-inner{
    width:calc(100% - 18px);
    gap:20px;
  }
}

/* El popup de publicidad conserva prioridad sobre el nav fijo. */
.et-ad-inspector[open],
.et-ad-inspector[open] .et-ad-inspector-popover{
  z-index:1200!important;
}

@media print{
  .et-mainnav{
    position:static;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}