/*
 Theme Name: Divi Acuabit
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme, enriquezido por Acuabit
 Author: Acuabit
 Author URI: https://www.acuabit.es 
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* =========================================================
   GENERAL
========================================================= */

:root {
  --beige: #FEFAE9;
  --verde: #59613B;
  --verde-oliva: #8C995C;
  --verde-claro: #DDD8B6;
  --verde-medio: #747E4E;
  --naranja: #D97955;
  --negro: #414141;
  --blanco: #FFFFFF;
}

body {
  background: var(--beige) !important;
}

html {
  background: var(--beige) !important;
}

.color-texto-verde {
  color: var(--verde);
}

.texto-verde {
  color: var(--verde);
}

/* =========================================================
    BREADCRUMBS RANKMATH
========================================================= */
#section-breadcrumbs .file-breadcrumbs .rank-breadcrumbs {
  font-size: 12px !important;
}

/* =========================================================
   HEADER THEME BUILDER
========================================================= */

/* Ajustes propios del header */
#header #top-bar .et_pb_blurb_position_left .et_pb_blurb_container {
  padding-left: 0 !important;
}

#header #menu .et_pb_menu__logo-wrap {
  position: absolute;
  bottom: 0;
}

.et_pb_menu--style-left_aligned .et_pb_menu__logo {
  margin-bottom: 10px !important;
}

/* Estado sólido por defecto: se aplica a internas y a la home con scroll */
#header {
  --header-bg: var(--beige);
  --header-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --header-color: var(--verde);
  --header-separator: var(--verde);

  width: 100%;
  z-index: 999999 !important;
  overflow: visible !important;
  background: var(--header-bg) !important;
  box-shadow: var(--header-shadow) !important;
  transition: background-color 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease;
}

/* Solo la home, arriba del todo, usa estado transparente */
body.header-es-home:not(.header-scrolled) #header,
body.home:not(.header-scrolled) #header,
body.front-page:not(.header-scrolled) #header {
  --header-bg: transparent;
  --header-shadow: none;
  --header-color: var(--blanco);
  --header-separator: var(--blanco);
}

/* Permitir que los submenús salgan fuera del header */
#header .et_pb_section,
#header .et_pb_row,
#header .et_pb_column,
#header .et_pb_menu,
#header .et_pb_menu_inner_container,
#header .et_pb_menu__wrap,
#header .et_pb_menu__menu,
#header .et-menu-nav {
  overflow: visible !important;
}


/* =========================================================
   MENÚ PRINCIPAL
========================================================= */

header .et_builder_inner_content {
  z-index: 99999;
}

#header .et_pb_menu__logo-wrap {
  width: 170px !important;
}

#header .et_pb_menu .et-menu>li {
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
}

#header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
  position: relative;
  padding: 16px 0 !important;
  margin: 14px 0 !important;
}



/* Flecha en elementos con submenú */
#header .et-menu .menu-item-has-children>a:first-child::after {
  right: -16px !important;
}

/* Separadores del menú */
#header .et_pb_menu__menu>nav>ul>li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: var(--header-separator);
  pointer-events: none;
}

/* Ocultar separador entre Experiencias y Contacto en todos los idiomas */
#header .et_pb_menu__menu>nav>ul>li:nth-last-child(2)::after,

#header .et_pb_menu__menu>nav>ul>li:has(+ li.et_pb_menu_page_id-32)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#et_pb_menu_page_id-32)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li.menu-item-32)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#menu-item-32)::after,

#header .et_pb_menu__menu>nav>ul>li:has(+ li.et_pb_menu_page_id-1973)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#et_pb_menu_page_id-1973)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li.menu-item-1973)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#menu-item-1973)::after,

#header .et_pb_menu__menu>nav>ul>li:has(+ li.et_pb_menu_page_id-1941)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#et_pb_menu_page_id-1941)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li.menu-item-1941)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#menu-item-1941)::after,

#header .et_pb_menu__menu>nav>ul>li:has(+ li.et_pb_menu_page_id-2008)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#et_pb_menu_page_id-2008)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li.menu-item-2008)::after,
#header .et_pb_menu__menu>nav>ul>li:has(+ li#menu-item-2008)::after {
  display: none !important;
}

/* Línea naranja del elemento activo */
#header .et_pb_menu__menu>nav>ul>li.current-menu-item:not(.et_pb_menu_page_id-32):not(#et_pb_menu_page_id-32)>a::before,
#header .et_pb_menu__menu>nav>ul>li.current_page_item:not(.et_pb_menu_page_id-32):not(#et_pb_menu_page_id-32)>a::before,
#header .et_pb_menu__menu>nav>ul>li.current-menu-parent:not(.et_pb_menu_page_id-32):not(#et_pb_menu_page_id-32)>a::before,
#header .et_pb_menu__menu>nav>ul>li.current-menu-ancestor:not(.et_pb_menu_page_id-32):not(#et_pb_menu_page_id-32)>a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 72%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: var(--naranja);
  border-radius: 10px;
  pointer-events: none;
}


/* =========================================================
   CONTACTO DESTACADO
========================================================= */

