html { scroll-behavior: smooth; }
/* Si tienes cabecera fija que tapa el ancla: */
#contacto { scroll-margin-top: 100px; } /* ajusta 60–120px según tu header */


/* Reemplazar símbolo $ por € en formularios WPForms */
.wpforms-payment-price,
.wpforms-field-price,
.wpforms-payment-total {
  display: inline-block;
  position: relative;
}

/* Oculta el símbolo $ */
.wpforms-payment-price::before,
.wpforms-field-price::before,
.wpforms-payment-total::before {
  content: "";
}

/* Añade símbolo € antes del número */
.wpforms-payment-price::after,
.wpforms-field-price::after,
.wpforms-payment-total::after {
  content: "€";
  margin-left: 4px;
  font-weight: 600;
}

/* Estilo personalizado para el botón de reserva */
/*.reservar-boton {
  background-color: transparent !important;
  color: #333 !important;
  border: 2px solid #777 !important;
  border-radius: 40px !important;
  padding: 10px 35px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Efecto hover */
/*.reservar-boton*/

/* --- Efecto zoom (no interfiere con clics) --- */
.card-zoom-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.card-zoom-link .wp-block-cover__image-background {
  transition: transform .6s ease;
}
.card-zoom-link:hover .wp-block-cover__image-background {
  transform: scale(1.07);
}

/* La capa de oscurecimiento NO bloquea clics */
.card-zoom-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.0);   /* ajusta si quieres oscurecer en hover */
  transition: background .4s ease;
  z-index: 2;
  pointer-events: none;          /* <- CLAVE: no captura clics */
}
.card-zoom-link:hover::after {
  background: rgba(0,0,0,0.25);
}

/* Asegura que los enlaces interiores sí reciben el clic */
.card-zoom-link a {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

/* (Opcional) si usas botón o texto encima, que también sea clicable */
.card-zoom-link .wp-block-heading,
.card-zoom-link .wp-block-button {
  position: relative;
  z-index: 3;
}

/* En móviles no aplicamos zoom (no hay hover) */
@media (hover:none){
  .card-zoom-link:hover .wp-block-cover__image-background { transform:none; }
}

/* Oculta el título superior de las páginas */
.page h1.entry-title {
  display: none;
}


/* El Cover ya controla tamaño; solo hacemos el overlay */
.wp-block-cover.card-form-overlay { position: relative; overflow: hidden; }

.wp-block-cover.card-form-overlay::after {
  content: "Solicita más información";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0);
  color: #fff;
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0;
  transition: background .25s ease, opacity .25s ease;
  pointer-events: none;
}

.wp-block-cover.card-form-overlay:hover::after {
  background: rgba(0,0,0,0.45);
  opacity: 1;
}

/* === Efecto de zoom suave + compatibilidad con overlay === */
.card-zoom-link {
  display: block;
  overflow: hidden;
}

.card-zoom-link img {
  transition: transform 0.25s ease;
}

.card-zoom-link:hover img {
  transform: scale(1.03);
}


.main-navigation ul ul {
    background-color: #000; /* o el color que uses */
    z-index: 9999;
    position: relative;
}
/* Asegurar que la cabecera está por encima del hero */
header,
.site-header,
#masthead,
.main-navigation {
    position: relative;
    z-index: 9999 !important;
}


/* FIX TranslatePress: permitir click en idioma traducido */
html[lang="en"] .trp-language-switcher-container,
html[lang="en"] [data-trp-post-id],
html[lang="en"] [data-trp-original],
html[lang="en"] span[data-trp-key] {
    pointer-events: none;
}

/* Asegurar que los links sí reciben el click */
html[lang="en"] a,
html[lang="en"] a * {
    pointer-events: auto !important;
}


/* Enlace que cubre toda la tarjeta */
.card-link a{
  position:absolute !important;
  inset:0 !important;
  z-index:50 !important;
  opacity:0 !important;          /* invisible */
  display:block !important;
}

/* Asegura que el contenedor permite posicionamiento absoluto */
.wp-block-post-template .wp-block-post,
.wp-block-group,
.wp-block-cover{
  position:relative;
}


/* BOTÓN PRINCIPAL - RESERVAR */
.cne-btn-primary{
  background-color: #ffffff;
  color: #3f2b36;
  border: 2px solid #3f2b36;
  transition: all 0.25s ease;
}

/* Hover = cuando pasas el ratón */
.cne-btn-primary:hover{
  background-color: #3f2b36;
  color: #ffffff;
}

/* BOTÓN SECUNDARIO - CONTACTO */
.cne-btn-secondary{
  background-color: #ffffff;
  color: #575757;
  border: 2px solid #575757;
  transition: all 0.25s ease;
}

/* Hover botón secundario */
.cne-btn-secondary:hover{
  color: #3f2b36;
  border-color: #3f2b36;
}