/* =============================================================
   SAMPSON V6 — NAVBAR SIGNATURE
   Capa visual final: más profundidad, menos blanco plano y una
   jerarquía más elegante. Mantiene la lógica fija/compacta V5.
   ============================================================= */
:root{
  --sp6-red:#b3080b;
  --sp6-red-deep:#740003;
  --sp6-red-bright:#d71920;
  --sp6-gold:#e5aa2d;
  --sp6-ink:#241b1c;
  --sp6-muted:#7a6667;
  --sp6-surface:#fffdfb;
  --sp6-line:rgba(101,37,39,.12);
  --sp6-google-shadow:0 1px 2px rgba(60,64,67,.14),0 2px 5px rgba(60,64,67,.08);
}

/* NAVBAR: fondo cálido y profundidad muy sutil, sin bloque blanco plano */
html body .premium-nav.sampson-global-navbar{
  background:
    radial-gradient(circle at 10% 0%,rgba(179,8,11,.055),transparent 31%),
    radial-gradient(circle at 88% -10%,rgba(229,170,45,.09),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.992) 0%,rgba(253,248,245,.992) 100%)!important;
  border-bottom:1px solid rgba(91,46,47,.13)!important;
  box-shadow:var(--sp6-google-shadow)!important;
}

/* Ribete fino corporativo: rojo profundo → rojo → dorado → rojo */
html body .premium-nav.sampson-global-navbar::before{
  height:3px!important;
  background:linear-gradient(90deg,#710003 0%,#aa0509 31%,#d71920 54%,#e6aa2e 72%,#a7080b 88%,#710003 100%)!important;
  box-shadow:0 1px 4px rgba(179,8,11,.18)!important;
}

/* Luz ambiental muy tenue del lado derecho */
html body .premium-nav.sampson-global-navbar::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:3px!important;
  right:0!important;
  width:min(390px,30vw)!important;
  height:calc(100% - 3px)!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 100% 50%,rgba(179,8,11,.055),transparent 66%)!important;
  z-index:0!important;
}
html body .premium-nav.sampson-global-navbar > .container-xl{position:relative!important;z-index:2!important}