/* Color general del menú, excepto Contacto en todos los idiomas */
#header .et_pb_menu__menu>nav>ul>li:not(.et_pb_menu_page_id-32):not(#et_pb_menu_page_id-32):not(.menu-item-32):not(#menu-item-32):not(.et_pb_menu_page_id-1973):not(#et_pb_menu_page_id-1973):not(.menu-item-1973):not(#menu-item-1973):not(.et_pb_menu_page_id-1941):not(#et_pb_menu_page_id-1941):not(.menu-item-1941):not(#menu-item-1941):not(.et_pb_menu_page_id-2008):not(#et_pb_menu_page_id-2008):not(.menu-item-2008):not(#menu-item-2008)>a {
  color: var(--header-color) !important;
}

/* Reset padding del item Contacto en todos los idiomas */
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-32,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-32,
#header .et_pb_menu__menu>nav>ul>li.menu-item-32,
#header .et_pb_menu__menu>nav>ul>li#menu-item-32,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1973,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1973,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1973,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1973,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1941,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1941,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1941,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1941,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-2008,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-2008,
#header .et_pb_menu__menu>nav>ul>li.menu-item-2008,
#header .et_pb_menu__menu>nav>ul>li#menu-item-2008 {
  padding: 0 !important;
}

/* Botón Contacto destacado en todos los idiomas */
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-32>a,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-32>a,
#header .et_pb_menu__menu>nav>ul>li.menu-item-32>a,
#header .et_pb_menu__menu>nav>ul>li#menu-item-32>a,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1973>a,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1973>a,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1973>a,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1973>a,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1941>a,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1941>a,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1941>a,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1941>a,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-2008>a,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-2008>a,
#header .et_pb_menu__menu>nav>ul>li.menu-item-2008>a,
#header .et_pb_menu__menu>nav>ul>li#menu-item-2008>a {
  background: var(--verde) !important;
  color: var(--blanco) !important;
  padding: 14px 28px !important;
  border-radius: 4px;
}

/* Mantener texto blanco en hover, focus, visited y scroll */
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-32>a:hover,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-32>a:focus,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-32>a:visited,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-32>a:hover,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-32>a:focus,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-32>a:visited,

#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1973>a:hover,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1973>a:focus,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1973>a:visited,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1973>a:hover,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1973>a:focus,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1973>a:visited,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1973>a:hover,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1973>a:focus,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1973>a:visited,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1973>a:hover,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1973>a:focus,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1973>a:visited,

#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1941>a:hover,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1941>a:focus,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-1941>a:visited,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1941>a:hover,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1941>a:focus,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-1941>a:visited,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1941>a:hover,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1941>a:focus,
#header .et_pb_menu__menu>nav>ul>li.menu-item-1941>a:visited,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1941>a:hover,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1941>a:focus,
#header .et_pb_menu__menu>nav>ul>li#menu-item-1941>a:visited,

#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-2008>a:hover,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-2008>a:focus,
#header .et_pb_menu__menu>nav>ul>li.et_pb_menu_page_id-2008>a:visited,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-2008>a:hover,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-2008>a:focus,
#header .et_pb_menu__menu>nav>ul>li#et_pb_menu_page_id-2008>a:visited,
#header .et_pb_menu__menu>nav>ul>li.menu-item-2008>a:hover,
#header .et_pb_menu__menu>nav>ul>li.menu-item-2008>a:focus,
#header .et_pb_menu__menu>nav>ul>li.menu-item-2008>a:visited,
#header .et_pb_menu__menu>nav>ul>li#menu-item-2008>a:hover,
#header .et_pb_menu__menu>nav>ul>li#menu-item-2008>a:focus,
#header .et_pb_menu__menu>nav>ul>li#menu-item-2008>a:visited {
  color: var(--blanco) !important;
}



/*REDES SOCIALES*/

#header .ico-rrss.et_pb_social_media_follow li a.icon,
#header .ico-rrss .et_pb_social_icon a.icon,
#header .ico-rrss li a.icon,
#header .ico-rrss a.icon {
  color: var(--header-color) !important;
  border-color: var(--header-color) !important;
  background-color: transparent !important;
}

#header .ico-rrss li a.icon::before,
#header .ico-rrss a.icon::before {
  color: var(--header-color) !important;
}


/*BLOG + SEPARADOR ENTRE BLOG Y CHECK-IN/OUT*/

#header .btn-blog,
#header .btn-blog a,
#header .btn-blog span,
#header .btn-blog .et-pb-icon,
#header .btn-blog .et-pb-icon::before {
  color: var(--header-color) !important;
  fill: var(--header-color) !important;
}

#header .btn-blog {
  position: relative !important;
  overflow: visible !important;
  z-index: 5 !important;
}

#header .btn-blog::after {
  content: "";
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: var(--header-separator);
  pointer-events: none;
  z-index: 999 !important;
}


/*BOTÓN CHECK-IN / CHECK-OUT*/

#header .check-in-out {
  margin-left: 28px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Estado general: usa el color actual del header */
#header a.et_pb_button.check-in-out,
#header .et_pb_button.check-in-out,
#header .check-in-out.et_pb_button,
#header [class*="et_pb_button_"].check-in-out,
#header .check-in-out a,
#header .check-in-out span,
#header .check-in-out .et_pb_button {
  color: var(--header-color) !important;
  border-color: var(--header-color) !important;
  background-color: transparent !important;
}

/* Icono / flecha de Divi */
#header a.et_pb_button.check-in-out::after,
#header .et_pb_button.check-in-out::after,
#header .check-in-out.et_pb_button::after,
#header .check-in-out::after {
  color: var(--header-color) !important;
}

