/* V91 · Ajuste conservador solicitado por el usuario.
   IMPORTANTE: no toca el cotizador, su layout, IDs, JS, cálculo, reservas ni pagos.
   Conserva solo el pulido de cabecera/hero y corrige el slider bancario. */
:root{
  --azul-brand:#000033;
  --oro-brand:#b59663;
  --text-brand:#20242a;
}

/* Cabecera/hero: acercamiento visual al portal oficial sin invadir el cotizador. */
body.page-index .header,
body.page-index .header.v27-scrolled{
  height:116px!important;
  padding:10px 3% 7px!important;
  background:linear-gradient(180deg,rgba(0,0,51,.78) 0%,rgba(0,0,51,.42) 58%,rgba(0,0,51,0) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.page-index .header .brand-logo{height:54px!important;}
body.page-index .header .brand-logo .official-header-logo{width:132px!important;max-height:54px!important;}
body.page-index .header .navigation{height:45px!important;gap:19px!important;margin-top:1px!important;}
body.page-index .header .navigation a{font-size:9px!important;letter-spacing:1.05px!important;font-weight:600!important;opacity:.96;}
body.page-index .header .navigation a:hover{color:#fff!important;opacity:.72;}
body.page-index .header .reserve-top,
body.page-index .header .mi-reserva-top{border:1px solid rgba(255,255,255,.70)!important;padding:10px 15px!important;line-height:1!important;}
body.page-index .header .reserve-top{background:#fff!important;color:var(--azul-brand)!important;}
body.page-index .header .mi-reserva-top{background:rgba(0,0,51,.68)!important;color:#fff!important;}
body.page-index .hero.v32-hero.v27-hero-video .hero-video-shade{
  background:linear-gradient(180deg,rgba(0,0,51,.44) 0%,rgba(0,0,51,.18) 42%,rgba(0,0,0,.22) 100%)!important;
}
body.page-index .hero-reference-copy{max-width:860px!important;text-align:center!important;}
body.page-index .hero-reference-kicker{letter-spacing:4px!important;font-size:10px!important;}
body.page-index .hero-reference-copy h1{font-size:clamp(42px,5.2vw,68px)!important;line-height:1.02!important;}
body.page-index .hero-reference-title{font-size:11px!important;letter-spacing:2.4px!important;}
body.page-index .hero-reference-button{background:#fff!important;color:var(--azul-brand)!important;border:1px solid #fff!important;padding:14px 25px!important;font-weight:700!important;}

/* Slider bancario: solo promociones bancarias. Nunca mostrar promo familiar $9,199 aquí. */
body.page-index .azul-bank-slider{margin-top:0!important;}
body.page-index .azul-bank-slide .bank-name img{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
}
body.page-index .bank-citi .bank-photo{background-image:url('../habitaciones/habitacion_4_1.jpg')!important;filter:none!important;}
body.page-index .bank-bbva .bank-photo{background-image:url('../habitaciones/habitacion_7_2.jpg')!important;filter:none!important;}
body.page-index .bank-santander .bank-photo{background-image:url('../habitaciones/habitacion_4_1.jpg')!important;filter:none!important;}
body.page-index .bank-banorte .bank-photo{background-image:url('../habitaciones/habitacion_7_2.jpg')!important;filter:none!important;}
body.page-index .bank-scotia .bank-photo{background-image:url('../habitaciones/habitacion_3_1.jpg')!important;filter:none!important;}
body.page-index .azul-bank-slide .bank-photo:after{
  background:linear-gradient(90deg,rgba(0,0,51,.34),rgba(0,0,51,.04))!important;
}

/* Accesibilidad visual sin alterar comportamiento. */
body.page-index a:focus-visible,
body.page-index button:focus-visible,
body.page-index input:focus-visible,
body.page-index select:focus-visible{outline:3px solid rgba(181,150,99,.42)!important;outline-offset:2px!important;}

@media(max-width:1100px){
  body.page-index .header .navigation{gap:11px!important;}
  body.page-index .header .navigation a{font-size:8px!important;letter-spacing:.65px!important;}
}
@media(max-width:760px){
  body.page-index .header,
  body.page-index .header.v27-scrolled{
    height:74px!important;padding:7px 14px!important;
    background:linear-gradient(180deg,rgba(0,0,51,.90),rgba(0,0,51,.42))!important;
  }
  body.page-index .header .brand-logo{height:58px!important;}
  body.page-index .header .brand-logo .official-header-logo{width:108px!important;max-height:50px!important;}
  body.page-index .hero-reference-copy{padding:0 24px!important;top:47%!important;}
  body.page-index .hero-reference-copy h1{font-size:40px!important;}
  body.page-index .hero-reference-title{font-size:9px!important;letter-spacing:1.7px!important;}
  body.page-index .azul-bank-slide .bank-name img{max-width:210px!important;height:42px!important;}
}