/*
 Theme Name:   El amante altea
 Theme URI:    https://elamantealtea.com/
 Description:  Child theme para El amante Altea realizado por Anti.
 Author:       Anti
 Author URI:   https://antiestudi.com
 Template:     generatepress
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
*/

/*  
  ─── ÍNDICE ─────────────────────────────────────────────────────────────
  1. VARIABLES GENERALES Y TIPOGRAFÍAS
  2. SISTEMA DE TÍTULOS (estilo consistente)
  3. TEXTOS
  4. BOTONES
  5. HEADER
  6. SECCIONES (Hero / Dark)
  7. CARDS (glass + variantes)
  8. PRICING (números + badge + botones)
  9. TABLAS / BLOQUES ANCHOS
  10. ANIMACIONES
  11. RESPONSIVE
*/

/*─────────────────────────────────────────────────────────────────────────────
  1. VARIABLES GENERALES Y TIPOGRAFÍAS
─────────────────────────────────────────────────────────────────────────────*/

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Onest:wght@300..900&display=swap");

:root{
  /* Fuentes */
  --el-amante-fuente-titulos: 'Playfair Display', serif;
  --el-amante-fuente-textos: 'Onest', Arial, sans-serif;

  /* Colores (los que ya venías usando de DS) */
  --el-amante-cream: #FBFAF7;
  --el-amante-charcoal: #2A2723;
  --el-amante-terracotta: #035453;
  --el-amante-sand: #EFE7DB;
  --el-amante-blue: #2E7FA6;
}

body{
  font-family: var(--el-amante-fuente-textos);
  background: var(--el-amante-cream);
  color: var(--el-amante-charcoal);
}

/*─────────────────────────────────────────────────────────────────────────────
  2. TÍTULOS (Playfair + tracking negativo)
─────────────────────────────────────────────────────────────────────────────*/

.el-amante-titulo-hero h1,
.el-amante-titulo-hero h2{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 60px !important;
  line-height: 105% !important;
  letter-spacing: -2px !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}

.el-amante-titulo-seccion h2{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 48px !important;
  line-height: 110% !important;
  letter-spacing: -2px !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}

.el-amante-titulo-bloque h3{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 30px !important;
  line-height: 105% !important;
  letter-spacing: -1px !important; /* menos agresivo */
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}

.el-amante-titulo-bloque-crema h3{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 30px !important;
  line-height: 105% !important;
  letter-spacing: -1px !important; /* menos agresivo */
  font-weight: 500 !important;
  color: var(--el-amante-cream) !important;
}
/* Overline boutique */
.el-amante-overline p,
.el-amante-overline span{
  font-family: var(--el-amante-fuente-textos) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 600 !important;
  color: var(--el-amante-terracotta) !important;
  margin: 0 !important;
}

/* Etiqueta */
.el-amante-etiqueta span{
  font-family: var(--el-amante-fuente-textos) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
  color: rgba(42,39,35,0.70) !important;
  background-color: var(--el-amante-sand) !important;
  padding: 5px 10px !important;
  border-radius: 50px !important;
}

/* NO tocamos display del título */
.anti-split-words .anti-word{
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.anti-split-words .anti-word__inner{
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  transition:
    transform var(--anti-duration, 700ms) cubic-bezier(.2,.8,.2,1),
    opacity   var(--anti-duration, 700ms) cubic-bezier(.2,.8,.2,1);
  transition-delay: calc(var(--i) * var(--anti-stagger, 45ms));
}

.anti-split-words.is-in .anti-word__inner{
  transform: translateY(0%);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce){
  .anti-split-words .anti-word__inner{
    transition: none;
    transform: none;
    opacity: 1;
  }
}
/*─────────────────────────────────────────────────────────────────────────────
  3. TEXTOS (Onest)
─────────────────────────────────────────────────────────────────────────────*/

.el-amante-texto p{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: var(--el-amante-charcoal) !important;
}

.el-amante-texto-crema p{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: var(--el-amante-cream) !important;
}
.el-amante-texto-grande p{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  line-height: 160% !important;
  color: var(--el-amante-charcoal) !important;
}

.el-amante-texto-muted p,
.el-amante-texto-muted span{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: rgba(42,39,35,0.70) !important;
}

/*─────────────────────────────────────────────────────────────────────────────
  4. BOTONES (Onest, hotel feel)
─────────────────────────────────────────────────────────────────────────────*/

.el-amante-boton .elementor-button{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-radius: 0px !important;
  padding: 14px 22px !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease !important;
}

.el-amante-boton-primary .elementor-button{
  background-color: var(--el-amante-terracotta) !important;
  color: #ffffff !important;
  border: 1px solid var(--el-amante-terracotta) !important;
  box-shadow: 0px 10px 25px rgba(42,39,35,0.10) !important;
}
.el-amante-boton-primary .elementor-button:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0px 16px 35px rgba(42,39,35,0.14) !important;
}