/* Home arriba: blanco antes de la transición */
body.header-es-home:not(.header-scrolled) #header .check-in-out,
body.header-es-home:not(.header-scrolled) #header a.et_pb_button.check-in-out,
body.header-es-home:not(.header-scrolled) #header .et_pb_button.check-in-out,
body.header-es-home:not(.header-scrolled) #header .check-in-out.et_pb_button,
body.header-es-home:not(.header-scrolled) #header [class*="et_pb_button_"].check-in-out,
body.header-es-home:not(.header-scrolled) #header .check-in-out a,
body.header-es-home:not(.header-scrolled) #header .check-in-out span,
body.header-es-home:not(.header-scrolled) #header .check-in-out .et_pb_button {
  color: var(--blanco) !important;
  border-color: var(--blanco) !important;
  background-color: transparent !important;
}

/* Icono / flecha en home arriba */
body.header-es-home:not(.header-scrolled) #header .check-in-out::after,
body.header-es-home:not(.header-scrolled) #header a.et_pb_button.check-in-out::after,
body.header-es-home:not(.header-scrolled) #header .et_pb_button.check-in-out::after,
body.header-es-home:not(.header-scrolled) #header .check-in-out.et_pb_button::after {
  color: var(--blanco) !important;
}

/* Mantener margen en hover/focus */
#header .check-in-out:hover,
#header .check-in-out:focus {
  margin-left: 28px !important;
}

/* Pop Up Para el btn Check in/out */

.acu-popup-checkinout {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.acu-popup-checkinout.is-active {
  display: flex;
}

.acu-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(22, 25, 17, 0.72);
  backdrop-filter: blur(4px);
}

.acu-popup-box {
  position: relative;
  width: 100%;
  max-width: 680px;
  background: #fbf6e8;
  border-radius: 24px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  animation: acuPopupIn .25s ease;
}

.acu-popup-content {
  padding: 42px;
}

.acu-popup-pretitle {
  margin: 0 0 10px;
  color: #d97855;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 13px;
}

.acu-popup-box h2 {
  margin: 0 0 28px;
  color: #4c5633;
  font-size: 34px;
  line-height: 1.15;
}

.acu-popup-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 24px;
}

.acu-popup-item {
  background: #ffffff;
  border: 1px solid rgba(76, 86, 51, 0.14);
  border-radius: 18px;
  padding: 22px;
}

.acu-popup-label {
  display: inline-block;
  margin-bottom: 8px;
  color: #d97855;
  font-weight: 700;
}

.acu-popup-item strong {
  display: block;
  color: #4c5633;
  font-size: 22px;
  margin-bottom: 8px;
}

.acu-popup-item p {
  margin: 0;
  color: #4c5633;
  font-size: 15px;
  line-height: 1.5;
}

.acu-popup-note {
  background: rgba(76, 86, 51, 0.09);
  color: #4c5633;
  border-radius: 16px;
  padding: 18px 20px;
  margin-bottom: 24px;
  line-height: 1.5;
}

.acu-popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d97855;
  color: #ffffff !important;
  padding: 14px 28px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
}

.acu-popup-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #4c5633;
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

body.acu-popup-open {
  overflow: hidden;
}

@keyframes acuPopupIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 767px) {
  .acu-popup-content {
    padding: 34px 24px 28px;
  }

  .acu-popup-box h2 {
    font-size: 28px;
  }

  .acu-popup-grid {
    grid-template-columns: 1fr;
  }

  .acu-popup-item strong {
    font-size: 20px;
  }
}

/*BOTÓN RESERVAR + WIDGET IDIOMA*/

#header .btn-reservar,
#header .btn-reservar a,
#header .btn-reservar span,
#header .btn-reservar .et_pb_button,
#header a[href*="reservar"],
#header .widget-idioma,
#header .widget-idioma a,
#header .widget-idioma span,
#header .widget-idioma .et_pb_button {
  color: var(--blanco) !important;
}


/* SUBMENU */

#menu-principal .sub-menu {
  border-radius: 0px 0px 16px 16px;
}




.btn-idiomas-topbar {
  background-color: transparent !important;
  border-right: none !important;
  padding: 0px !important;
  --horizontal-gap: 0px !important;
  --vertical-gap: 0px !important;

  .wpml-ls-item-toggle,
  .wpml-1s-item-toggle {
    background-color: #414141 !important;
    color: #ffffff !important;
    border: 2px solid #414141 !important;
    border-radius: 4px !important;
    padding: 10px 20px 10px 16px !important;
    /* ← Más padding a la derecha */
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    /* ← Aumentado a 20px para más separación */
    font-weight: 600 !important;
    font-size: 16px !important;
    min-width: 120px !important;
    /* ← Un poco más ancho */

    &:after {
      border-color: #ffffff transparent transparent transparent !important;
      border-style: solid !important;
      border-width: 6px 6px 0 6px !important;
      /* ← Flecha más grande */
      content: "" !important;
      display: inline-block !important;
      margin-left: 10px !important;
      /* ← Más separación */
    }
  }

  .wpml-ls-sub-menu,
  .wpml-1s-sub-menu {
    background-color: #2b2b2b !important;
    border: 2px solid #2b2b2b !important;
    border-top: none !important;
    border-radius: 0 0 4px 4px !important;
    padding: 4px 0 !important;
    margin: 0 !important;

    a {
      background-color: #2b2b2b !important;
      color: #ffffff !important;
      padding: 8px 16px !important;
      display: block !important;
      font-size: 16px !important;
      text-decoration: none !important;
      border: none !important;

      &:hover {
        background-color: #1a1a1a !important;
        color: #ffffff !important;
      }
    }
  }
}


