/* HF_VISUAL_V7: parche específico, sin alterar el motor de reservas. */

/* Desktop: sombra progresiva solo donde van los titulares.
   La fachada sigue visible a la derecha, como en una portada editorial. */
@media (min-width: 851px) {
  body.home .hf-hero {
    background-image:
      linear-gradient(90deg,
        rgba(9,20,17,.91) 0%,
        rgba(9,20,17,.76) 27%,
        rgba(9,20,17,.40) 57%,
        rgba(9,20,17,.11) 100%),
      url('fachada.jpg') !important;
    background-position: center 46% !important;
  }
  body.home .hf-hero > .hf-wrap {
    width:min(1210px,calc(100% - 112px)) !important;
    margin-inline:auto !important;
  }
  body.home .hf-hero .hf-hero-content {
    max-width:700px !important;
    padding-top:165px !important;
  }
  body.home .hf-hero h1 {
    max-width:670px;
    font-size:clamp(65px,6.35vw,91px) !important;
    line-height:1.09;
    letter-spacing:0;
  }
  body.home .hf-hero .hf-hero-content > p {
    max-width:480px;
    font-weight:500;
    line-height:1.65;
  }
}
body.home .hf-hero h1,
body.home .hf-hero .hf-eyebrow,
body.home .hf-hero .hf-hero-content > p {
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.65),0 1px 2px rgba(0,0,0,.48) !important;
}

/* Reservar: blanco delineado sobre la foto y crema sobre fondo oscuro. */
body .hf-header .hf-navigation .hf-reservar {
  color:#1f322b !important;
  background:#e2c9a9 !important;
  border:1px solid #e2c9a9 !important;
  letter-spacing:.14em;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
body.home:not(.hf-v6-scrolled):not(.hf-v6-nav-open) .hf-header .hf-navigation .hf-reservar {
  color:#fff !important;
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.90) !important;
}
body .hf-header .hf-navigation .hf-reservar:hover,
body.home:not(.hf-v6-scrolled):not(.hf-v6-nav-open) .hf-header .hf-navigation .hf-reservar:hover {
  color:#1b3027 !important;
  background:#edd9c0 !important;
  border-color:#edd9c0 !important;
}

/* Asegurar que WhatsApp quede por delante de la barra de reservas móvil.
   Conserva el SVG auténtico ya instalado por la V6. */
body a.hf-wa-floating {
  position:fixed !important;
  z-index:2147483000 !important;
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
body a.hf-wa-floating img { display:block !important; }

@media (max-width: 850px) {
  body.home .hf-hero {
    background-image:
      linear-gradient(90deg,rgba(9,20,17,.78),rgba(9,20,17,.47)),
      url('fachada.jpg') !important;
  }
  body.home .hf-hero > .hf-wrap {
    width:calc(100% - 38px) !important;
    margin-inline:auto !important;
  }
  /* En la portada, elevarlo para que no lo cubra la franja de FNSBooking. */
  body.home a.hf-wa-floating {
    right:16px !important;
    bottom:calc(126px + env(safe-area-inset-bottom,0px)) !important;
    width:58px !important;
    height:58px !important;
  }
  /* En las páginas interiores no es necesario elevarlo tanto. */
  body:not(.home) a.hf-wa-floating {
    right:16px !important;
    bottom:calc(22px + env(safe-area-inset-bottom,0px)) !important;
    width:58px !important;
    height:58px !important;
  }
  body a.hf-wa-floating img { width:46px !important;height:46px !important; }
  body .hf-wa-tooltip { display:none !important; }
}
@media(prefers-reduced-motion:reduce) {
  body .hf-header .hf-navigation .hf-reservar { transition:none !important; }
}

/* HF_FNS_TYPO_V8
   Unificar FNSBooking con la identidad del hotel.
   Preservar las fuentes de los iconos.
*/

body.home #inicio {
    font-family: 'Barlow', Arial, sans-serif !important;
    font-size: 14px;
}

body.home #inicio :is(
    div, p, label, a, input,
    select, textarea, button
):not([class*="icon"]):not([class*="fa-"]) {
    font-family: 'Barlow', Arial, sans-serif !important;
}

body.home #inicio span:not([class*="icon"]):
not([class*="fa"]):not([aria-hidden="true"]) {
    font-family: 'Barlow', Arial, sans-serif !important;
}

/* Campos y botones */
body.home #inicio :is(
    input, select, textarea, button
) {
    font-size: 14px !important;
    line-height: 1.35;
}

/* Textos secundarios */
body.home #inicio :is(label, p, small) {
    font-family: 'Barlow', Arial, sans-serif !important;
    font-weight: 400;
}