.el-amante-boton-outline .elementor-button{
  background-color: transparent !important;
  color: var(--el-amante-charcoal) !important;
  border: 1px solid rgba(42,39,35,0.18) !important;
}
.el-amante-boton-outline .elementor-button:hover{
  background-color: rgba(42,39,35,0.04) !important;
  transform: translateY(-2px) !important;
}
/*─────────────────────────────────────────────────────────────────────────────
  4. HEADER
─────────────────────────────────────────────────────────────────────────────*/

.el-amante-header{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;

  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.00);

  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
  will-change: background-color, box-shadow, backdrop-filter;
}

.el-amante-header__inner{
  max-width: 1440px;
  margin: 0 auto;
  padding: 18px 26px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* Estado scroll */
body.is-scrolled .el-amante-header{
  background: rgba(251,250,247,0.90); /* --el-amante-cream */
  border-bottom: 1px solid rgba(42,39,35,0.10);
  box-shadow: 0 12px 30px rgba(42,39,35,0.10);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* Brand + swap logos */
.el-amante-brand{
  position: relative;
  display: inline-block;
  width: 160px;
  height: 34px;
  line-height: 0;
  flex: 0 0 auto;
}

.el-amante-logo{
  display: block;
  height: 34px;
  width: auto;
  transition: opacity .22s ease, transform .22s ease;
  transform-origin: left center;
}

.el-amante-logo--hero{ opacity: 1; }
.el-amante-logo--sticky{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
}

body.is-scrolled .el-amante-logo--hero{ opacity: 0; transform: translateY(-1px); }
body.is-scrolled .el-amante-logo--sticky{ opacity: 1; transform: translateY(0); }

/* Menu desktop */
.el-amante-nav{ display: block; }

.el-amante-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 22px;
}

.el-amante-menu > li{ position: relative; }

.el-amante-menu > li > a{
  font-family: var(--el-amante-fuente-textos);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;

  color: rgba(255,255,255,0.92);
  text-decoration: none;
  transition: color .22s ease, opacity .22s ease;
}

.el-amante-menu > li > a:hover{ opacity: .85; }

/* Color sticky */
body.is-scrolled .el-amante-menu > li > a{
  color: rgba(42,39,35,0.82);
}

/* “current” limpio (sin fondos de WP/GP) */
.el-amante-menu .current-menu-item > a,
.el-amante-menu .current_page_item > a{
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1;
}

/* Submenu (dropdown) */
.el-amante-menu .sub-menu{
  position: absolute;
  top: calc(100% + 14px);
  left: -12px;

  min-width: 230px;
  padding: 10px;
  margin: 0;
  list-style: none;

  background: rgba(251,250,247,0.96);
  border: 1px solid rgba(42,39,35,0.10);
  box-shadow: 0 18px 40px rgba(42,39,35,0.12);
  border-radius: 14px;

  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.el-amante-menu li:hover > .sub-menu{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.el-amante-menu .sub-menu a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;

  font-family: var(--el-amante-fuente-textos);
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;

  color: rgba(42,39,35,0.82);
}
.el-amante-menu .sub-menu a:hover{
  background: rgba(42,39,35,0.04);
}

/* Burger (solo móvil) */
.el-amante-burger{
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,0.28);
  background: transparent;
  border-radius: 12px;
  padding: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: border-color .22s ease, background-color .22s ease;
}
.el-amante-burger span{
  display: block;
  width: 18px;
  height: 1.5px;
  background: rgba(255,255,255,0.92);
  transition: background-color .22s ease, transform .22s ease;
}
body.is-scrolled .el-amante-burger{
  border-color: rgba(42,39,35,0.16);
  background: rgba(42,39,35,0.03);
}
body.is-scrolled .el-amante-burger span{
  background: rgba(42,39,35,0.82);
}

/* Mobile panel */
.el-amante-mobile{
  width: 100%;
  border-top: 1px solid rgba(42,39,35,0.10);
  background: rgba(251,250,247,0.96);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);

  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
}
.el-amante-mobile.is-open{
  opacity: 1;
  transform: translateY(0);
}
.el-amante-mobile__inner{
  max-width: 1440px;
  margin: 0 auto;
  padding: 14px 20px 20px;
}