/* =========================================================
   ELIMINAR SELECTOR DE IDIOMAS EN < 1029px
   ========================================================= */

@media only screen and (max-width: 1029px) {

  /* Ocultar por ID */
  #icl_lang_sel_widget-2 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
  }

  /* Ocultar por clase */
  .btn-idiomas-topbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
  }

  /* Ocultar el widget completo */
  .et_pb_sidebar_0_tb_header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
  }
}





/* =========================================================
   OCULTAR IDIOMA EN MENÚ PRINCIPAL (ESCRITORIO)
   ========================================================= */

/* Ocultar el idioma del menú principal en escritorio */
@media only screen and (min-width: 981px) {

  .menu-item-wpml-ls-6-es,
  .menu-item-wpml-ls-6-en,
  .menu-item-wpml-ls-6-fr,
  .menu-item-wpml-ls-6-it {
    display: none !important;
  }
}

/* Mostrar el idioma en el menú hamburguesa (móvil) */
@media only screen and (max-width: 980px) {

  .menu-item-wpml-ls-6-es,
  .menu-item-wpml-ls-6-en,
  .menu-item-wpml-ls-6-fr,
  .menu-item-wpml-ls-6-it {
    display: block !important;
  }
}


/* =========================================================
   HOME
========================================================= */

.slider-hero .container-hero {
  margin-left: 6% !important;
}

.slider-hero .container-hero>div {
  background: rgba(35, 40, 25, 0.42) !important;

  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(3px) saturate(120%);

  border-radius: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);

  overflow: hidden !important;
}

/* Degradado superior para mejorar la lectura del menú sobre el Smart Slider */
#n2-ss-2-align,
#n2-ss-3-align,
#n2-ss-4-align,
#n2-ss-5-align {
  position: relative;
  overflow: hidden;
}

#n2-ss-2-align::before,
#n2-ss-3-align::before,
#n2-ss-4-align::before,
#n2-ss-5-align::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  z-index: 30;
  pointer-events: none;

  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.65) 0%,
      rgba(0, 0, 0, 0.45) 40%,
      rgba(0, 0, 0, 0.18) 75%,
      rgba(0, 0, 0, 0) 100%);
}

#n2-ss-2 {
  position: relative;
  z-index: 1;
}














/*ICONOS EN BOTONES DEL HERO - SMART SLIDER*/

/* Texto interno de los botones */
.slider-hero .btn-reservar-hero a>div,
.slider-hero .btn-parcelas-hero a>div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* Icono base */
.slider-hero .btn-reservar-hero a>div::before,
.slider-hero .btn-parcelas-hero a>div::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Icono botón Reservar */
.slider-hero .btn-reservar-hero a>div::before {
  background-image: url("img/ico-calendar.png");
}

/* Icono botón Parcelas */
.slider-hero .btn-parcelas-hero a>div::before {
  background-image: url("img/ico-parcela.png");
}

div#n2-ss-2 .n-uc-1e1b9ab594396-inner>.n2-ss-layer-row-inner {
  gap: 20px !important;
}

div#n2-ss-3 .n-uc-MRU8qfdsbN8y-inner>.n2-ss-layer-row-inner {
  justify-content: start !important;
  gap: 20px !important;
}









/*SEPARADOR ENTRE SLIDER Y SECCIÓN INTRO*/

body .section-intro {
  position: relative !important;
  overflow: visible !important;
  z-index: 10 !important;
}

body .section-intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: -30px;

  width: 100%;
  height: 70px !important;

  background-image: url("img/separador-pincel.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: auto 60px !important;

  z-index: 99999;
  pointer-events: none;
}


.subtitulo-h2 {
  font-size: 18px !important;
  color: var(--verde) !important;
}


#section-cta-alhambra {
  z-index: 9999;
}

.cta-alhambra {
  margin-top: -140px;
  padding-top: 250px !important;
  padding-bottom: 100px !important;
}

.btn-galeria-img .et_pb_blurb_container {
  padding-left: 0px !important;
}

.anuncio-servicios .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 20px !important;
}


/*BLOQUE PARCELAS*/

.section-parcelas,
.section-parcelas .fila-parcelas,
.section-parcelas .et_pb_column {
  overflow: visible !important;
}

.section-parcelas .fila-parcelas {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Columna de texto: marca la altura real del bloque */
.section-parcelas .col-parcelas-texto {
  position: relative !important;
  z-index: 2;
}

/* Columna derecha: sigue en flujo normal */
.section-parcelas .col-parcelas-imagen {
  position: relative !important;
  z-index: 5;
  overflow: visible !important;
}

/* El módulo de imagen se pega abajo dentro de su columna */
.section-parcelas .img-parcelas {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: calc(100% + 120px);

  overflow: hidden !important;
  z-index: 5;
}

/* La imagen ocupa todo el módulo */
.section-parcelas .img-parcelas .et_pb_image_wrap,
.section-parcelas .img-parcelas img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Forma de arco */
.section-parcelas .img-parcelas img {
  object-fit: cover;
  object-position: center center;
  border-radius: 999px 999px 0 0;
}

/* Título personalizado dentro del módulo FAQ */
.titulo-faq {
  display: block;
  font-family: 'Domine', Georgia, serif !important;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: var(--verde) !important;
}


/* =========================================================
   PAGINA PARCELAS
========================================================= */

.font-domine {
  display: block;
  font-family: 'Domine', Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1;
  font-weight: 700;
  color: var(--beige) !important;
}

.fila-intro-parcelas {
  background-color: var(--verde-claro) !important;
}


/* TARJETAS PARCELAS - FONDO VERDE IRREGULAR */

#fila-section-parcelas {
  overflow: visible !important;
}

