/* ==========================================================================
   Bariloche Experience — Banner promocional con fondo parallax
   Usado en la home (2 slots fijos) y opcionalmente en cualquier pagina del
   ABM de Paginas. Archivo aparte (no vive en home.css) para poder cargarse
   tambien en paginas interiores sin arrastrar el resto de los estilos de la
   home (que rompen el navbar de las paginas interiores, ver PROYECTO-BE.md).
   ========================================================================== */

/* ===== PARALLAX ===== */
.parallax-bg{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
@media(max-width:992px){
  /* background-attachment:fixed no es soportado en iOS Safari; en mobile se comporta como scroll normal */
  .parallax-bg{background-attachment:scroll;}
}

/* ===== PROMO BANNER ===== */
.promo-banner{
  position:relative; border-radius:8px; overflow:hidden; min-height:420px;
  display:flex; align-items:center;
}
.promo-banner::after{content:'';position:absolute; inset:0; background:linear-gradient(90deg, rgba(31,58,46,.92) 0%, rgba(31,58,46,.55) 55%, rgba(31,58,46,.1) 100%);}
.promo-banner .content{position:relative; z-index:2; color:#fff; padding:3rem;}
.promo-banner .banner-logo-inline{max-height:38px; width:auto; margin-bottom:.9rem; display:block;}