.el-amante-mobile-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.el-amante-mobile-menu a{
  display: block;
  padding: 12px 12px;
  border-radius: 12px;
  text-decoration: none;

  font-family: var(--el-amante-fuente-textos);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(42,39,35,0.86);
}
.el-amante-mobile-menu a:hover{
  background: rgba(42,39,35,0.04);
}

/* Responsive */
@media (max-width: 880px){
  .el-amante-nav{ display: none; }
  .el-amante-burger{ display: inline-flex; flex-direction: column;}
  .el-amante-header__inner{ padding: 15px;}
}

/*─────────────────────────────────────────────────────────────────────────────
  DROPDOWN ARROW (solo items con submenú)
─────────────────────────────────────────────────────────────────────────────*/

/* Añade espacio al texto para la flecha */
.el-amante-menu > li.menu-item-has-children > a{
  padding-right: 16px;
}

/* Flecha */
.el-amante-menu > li.menu-item-has-children > a::after{
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid rgba(255,255,255,0.92);
  border-bottom: 1.5px solid rgba(255,255,255,0.92);
  transform: translateY(-1px) rotate(45deg);
  transition: transform .18s ease, border-color .22s ease, opacity .22s ease;
  opacity: .95;
}

/* Sticky color */
body.is-scrolled .el-amante-menu > li.menu-item-has-children > a::after{
  border-right-color: rgba(42,39,35,0.82);
  border-bottom-color: rgba(42,39,35,0.82);
}

/* Hover: rota flecha */
.el-amante-menu > li.menu-item-has-children:hover > a::after{
  transform: translateY(1px) rotate(225deg);
}

/*─────────────────────────────────────────────────────────────────────────────
  BURGER MEJORADO (animación a X + overlay + no scroll)
─────────────────────────────────────────────────────────────────────────────*/

.el-amante-burger{
  position: relative;
  overflow: hidden;
}

.el-amante-burger span{
  width: 25px;
  height: 2px;
  border-radius: 2px;
}

/* Estado abierto: convertir en X */
body.is-mobile-open .el-amante-burger span:nth-child(1){
  transform: translateY(4px) rotate(45deg);
}
body.is-mobile-open .el-amante-burger span:nth-child(2){
  transform: translateY(-4px) rotate(-45deg);
}