/* Columna/tarjeta */
#fila-section-parcelas .columna-parcelas-l,
#fila-section-parcelas .columna-parcelas-r {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;


  /* Importante: quitar fondo real de Divi si lo tiene */
  background: transparent !important;
}

#fila-section-parcelas .columna-parcelas-l::before {
  background: var(--verde-medio);
  z-index: -1;
  pointer-events: none;
}

#fila-section-parcelas .columna-parcelas-r::before {
  background: var(--verde);
  z-index: -1;
  pointer-events: none;
}

/* Fondo verde irregular */
#fila-section-parcelas .columna-parcelas-l::before,
#fila-section-parcelas .columna-parcelas-r::before {
  content: "";
  position: absolute;
  inset: 0;

  /* Bordes ligeramente irregulares */
  clip-path: polygon(1% 0.8%,
      6% 0.2%,
      12% 0.7%,
      18% 0.1%,
      25% 0.6%,
      32% 0.2%,
      40% 0.8%,
      48% 0.3%,
      56% 0.6%,
      64% 0.2%,
      72% 0.7%,
      80% 0.1%,
      88% 0.5%,
      96% 0.2%,
      99% 1.4%,

      99.2% 8%,
      98.8% 18%,
      99.4% 28%,
      98.9% 38%,
      99.3% 50%,
      98.8% 62%,
      99.2% 74%,
      98.7% 86%,
      99% 98%,

      94% 99.2%,
      86% 98.7%,
      78% 99.4%,
      70% 98.8%,
      62% 99.2%,
      54% 98.7%,
      46% 99.3%,
      38% 98.8%,
      30% 99.2%,
      22% 98.7%,
      14% 99.3%,
      6% 98.8%,
      1% 99%,

      0.8% 90%,
      1.2% 80%,
      0.7% 70%,
      1.1% 60%,
      0.6% 50%,
      1.2% 40%,
      0.8% 30%,
      1.1% 20%,
      0.7% 10%);
}

.btn-cards-sinfondo::after {
  left: 5.5em !important;
}

.btn-sinfondo::after {
  left: 10em !important;
}

/*ANUNCIO WIFI - CÍRCULO PERFECTO*/

@media (min-width:780px) {
  .wifi-incluido {
    width: 170px !important;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: auto !important;
    margin-right: auto !important;

    overflow: hidden !important;
  }

}


/* =========================================================
   PAGINA SERVICIOS
========================================================= */

.subtitulo-h {
  font-size: 18px;
  font-weight: bold;
  color: var(--verde);
}

.btn-card-silencio {
  background-color: var(--verde);
  color: var(--beige);
  border-radius: 12px;
  padding: 12px;
}


/* =========================================================
   PAGINA NATURALEZA
========================================================= */
.card-excursiones .et_pb_blurb_container {
  padding: 0px 16px 24px 16px;

}


/* =========================================================
   PAGINA CONTACTO
========================================================= */

/*--FORMULARIO DE CONTACTO--*/



.cf7-custom-css .wpcf7-form-control-wrap input[type="text"],
.cf7-custom-css .wpcf7-form-control-wrap input[type="email"],
.cf7-custom-css .wpcf7-form-control-wrap input[type="tel"],
.cf7-custom-css .wpcf7-form-control-wrap textarea {
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid black;
  width: 100%;
  font-size: 14px !important;
}

.cf7-custom-css .field-item {
  margin-bottom: 24px !important;
}

.cf7-custom-css form p {
  padding-bottom: 2.5em;
}

.cf7-custom-css form p label {
  color: #0000004d;
}

.cf7-custom-css .conditions p,
.cf7-custom-css .conditions p a {
  font-size: 12px !important;
  margin-bottom: 20px !important;
}

.cf7-custom-css form p .wpcf7-submit {
  background-color: var(--naranja) !important;
  border: none;
  border-radius: 6px;
  padding: 10px 32px;
  color: white;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.35s ease;
}

.cf7-custom-css form p .wpcf7-submit:hover {
  background-color: #bb6648 !important;
}

/* Responsive Formulario */
@media (max-width: 767px) {


  .cf7-custom-css {
    padding: 0px;
    border-radius: 18px;
  }

  .cf7-custom-css .fields.fields-cols {
    grid-template-columns: 1fr;
  }

  .cf7-custom-css .field-item .wpcf7-radio {
    flex-direction: column;
  }

  .cf7-custom-css .field-item .wpcf7-list-item label {
    width: 100%;
    justify-content: flex-start;
  }

  .cf7-custom-css .submit .wpcf7-submit,
  .cf7-custom-css .submit .et_pb_button,
  .cf7-custom-css .submit input[type="submit"] {
    width: 100%;
  }
}

html.show--consent .btnpref,
html.show--preferences .btnpref {
  display: none;
}



