/*
 * 20-final-client-fixes.css - Ultimos fixes de cliente: nav siempre por encima, hero movil con cover y modal que no desborda.
 * Origen: index.html, <style> #8 (desde la linea 1). Contenido identico al original.
 */
/* Regla 3: navbar flotante premium esmerilado, siempre por encima al hacer scroll */
.nav{z-index:50!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;border-bottom:1px solid rgba(255,255,255,.11)!important}

/* Hero mobile: la foto de la torre estaba con background-size:100% 100%, que la
   estira/aplasta para llenar el cuadro sin respetar su proporción. La paso a
   "cover" (respeta proporción, recorta en vez de deformar) + más zoom. */
@media(max-width:760px){
  .hero-bg{
    background-size:cover!important;
    background-position:18% center!important;
    transform:none!important;
  }
}
/* Regla 3: el popover de reserva nunca se desborda en el teléfono */
.modal-card{max-width:90vw!important}
@media(max-width:480px){.modal-card{padding:26px 22px!important}}