/* =============================================================
   SAMPSON V8.8 — ACTIVO ROJO INTENSO, SIN AGRANDAR LOGO/NAVBAR
   Esta hoja se carga AL FINAL tanto en portada como interiores.
   ============================================================= */
:root{
  --sp88-red:#b50008;
  --sp88-red-mid:#ca0810;
  --sp88-red-dark:#7d0004;
  --sp88-gold:#e6aa2d;
}

/* Mantener exactamente la altura/tamaño base de V8: NO agrandar navbar ni logo */
html body .premium-nav.sampson-global-navbar{
  background:#fff!important;
}

/* Menú premium, limpio y contenido */
html body .premium-nav.sampson-global-navbar .navbar-nav{
  gap:4px!important;
  padding:6px 8px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid rgba(60,64,67,.11)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 5px 14px rgba(60,64,67,.055)!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{
  min-height:48px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:800!important;
  color:#282324!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link:hover{
  color:var(--sp88-red)!important;
  background:#fff5f4!important;
  border-color:rgba(181,0,8,.08)!important;
}

/* ACTIVO: rojo intenso de alto contraste */
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--sp88-red-dark) 0%,var(--sp88-red) 48%,var(--sp88-red-mid) 100%)!important;
  border:1px solid rgba(105,0,4,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 16px rgba(181,0,8,.18)!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link::after{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:6px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#fff 0%,#fff 68%,var(--sp88-gold) 100%)!important;
  transform:scaleX(0)!important;
  opacity:0!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link.active::after{
  transform:scaleX(1)!important;
  opacity:1!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link.active:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#6f0003 0%,#9e0005 46%,#b9080e 100%)!important;
}

/* Compacto: mantiene el mismo concepto sin inflar nada */
html body .premium-nav.sampson-global-navbar.is-compact .navbar-nav{
  padding:4px 6px!important;
  border-radius:18px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .navbar-nav .nav-link{
  min-height:40px!important;
  padding:10px 11px!important;
  border-radius:12px!important;
  font-size:14.5px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .navbar-nav .nav-link::after{
  left:12px!important;
  right:12px!important;
  bottom:4px!important;
  height:2px!important;
}

/* Notebooks 14-15: conservar todo dentro sin aumentar logo/navbar */
@media (min-width:1200px) and (max-width:1599.98px){
  html body .premium-nav.sampson-global-navbar .navbar-nav{gap:2px!important;padding:5px 6px!important}
  html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{
    font-size:14.2px!important;
    padding-left:9px!important;
    padding-right:9px!important;
    min-height:44px!important;
  }
}

@media (max-width:1199.98px){
  html body .premium-nav.sampson-global-navbar .navbar-nav{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{
    min-height:46px!important;
    font-size:15px!important;
    padding:12px 10px!important;
  }
  html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link.active{
    color:#fff!important;
  }
}