/* Overlay detrás del panel */
.el-amante-overlay{
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(42,39,35,0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

body.is-mobile-open .el-amante-overlay{
  opacity: 1;
  pointer-events: auto;
}

/* Panel móvil: un poco más "app" */
.el-amante-mobile{
  position: relative;
  z-index: 9999;
}

/* Submenús en móvil (plegables) */
.el-amante-mobile-menu .sub-menu{
  list-style: none;
  margin: 0;
  padding: 0 0 0 14px;
  display: none;
}

.el-amante-mobile-menu li.is-sub-open > .sub-menu{
  display: block;
}

.el-amante-mobile-menu li.menu-item-has-children > a{
  padding-right: 40px;
  position: relative;
}

/* Flecha móvil */
.el-amante-mobile-menu li.menu-item-has-children > a::after{
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid rgba(42,39,35,0.70);
  border-bottom: 1.5px solid rgba(42,39,35,0.70);
  transform: translateY(-55%) rotate(45deg);
  transition: transform .18s ease;
}

.el-amante-mobile-menu li.is-sub-open > a::after{
  transform: translateY(-45%) rotate(225deg);
}

/* Evitar scroll del body cuando el menú está abierto */
body.is-mobile-open{
  overflow: hidden;
}

.el-amante-burger:hover {
  background-color: transparent;
}
/*─────────────────────────────────────────────────────────────────────────────
  5. FOOTER
─────────────────────────────────────────────────────────────────────────────*/
.el-amante-footer{
  background-color: var(--el-amante-terracotta) !important;
}

/*─────────────────────────────────────────────────────────────────────────────
  6. GALERÍA
─────────────────────────────────────────────────────────────────────────────*/
.anti-lightbox-gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  width: 100%;
}

.anti-lightbox-gallery .anti-item {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.anti-lightbox-gallery .anti-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .7s ease;
}

.anti-lightbox-gallery .anti-item:hover img {
  transform: scale(1.03);
}

/* Primera imagen tipo portada */
.anti-lightbox-gallery .anti-item--hero {
  grid-column: 1 / -1;
  height: min(100svh, 900px);
}

/* Variaciones para el resto */
.anti-lightbox-gallery .anti-item--wide {
  grid-column: span 7;
  height: 380px;
}

.anti-lightbox-gallery .anti-item--square {
  grid-column: span 5;
  height: 380px;
}

.anti-lightbox-gallery .anti-item--tall {
  grid-column: span 5;
  height: 520px;
}

/* Puedes duplicar combinaciones */
.anti-lightbox-gallery .anti-item--wide + .anti-item--square {
  margin-top: 0;
}

/* Tablet */
@media (max-width: 1024px) {
  .anti-lightbox-gallery {
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
  }

  .anti-lightbox-gallery .anti-item--hero {
    grid-column: 1 / -1;
    height: 72svh;
  }

  .anti-lightbox-gallery .anti-item--wide,
  .anti-lightbox-gallery .anti-item--square,
  .anti-lightbox-gallery .anti-item--tall {
    grid-column: span 3;
    height: 320px;
  }

  .anti-lightbox-gallery .anti-item--tall {
    height: 420px;
  }
}

/* Móvil */
@media (max-width: 767px) {
  .anti-lightbox-gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .anti-lightbox-gallery .anti-item--hero {
    height: 62svh;
    min-height: 440px;
  }

  .anti-lightbox-gallery .anti-item--wide,
  .anti-lightbox-gallery .anti-item--square,
  .anti-lightbox-gallery .anti-item--tall {
    grid-column: auto;
    height: auto;
    aspect-ratio: 4 / 5;
  }

  .anti-lightbox-gallery .anti-item--wide {
    aspect-ratio: 4 / 3;
  }

  .anti-lightbox-gallery .anti-item--square {
    aspect-ratio: 1 / 1;
  }
}


/*CARRITO Y FINALIZAR COMPRA*/
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child){
  margin: 0 !important;
}

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 80vh !important;
  font-size: 20px !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th,