/* =========================================================
   FOOTER
========================================================= */

#footer .google-review-footer .ti-widget.ti-goog .ti-widget-container {
  background-color: transparent !important;
}


#footer .google-review-footer .ti-widget.ti-goog .ti-review-item>.ti-inner {
  background-color: #ffffff4a !important;
  border-color: #ffffff70 !important;
}

#footer .google-review-footer .ti-widget.ti-goog .ti-controls .ti-prev {
  background-color: #ffffff7a;
}

/* separador footer */

body #footer {
  position: relative !important;
  overflow: visible !important;
  z-index: 10 !important;
}

body #footer::before {
  content: "";
  position: absolute;
  left: 0;
  top: -30px;

  width: 100%;
  height: 70px !important;

  background-image: url("img/separador-footer.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: auto 60px !important;

  z-index: 99999;
  pointer-events: none;
}

/* separadores entre columnas */

#footer .fila-footer {
  position: relative !important;
  overflow: visible !important;
}

/* Columnas que llevan separador */
#footer .fila-footer .columna-contacto-footer,
#footer .fila-footer .columna-elcamping-footer {
  position: relative !important;
}

/* Separador vertical */
#footer .fila-footer .columna-contacto-footer::after,
#footer .fila-footer .columna-elcamping-footer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16%;
  transform: translateY(-50%);

  width: 1px;
  height: 130px;

  background: var(--verde);
  pointer-events: none;
}

#firma {
  background: var(--verde);
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  padding: 10px 0px;
  border-top: 1px solid var(--beige);
}

#firma a {
  color: #ffffff;
}



/* Responsive Footer */

@media (max-width:1080px) {
  .footer-legal .et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }

  .footer-legal .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

  #menu-legal {
    flex-direction: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width:780px) {
  .footer-legal .et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }

  .footer-legal .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

  #menu-legal {
    flex-direction: column !important;
    align-items: center !important;
  }
}




/* =========================================================
   BANNER COOKIES
========================================================= */

html.show--consent .btnpref,
html.show--preferences .btnpref {
  display: none;
}

.btnpref {
  position: fixed;
  z-index: 99999999999;
  bottom: 15px;
  left: 15px;
  max-width: 72px;
  font-size: 14px;
  padding: 5px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid black;
}

.btnpref img {
  max-width: 40px;
  transition: transform 0.3s ease-in-out;
}

.btnpref img:hover {
  transform: scale(1.1);
  animation: bounce 0.5s ease;
}

/*animacion efecto rebote*/
@keyframes bounce {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(1);
  }

  70% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.btnpref:hover {
  cursor: pointer;
}

/*--Responsive Cookies--*/

@media (max-width: 780px) {
  .btnpref {
    bottom: 52px !important;
    left: 0px;
    max-width: 180px;
    border: none !important;
    border-radius: 0px 8px 0px 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  .btnpref img {
    max-width: 14px !important;
  }
}




/* =========================================================
   MEDIA QUERIES - RESPONSIVE
========================================================= */

/* CORRECCIONES RESPONSIVE PARA DIFERENTES PANTALLAS Y RESOLUCIONES */

@media (min-width: 766px) and (max-width: 1601px) {

  #menu-principal li a {
    font-size: 16px;
  }

  #menu-principal li {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .fila-responsive-resoluciones {
    width: 95% !important;
  }

  h1 {
    font-size: 14px !important;
    padding-bottom: 0px;
  }

  .h1-big-size h1 {
    font-size: 40px !important;
  }

  h2 {
    font-size: 32px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  p {
    font-size: 16px !important;
    line-height: 1.4;
  }

  .et_pb_button,
  .et_pb_button::before {
    font-size: 16px !important;
  }

  .slider-hero .container-hero .aquisevive-hero div {
    font-size: 20px !important;
  }

  .slider-hero .container-hero .andalucia-hero div {
    font-size: 52px !important;
  }

  .container-hero .btn-reservar-hero a {
    font-size: 16px !important;
  }

  .cta-intro p {
    font-size: 32px !important;
  }

  .cards-valores h3 {
    font-size: 18px !important;
  }

  .cards-valores span img {
    max-width: 75% !important;
  }

  .fila-cta-andalucia-granada .cta-aquisevive p {
    font-size: 32px !important;
  }

  .cta-alhambra {
    margin-top: -120px;
    padding-top: 200px !important;
    padding-bottom: 70px !important;
  }

  .fila-cta-andalucia-granada div {
    --vertical-gap: 0px;
  }

  .titulo-faq {
    font-size: 18px !important;
  }

  .fila-cta-andalucia-granada .cta-andalucia-granada p {
    font-size: 52px !important;
  }

  .slogan-hero p {
    font-size: 40px !important;
    line-height: 1.1;
  }

  .section-hero {
    padding-top: 5% !important;
  }

  .section-hero div img {
    width: 600px !important;
  }

  .cards-servicios .et-pb-icon {
    font-size: 36px !important;
  }

  .card-excursiones h3 {
    font-size: 18px !important;
  }

  .card-informativa h2 {
    font-size: 20px !important;
  }

  .cta-experiencias p {
    font-size: 32px !important;
    line-height: 1.2;
  }

  .cta-restaurante p {
    font-size: 32px !important;
  }

  .subtitulo-h h2 {
    font-size: 14px !important;
    padding-bottom: 0px !important;
  }

  .cta-servicios-sub p {
    font-size: 20px !important;
  }

  .cta-servicios p {
    font-size: 32px !important;
  }

  .slogan-h3-bar h3 {
    font-size: 32px !important;
  }

  .fila-valores-parcelas .et_pb_blurb .et_pb_blurb_container {
    padding-left: 0px !important;
  }

  .circulo-numero p {
    font-size: 24px !important;
  }

  .cta2-alhambra p {
    font-size: 24px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1500px) {
  #section-breadcrumbs {
    margin-top: 10% !important;
  }
}

