/* HEADER CSS - único responsable del header */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(223,234,246,.65);
}
.header-inner{
  max-width:1240px;
  margin:0 auto;
  height:84px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  line-height:1.05;
  color:var(--azul,#03045e);
}
.brand img{
  width:112px;
  height:76px;
  object-fit:contain;
  background:#fff;
  padding:8px;
  border-radius:12px;
}
.brand small{
  display:block;
  color:var(--azul,#03045e);
  font-size:12px;
  font-weight:700;
}
.main-nav{
  display:flex;
  align-items:center;
  gap:34px;
  font-size:14px;
  font-weight:800;
}
.main-nav a{
  position:relative;
  padding:30px 0;
  color:var(--azul,#03045e);
}
.main-nav a.active::after,
.main-nav a:hover::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:3px;
  border-radius:999px;
  background:var(--rosado,#ffafcc);
}
@media (max-width:1180px){
  .header-inner{height:76px}
  .main-nav{gap:20px}
}
@media (max-width:1023px){
  .site-header{display:none}
}