table.wc-block-cart-items .wc-block-cart-items__header th{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
a{ text-decoration: none !important; }

.wc-block-components-button:not(.is-link) .wc-block-components-button__text{
  background-color: var(--el-amante-terracotta) !important;
  border-radius: 5px !important;
  font-family: var(--el-amante-fuente-titulos) !important;
  font-weight: 500 !important;
  color: var(--el-amante-blanco) !important;
  font-size: 18px !important;
  width: 100% !important;
  padding: 15px !important;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text:hover{
  background-color: var(--el-amante-terracotta) !important;
}
.wc-block-components-checkout-place-order-button{ padding: 0 !important; }
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{
  font-size: 16px !important;
}
.wc-block-cart .wc-block-cart__totals-title{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block{
  color: var(--el-amante-charcoal) !important;
  font-size: 16px !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
	padding: 10px;
}

/*─────────────────────────────────────────────────────────────────────────────
  HEADER NARANJA SOLO EN CARRITO Y CHECKOUT
─────────────────────────────────────────────────────────────────────────────*/

body.woocommerce-cart .el-amante-header,
body.woocommerce-checkout .el-amante-header{
  background: var(--el-amante-terracotta) !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Mantener naranja también al hacer scroll */
body.woocommerce-cart.is-scrolled .el-amante-header,
body.woocommerce-checkout.is-scrolled .el-amante-header{
  background: var(--el-amante-terracotta) !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* En estas páginas usamos siempre el logo "hero" */
body.woocommerce-cart .el-amante-logo--hero,
body.woocommerce-checkout .el-amante-logo--hero{
  opacity: 1 !important;
  transform: none !important;
}

body.woocommerce-cart .el-amante-logo--sticky,
body.woocommerce-checkout .el-amante-logo--sticky{
  opacity: 0 !important;
  transform: none !important;
}

/* Links del menú en blanco */
body.woocommerce-cart .el-amante-menu > li > a,
body.woocommerce-checkout .el-amante-menu > li > a{
  color: rgba(255,255,255,0.95) !important;
}

/* Flecha del dropdown en blanco */
body.woocommerce-cart .el-amante-menu > li.menu-item-has-children > a::after,
body.woocommerce-checkout .el-amante-menu > li.menu-item-has-children > a::after{
  border-right-color: rgba(255,255,255,0.95) !important;
  border-bottom-color: rgba(255,255,255,0.95) !important;
}

/* Burger en blanco */
body.woocommerce-cart .el-amante-burger,
body.woocommerce-checkout .el-amante-burger{
  border-color: rgba(255,255,255,0.30) !important;
  background: transparent !important;
}

body.woocommerce-cart .el-amante-burger span,
body.woocommerce-checkout .el-amante-burger span{
  background: rgba(255,255,255,0.95) !important;
}

/*─────────────────────────────────────────────────────────────────────────────
  8. MOTOR DE RESERVAS (SÚPER SIMPLE / BOUTIQUE)
  - Aplica la clase "el-amante-booking" al contenedor del formulario
  - Cada campo en un contenedor con clase "el-amante-booking__field"
─────────────────────────────────────────────────────────────────────────────*/


#hbfwc-availability-filter__form{
  background: #ffffff !important;
  border: 1px solid rgba(42,39,35,0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0px 10px 25px rgba(42,39,35,0.08) !important;
}
#hbfwc-availability-filter__form button {
  background-color: var(--el-amante-terracotta) !important;
  color: #ffffff !important;
}

#hbfwc-availability-filter__form .availability-filter__content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--el-amante-charcoal);
  cursor: pointer;
}
.accommodations-loop__start .product-type-accommodation {
  background: #ffffff !important;
  border: 1px solid rgba(42,39,35,0.10) !important;
}

.hbfwc-single-product__heading h3 {
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 30px !important;
  line-height: 105% !important;
  letter-spacing: -2px !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}

/* Labels discretos */
.el-amante-booking .elementor-field-label{
  font-family: var(--el-amante-fuente-textos) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: rgba(42,39,35,0.70) !important;
  margin-bottom: 6px !important;
}



/* Botón del booking */
.el-amante-booking .elementor-button{
  font-family: var(--el-amante-fuente-textos) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  background: var(--el-amante-terracotta) !important;
  color: #fff !important;
  border: 1px solid var(--el-amante-terracotta) !important;
  min-height: 44px !important;
  width: 100% !important; /* queda “hotel/app” */
}
.el-amante-titulo-producto h1{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 60px !important;
  line-height: 105% !important;
  letter-spacing: -2px !important;
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}
.el-amante-titulo-producto h2{
  font-family: var(--el-amante-fuente-titulos) !important;
  font-size: 40px !important;
  line-height: 105% !important;
  letter-spacing: -2px !important; /* menos agresivo */
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
}
#hbfwc-cart__mini h3 {
  font-size: 30px !important;
  font-family: var(--el-amante-fuente-titulos) !important;
  letter-spacing: -2px !important; /* menos agresivo */
  font-weight: 500 !important;
  color: var(--el-amante-charcoal) !important;
  padding-bottom: 16px !important;
}
body.hbfwc .daterangepicker td.active:not(.ends), body.hbfwc .daterangepicker td.active:not(.ends):hover {
  background-color: var(--el-amante-terracotta) !important;
}

#hbfwc-cart__mini {
  background: #ffffff !important;
}
#hbfwc-cart__mini .hbfwc-mini-cart__buttons>.button {
  font-size: 1em;
    font-family: var(--el-amante-fuente-textos) !important;
  background: var(--el-amante-terracotta) !important;
  color: #fff !important;
}
.hbfwc-room__rate .button {
  font-size: 1em !important;
  font-family: var(--el-amante-fuente-textos) !important;
  background: var(--el-amante-terracotta) !important;
  color: #fff !important;
}
.hbfwc-product-popup__header .hbfwc-product__popup-close {
  background: var(--el-amante-terracotta) !important;
}
ul.hbfwc-mini-cart__items li.hbfwc-mini-cart__item {
  margin: 10px 0 .5rem !important;
}
.hbfwc-rate__popup-wrapper .hbfwc-rate__popup-heading a.hbfwc-rate__popup-close {
  background: var(--el-amante-terracotta) !important;
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    border-radius: 5px !important;
    font-family: var(--el-amante-fuente-titulos) !important;
    font-weight: 500 !important;
    color: var(--el-amante-blanco) !important;
    font-size: 18px !important;
    width: 100% !important;
    padding: 15px !important;
}