@media (max-width: 1180px) {

  /* Overlay menu mobile y table hasta 1180px */
  .overlay-menu-mobile {
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    z-index: 9999 !important;
    opacity: 0;
    pointer-events: none;

    transition: opacity 0.25s ease;
  }

  body.menu-mobile-abierto .overlay-menu-mobile {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }

  #header {
    z-index: 999999 !important;
  }

  #header #menu .et_mobile_menu {
    z-index: 1000000 !important;
  }

  /* FIN - Overlay menu mobile*/



  /* Contacto menu mobile destacado mobile y table */
  #header #menu .et_mobile_menu li.et_pb_menu_page_id-32>a,
  #header #menu .et_mobile_menu li#et_pb_menu_page_id-32>a,
  #header #menu .et_mobile_menu li.et_pb_menu_page_id-1941>a,
  #header #menu .et_mobile_menu li#et_pb_menu_page_id-1941>a,
  #header #menu .et_mobile_menu li.et_pb_menu_page_id-1973>a,
  #header #menu .et_mobile_menu li#et_pb_menu_page_id-1973>a,
  #header #menu .et_mobile_menu li.et_pb_menu_page_id-2008>a,
  #header #menu .et_mobile_menu li#et_pb_menu_page_id-2008>a {
    margin: 16px 0px !important;
    padding: 14px 26px !important;
    border-radius: 6px !important;
    background: var(--verde) !important;
    color: var(--blanco) !important;
    text-align: center !important;
  }


  /* No mostrar botón whatsapp hasta Desktop */
  .joinchat__button {
    display: none !important;
  }

  /*Ajuster altura btn cookies*/
  .btnpref {
    bottom: 80px;
  }

  /* Ajuste hero tablet y mobile */
  .et_pb_menu--style-left_aligned .et_pb_menu__logo {
    margin-bottom: 0px !important;
  }

  div#n2-ss-2 .n-uc-1e1b9ab594396-inner>.n2-ss-layer-row-inner {
    gap: 0px !important;
  }

  .slider-hero .container-hero {
    margin: 150px 0px !important;
    top: 36% !important;
    padding: 50px 10px;
  }

  .slider-hero .container-hero .aquisevive-hero div {
    font-size: 24px !important;
  }

  .slider-hero .container-hero .andalucia-hero div {
    font-size: 52px !important;
  }

  .slider-hero .container-hero .h1-hero h1 {
    white-space: break-spaces !important;
  }

  .slider-hero .container-hero .btn-reservar-hero,
  .slider-hero .container-hero .btn-parcelas-hero {
    display: none !important;
  }

  .slider-hero .container-hero .h1-hero {
    padding-bottom: 24px !important;
    font-size: 16px !important;
  }

  div#n2-ss-2 .n-uc-1e1b9ab594396-inner>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype="col"] {
    margin: 0px !important;
  }

  body .section-intro::before {
    top: -26px !important;
  }

  /* FIN - Ajuste hero tablet y mobile */
}



/* MENÚ HAMBURGUESA TABLET GRANDE: 982PX - 1179PX */

.overlay-menu-mobile {
  display: none;
}


@media (min-width: 982px) and (max-width: 1179px) {

  /* Ocultar menú desktop */
  #header #menu .et_pb_menu__menu {
    display: none !important;
  }

  /* Mostrar hamburguesa */
  #header #menu .et_mobile_nav_menu {
    display: flex !important;
    align-items: center !important;
  }

  #header #menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }

  /* Panel desplegable grande alineado a la izquierda */
  #header #menu .et_mobile_menu {
    position: fixed !important;
    top: 98px !important;
    left: 0 !important;
    right: auto !important;

    width: 100vw !important;

    min-width: 520px !important;

    max-height: calc(100vh - 118px) !important;
    overflow-y: auto !important;

    margin: 0 !important;
    padding: 18px 0 !important;

    background: var(--beige) !important;
    border-top: 3px solid var(--naranja) !important;
    border-radius: 0 0 18px 0 !important;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.22) !important;

    z-index: 1000000 !important;
  }

  #header #menu .et_mobile_menu li {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header #menu .et_mobile_menu li a {
    display: block !important;
    padding: 16px 42px !important;
    color: var(--verde) !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(89, 97, 59, 0.12) !important;
    background: transparent !important;
  }

  #header #menu .et_mobile_menu li a:hover {
    color: var(--naranja) !important;
    background: rgba(89, 97, 59, 0.06) !important;
  }

  /* Submenús cerrados por defecto */
  #header #menu .et_mobile_menu li.menu-item-has-children>.sub-menu,
  #header #menu .et_mobile_menu li.page_item_has_children>.children {
    display: none !important;
    padding-left: 0 !important;
    background: rgba(89, 97, 59, 0.04) !important;
  }

  /* Submenú abierto */
  #header #menu .et_mobile_menu li.menu-item-has-children.submenu-abierto>.sub-menu,
  #header #menu .et_mobile_menu li.page_item_has_children.submenu-abierto>.children {
    display: block !important;
  }

  #header #menu .et_mobile_menu .sub-menu li a,
  #header #menu .et_mobile_menu .children li a {
    padding-left: 68px !important;
    font-size: 17px !important;
  }

  /* Símbolo + */
  #header #menu .et_mobile_menu li.menu-item-has-children>a::after,
  #header #menu .et_mobile_menu li.page_item_has_children>a::after {
    content: "+";
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--verde);
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
  }

  /* Símbolo - abierto */
  #header #menu .et_mobile_menu li.menu-item-has-children.submenu-abierto>a::after,
  #header #menu .et_mobile_menu li.page_item_has_children.submenu-abierto>a::after {
    content: "−";
  }


  #header {
    padding: 6% 0 2px 0;
  }


  #header .et_pb_menu__logo-wrap {
    width: 155px !important;
  }


}