/* El menú se convierte en una superficie premium discreta, no en texto flotando sobre blanco */
html body .premium-nav.sampson-global-navbar .navbar-nav{
  gap:3px!important;
  padding:5px 6px!important;
  border:1px solid rgba(123,67,67,.085)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.64)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(60,64,67,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{
  min-height:52px!important;
  padding:15px 13px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#2a2223!important;
  font-size:16px!important;
  font-weight:750!important;
  letter-spacing:-.022em!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link:hover{
  color:#8f0609!important;
  background:linear-gradient(135deg,rgba(179,8,11,.060),rgba(229,170,45,.055))!important;
  border-color:rgba(179,8,11,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
  transform:translateY(-1px)!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link.active{
  color:#a0070b!important;
  background:linear-gradient(180deg,#fff 0%,#fff9f6 100%)!important;
  border-color:rgba(179,8,11,.10)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),inset 0 1px 0 #fff!important;
}
html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link::after{
  left:18px!important;
  right:18px!important;
  bottom:5px!important;
  height:2px!important;
  background:linear-gradient(90deg,#a4060a 0%,#d71920 65%,#e5aa2d 100%)!important;
}

/* CONTACTO: deja de ser un gran botón rojo y pasa a ser un chip informativo elegante */
html body .premium-nav.sampson-global-navbar .phone-btn.sampson-contact-chip{
  min-height:58px!important;
  padding:7px 14px 7px 8px!important;
  gap:10px!important;
  border:1px solid rgba(120,58,59,.13)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,246,.96))!important;
  color:var(--sp6-ink)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.12),0 2px 5px rgba(60,64,67,.055),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transform:none!important;
}
html body .premium-nav.sampson-global-navbar .phone-btn.sampson-contact-chip:hover{
  background:#fff!important;
  border-color:rgba(179,8,11,.24)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.14),0 4px 10px rgba(97,48,49,.09)!important;
  transform:translateY(-1px)!important;
}
html body .premium-nav.sampson-global-navbar .sampson-contact-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#ca0e13 0%,#8f0004 100%)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(179,8,11,.18),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
html body .premium-nav.sampson-global-navbar .sampson-contact-icon i{font-size:17px!important;margin:0!important}
html body .premium-nav.sampson-global-navbar .sampson-contact-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  gap:2px!important;
}
html body .premium-nav.sampson-global-navbar .sampson-contact-copy small{
  color:#9a6b1d!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html body .premium-nav.sampson-global-navbar .sampson-contact-copy strong{
  color:#332728!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.1!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}

/* Compacto al bajar: conserva personalidad, sin convertirse en una barra genérica */
html body .premium-nav.sampson-global-navbar.is-compact{
  background:
    radial-gradient(circle at 88% -20%,rgba(229,170,45,.075),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.985),rgba(253,248,245,.985))!important;
  box-shadow:0 1px 2px rgba(60,64,67,.16),0 2px 4px rgba(60,64,67,.07)!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .navbar-nav{
  padding:3px 4px!important;
  border-radius:15px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .navbar-nav .nav-link{
  min-height:42px!important;
  padding:11px 10px!important;
  font-size:14px!important;
  border-radius:11px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .phone-btn.sampson-contact-chip{
  min-height:48px!important;
  padding:5px 11px 5px 6px!important;
  border-radius:14px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .sampson-contact-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;
}
html body .premium-nav.sampson-global-navbar.is-compact .sampson-contact-copy small{display:none!important}
html body .premium-nav.sampson-global-navbar.is-compact .sampson-contact-copy strong{font-size:13.5px!important}

/* Notebook: evita que los 8 enlaces y el contacto compitan por espacio */
@media (min-width:1200px) and (max-width:1499.98px){
  html body .premium-nav.sampson-global-navbar .navbar-nav{gap:1px!important;padding:4px!important;border-radius:15px!important}
  html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{font-size:13.5px!important;padding-left:8px!important;padding-right:8px!important;min-height:48px!important;border-radius:10px!important}
  html body .premium-nav.sampson-global-navbar .sampson-contact-copy small{display:none!important}
  html body .premium-nav.sampson-global-navbar .sampson-contact-copy strong{font-size:13px!important}
  html body .premium-nav.sampson-global-navbar .sampson-contact-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  html body .premium-nav.sampson-global-navbar .phone-btn.sampson-contact-chip{padding:6px 10px 6px 6px!important;gap:7px!important;min-height:50px!important}
}

/* Tablet / móvil: el dropdown es la superficie; no hace falta una cápsula interior adicional */
@media (max-width:1199.98px){
  html body .premium-nav.sampson-global-navbar #mainNav{
    background:
      radial-gradient(circle at 92% 0,rgba(229,170,45,.085),transparent 30%),
      linear-gradient(180deg,#fffdfc 0%,#fff9f6 100%)!important;
    border-top:1px solid rgba(179,8,11,.10)!important;
    box-shadow:0 4px 10px rgba(60,64,67,.12)!important;
  }
  html body .premium-nav.sampson-global-navbar .navbar-nav{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .premium-nav.sampson-global-navbar .navbar-nav .nav-link{
    font-size:15.5px!important;
    min-height:50px!important;
    padding:13px 14px!important;
  }
  html body .premium-nav.sampson-global-navbar .phone-btn.sampson-contact-chip{
    width:100%!important;
    margin-top:12px!important;
    justify-content:flex-start!important;
  }
  html body .premium-nav.sampson-global-navbar .sampson-contact-copy small{display:block!important}
  html body .premium-nav.sampson-global-navbar .sampson-contact-copy strong{font-size:14.5px!important}
}

/* Hamburguesa coherente con la nueva superficie */
@media (max-width:1199.98px){
  html body .premium-nav.sampson-global-navbar .navbar-toggler{
    border-color:rgba(179,8,11,.12)!important;
    background:linear-gradient(180deg,#fff,#fff9f6)!important;
    box-shadow:0 1px 2px rgba(60,64,67,.10)!important;
  }
}