.page-id-11 .site-content,
.page-id-12 .site-content {
    padding: 80px 40px !important;
}
.hbfwc__amenities.hbfwc__amenities-teaser ul.hbfwc__amenities-list {

    display: none !important;
}
a.hbfwc-button__popup {
    font-size: inherit;
    padding: 5px  10px !important;
    background-color: var(--el-amante-terracotta) !important;
    color: var(--el-amante-cream) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button{
    background-color: var(--el-amante-terracotta) !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: var(--el-amante-fuente-textos) !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    padding: 14px 22px !important;
}
/*─────────────────────────────────────────────────────────────────────────────
  9. RESPONSIVE
─────────────────────────────────────────────────────────────────────────────*/

@media only screen and (max-width: 600px){
  .el-amante-titulo-hero h1,
  .el-amante-titulo-hero h2{
    font-size: 36px !important;
    letter-spacing: -1px !important; /* en móvil menos para que no se apelmace */
  }
  .el-amante-titulo-seccion h2{
    font-size: 30px !important;
    letter-spacing: -1px !important;
  }
  .el-amante-titulo-bloque h3{
    font-size: 24px !important;
    letter-spacing: -0.5px !important;
  }
  .el-amante-booking{
    padding: 12px !important;
  }
  .el-amante-texto p{
    font-size: 16px !important;
  }
  .el-amante-texto-crema p{
    font-size: 16px !important;
  }
  .el-amante-texto-muted p,
  .el-amante-texto-muted span{
    font-size: 16px !important;
  }
  .page-id-11 .site-content,
.page-id-12 .site-content {
    padding: 90px 15px !important;
}

}





/* Estado sólido para páginas internas / WooCommerce / no-home */
.el-amante-header.is-solid{
  background: rgba(251,250,247,0.90);
  border-bottom: 1px solid rgba(42,39,35,0.10);
  box-shadow: 0 12px 30px rgba(42,39,35,0.10);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* Swap de logos en estado sólido */
.el-amante-header.is-solid .el-amante-logo--hero{
  opacity: 0;
  transform: translateY(-1px);
}

.el-amante-header.is-solid .el-amante-logo--sticky{
  opacity: 1;
  transform: translateY(0);
}

/* Menú oscuro en estado sólido */
.el-amante-header.is-solid .el-amante-menu > li > a{
  color: rgba(42,39,35,0.82);
}

/* Flechas oscuras en estado sólido */
.el-amante-header.is-solid .el-amante-menu > li.menu-item-has-children > a::after{
  border-right-color: rgba(42,39,35,0.82);
  border-bottom-color: rgba(42,39,35,0.82);
}

/* Burger oscuro en estado sólido */
.el-amante-header.is-solid .el-amante-burger{
  border-color: rgba(42,39,35,0.16);
  background: rgba(42,39,35,0.03);
}

.el-amante-header.is-solid .el-amante-burger span{
  background: rgba(42,39,35,0.82);
}