@media(min-width:768px) and (max-width: 980px) {

  /* No mostrar imagen de esta sección entre estas resoluciones*/
  .section-parcelas .img-parcelas {
    display: none !important;
  }
}



@media(max-width: 980px) {

  /*evitar espacio lateral en mobile*/
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  #page-container,
  #et-main-area,
  .et_builder_inner_content {
    overflow-x: hidden !important;
  }

  /*fin espacio lateral mobile*/

  /* Menu mobile a ancho completo */
  #mobile_menu1 {
    left: 47% !important;
    right: auto !important;
    width: calc(100vw - -12px) !important;
    max-width: 600px !important;
    transform: translateX(-50%) !important;
    border-radius: 0px 0px 32px 32px;
  }

  /* FIN -  Menu mobile a ancho completo */

  /* Home arriba del todo: burger blanco */
  body.header-es-home:not(.header-scrolled) #menu.et_pb_menu .mobile_nav .mobile_menu_bar:before,
  body.header-es-home:not(.header-scrolled) #menu.et_pb_menu .mobile_menu_bar:before {
    color: #ffffff !important;
    transition: color 0.25s ease;
  }

  /* Home al hacer scroll: burger verde */
  body.header-es-home.header-scrolled #menu.et_pb_menu .mobile_nav .mobile_menu_bar:before,
  body.header-es-home.header-scrolled #menu.et_pb_menu .mobile_menu_bar:before {
    color: #59613b !important;
  }


  #mobile_menu1 li a {
    font-size: 16px !important;
  }

  .acu-popup-pretitle {
    font-size: 10px;
    margin-bottom: 0px;
  }

  .acu-popup-box h2 {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .acu-popup-label {
    font-size: 18px;
  }

  .acu-popup-item strong,
  .acu-popup-note strong {
    font-size: 16px;
  }

  .acu-popup-item p,
  .acu-popup-note {
    font-size: 14px;
  }

  .acu-popup-btn {
    display: none;
  }

  .acu-popup-grid {
    gap: 8px;
    margin-bottom: 8px;
  }

  .acu-popup-checkinout {
    padding: 12px;
  }

  .acu-popup-close {
    width: 32px;
    height: 32px;
  }

  .section-parcelas .fila-parcelas {
    display: block !important;
  }


  .section-parcelas .img-parcelas {
    position: relative !important;
    height: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 30px;
  }


  .section-parcelas .img-parcelas .et_pb_image_wrap,
  .section-parcelas .img-parcelas img {
    height: auto;
  }

  .section-parcelas .img-parcelas img {
    border-radius: 32px;
  }

  .section-parcelas .img-parcelas img {
    border-radius: 0px;
  }

  .footer-legal {
    padding-bottom: 4% !important;
  }

  #firma {
    padding-bottom: 80px !important;
  }

  /* Mantener pie flotante con z-index en traducciones */
  body:not(.et-fb) #footer,
  body:not(.et-fb) .et-l--footer,
  body:not(.et-fb) footer.et-l--footer,
  body:not(.et-fb) #et-boc footer {
    position: relative !important;
    z-index: 999998 !important;
    transform: none !important;
  }

  body:not(.et-fb) #footer .et_builder_inner_content,
  body:not(.et-fb) .et-l--footer .et_builder_inner_content {
    position: relative !important;
    z-index: 999998 !important;
    transform: none !important;
  }

  body:not(.et-fb) #section-pie-flotante {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    z-index: 999999 !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:not(.et-fb) #section-pie-flotante,
  body:not(.et-fb) #section-pie-flotante * {
    backface-visibility: hidden;
  }

}



@media(max-width:767px) {

  #header .et_pb_menu__logo-wrap {
    width: 125px !important;
  }

  .footer-legal {
    padding-bottom: 12% !important;
  }


  body.header-scrolled #header {
    background: #FEFAE9ED !important;
  }

  .slider-hero .container-hero {
    top: 30% !important;
  }

  .acu-popup-checkinout {
    margin-bottom: 10%;
  }

  .cta-alhambra {
    margin-top: -90px;
    padding-top: 140px !important;
    padding-bottom: 60px !important;
  }

  .titulo-faq {
    font-size: 18px !important;
  }

  .btn-card-silencio {
    font-size: 16px !important;
  }

  .subtitulo-h {
    font-size: 14px !important;
  }

  .fila-consejos-alhambra .columna-consejos {
    padding: 6% !important;
  }



}