/* ==========================================================================
   Bethesda Spa - Estilos de sitio (2026-09-02)

   Solo lo que Elementor gratis no puede expresar por si mismo: estados hover
   y transiciones. Todo lo demas (radio, sombra, colores, tamanos) vive en los
   ajustes de Elementor, para que se pueda seguir editando desde el panel.

   Se apunta por el ID del contenedor de tarjetas (69738cf) y por estructura.
   Ojo con la estructura real de un contenedor "boxed" de Elementor:

     .elementor-element-69738cf        contenedor de tarjetas
       > .e-con-inner                  fila flex
           > .e-con                    cada tarjeta
               > .e-con-inner
                   > .e-con:first-child   la capa de la foto

   Hay un .e-con-inner intermedio en cada nivel: sin el, los selectores no
   enganchan nada.
   ========================================================================== */

:root{
  --bx-ease:cubic-bezier(.22,.61,.36,1);
  --bx-accent:#c1703a;
  --bx-accent-dark:#a95f2f;
  --bx-green:#5C7B4E;
}

/* --- Tarjetas de servicio ------------------------------------------------ */
.elementor-element-69738cf > .e-con-inner > .e-con{
  overflow:hidden;
  transition:transform .45s var(--bx-ease), box-shadow .45s var(--bx-ease);
}
.elementor-element-69738cf > .e-con-inner > .e-con:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px -12px rgba(59,70,61,.22) !important;
}

/* El titulo acompana el hover */
.elementor-element-69738cf h3.elementor-heading-title{
  transition:color .25s var(--bx-ease);
}
.elementor-element-69738cf > .e-con-inner > .e-con:hover h3.elementor-heading-title{
  color:var(--bx-green);
}

/* Red de seguridad: si el JS de animaciones de Elementor no llega a correr,
   las tarjetas se quedarian en elementor-invisible. A los 3 segundos se
   muestran igual. */
@keyframes bxFailsafeIn{ to{ opacity:1; visibility:visible; } }
.elementor-element-69738cf .elementor-invisible{
  animation:bxFailsafeIn 0s linear 3s forwards;
}

/* --- Chips de zona -------------------------------------------------------- */
.elementor-element-d967af1 span{
  transition:border-color .25s var(--bx-ease), color .25s var(--bx-ease),
             transform .25s var(--bx-ease), box-shadow .25s var(--bx-ease);
}
.elementor-element-d967af1 span:hover{
  border-color:var(--bx-green) !important;
  color:var(--bx-green) !important;
  transform:translateY(-2px);
  box-shadow:0 8px 18px -10px rgba(59,70,61,.45);
}

/* La mancha organica detras del hero se probo y se saco (2026-09-03): se veia
   como un parche suelto en el fondo, no como parte de la foto. El difuminado
   del borde izquierdo (mas abajo) alcanza para que la foto no corte en seco. */
.elementor-element-9424301{
  position:relative;
  z-index:1;
}
/* Difuminado en el borde izquierdo: la foto se disuelve en el fondo crema en
   vez de cortar en seco, asi no se lee como "una foto pegada encima". Se
   aplica con mask-image sobre el propio contenedor (que ya lleva la foto de
   fondo), degradado horizontal transparente -> opaco. Mismo efecto en el
   hero del Home (9424301) y el hero de Services (386bbc3). */
.elementor-element-9424301,
.elementor-element-386bbc3{
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 9%, #000 22%);
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 9%, #000 22%);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
@media (max-width:1024px){
  .elementor-element-386bbc3{
    -webkit-mask-image:none;
    mask-image:none;
  }
}
@media (max-width:1024px){
  .elementor-element-d471037::before{ display:none; }
  /* El degradado es horizontal (izquierda->derecha) para el layout de dos
     columnas. En movil el hero se apila (foto arriba, texto abajo) y ese
     mismo degradado se leia como una mancha blanca sobre la foto. */
  .elementor-element-9424301{
    -webkit-mask-image:none;
    mask-image:none;
  }
}

/* --- Tarjetas del sitio: hover ---------------------------------------------
   La clase CSS custom de Elementor (bx-card) no se renderiza en esta version
   del plugin (se probo y ni siquiera aplicaba a tarjetas viejas que ya la
   tenian), asi que se apunta cada tarjeta por su ID. Lista 2026-09-03: toda
   tarjeta blanca con radio+sombra en Home, Services, About, Book, Areas y
   Partners. Tarjeta nueva -> sumar su elementor-element-XXXXXXX aca. */
.elementor-element-07643b0,
.elementor-element-83b2552,
.elementor-element-3ef9876,
.elementor-element-6bba747,
.elementor-element-146157b,
.elementor-element-5c8e123,
.elementor-element-4b87666,
.elementor-element-fade013,
.elementor-element-28e3d62,
.elementor-element-c097816,
.elementor-element-1ebe076,
.elementor-element-cdd2a8d,
.elementor-element-380133c,
.elementor-element-9d99117,
.elementor-element-a645a18,
.elementor-element-2fb8a24,
.elementor-element-fc51548,
.elementor-element-cdafac9,
.elementor-element-12ba8da,
.elementor-element-f227b2d,
.elementor-element-e6c4cd5,
.elementor-element-4d39ecc,
.elementor-element-7bb59a5,
.elementor-element-ff0b73b,
.elementor-element-06385fe,
.elementor-element-056aab4,
.elementor-element-a1ad088,
.elementor-element-b4484ba,
.elementor-element-e360da3,
.elementor-element-0da8990,
.elementor-element-9f73dc1,
.elementor-element-b00258c,
.elementor-element-ed9f8a9,
.elementor-element-bbedf0c,
.elementor-element-e18726b,
.elementor-element-cf306bb,
.elementor-element-903ae13,
.elementor-element-478d1a8,
.elementor-element-cbbe3c7,
.elementor-element-9929dad,
.elementor-element-b67e4fc,
.elementor-element-8da69d1,
.elementor-element-2a66eb0,
.elementor-element-ae4133d,
.elementor-element-ae42dd1,
.elementor-element-263efc5,
.elementor-element-a622e5b,
.elementor-element-3a4f28d,
.elementor-element-5dc7357{
  transition:transform .35s var(--bx-ease), box-shadow .35s var(--bx-ease);
}
.elementor-element-07643b0:hover,
.elementor-element-83b2552:hover,
.elementor-element-3ef9876:hover,
.elementor-element-6bba747:hover,
.elementor-element-146157b:hover,
.elementor-element-5c8e123:hover,
.elementor-element-4b87666:hover,
.elementor-element-fade013:hover,
.elementor-element-28e3d62:hover,
.elementor-element-c097816:hover,
.elementor-element-1ebe076:hover,
.elementor-element-cdd2a8d:hover,
.elementor-element-380133c:hover,
.elementor-element-9d99117:hover,
.elementor-element-a645a18:hover,
.elementor-element-2fb8a24:hover,
.elementor-element-fc51548:hover,
.elementor-element-cdafac9:hover,
.elementor-element-12ba8da:hover,
.elementor-element-f227b2d:hover,
.elementor-element-e6c4cd5:hover,
.elementor-element-4d39ecc:hover,
.elementor-element-7bb59a5:hover,
.elementor-element-ff0b73b:hover,
.elementor-element-06385fe:hover,
.elementor-element-056aab4:hover,
.elementor-element-a1ad088:hover,
.elementor-element-b4484ba:hover,
.elementor-element-e360da3:hover,
.elementor-element-0da8990:hover,
.elementor-element-9f73dc1:hover,
.elementor-element-b00258c:hover,
.elementor-element-ed9f8a9:hover,
.elementor-element-bbedf0c:hover,
.elementor-element-e18726b:hover,
.elementor-element-cf306bb:hover,
.elementor-element-903ae13:hover,
.elementor-element-478d1a8:hover,
.elementor-element-cbbe3c7:hover,
.elementor-element-9929dad:hover,
.elementor-element-b67e4fc:hover,
.elementor-element-8da69d1:hover,
.elementor-element-2a66eb0:hover,
.elementor-element-ae4133d:hover,
.elementor-element-ae42dd1:hover,
.elementor-element-263efc5:hover,
.elementor-element-a622e5b:hover,
.elementor-element-3a4f28d:hover,
.elementor-element-5dc7357:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px -12px rgba(59,70,61,.22) !important;
}

/* --- Barra de categorias de Services (Massages/Group & couples/...) -------
   Mismo efecto que el menu del header (bx-header.css): subrayado terracota
   que se dibuja de izquierda a derecha al pasar el mouse, y el texto pasa a
   verde. Son botones de Elementor, no el <nav> del header, por eso se repite
   la tecnica aca en vez de reusar la regla de bx-header.css. */
.elementor-element-8c60890 .elementor-button-text,
.elementor-element-1ecd5d5 .elementor-button-text,
.elementor-element-0fd071a .elementor-button-text,
.elementor-element-e08bd60 .elementor-button-text,
.elementor-element-b14e1f0 .elementor-button-text,
.elementor-element-8e17f94 .elementor-button-text{
  position:relative;
  transition:color .2s var(--bx-ease);
}
.elementor-element-8c60890 .elementor-button-text::after,
.elementor-element-1ecd5d5 .elementor-button-text::after,
.elementor-element-0fd071a .elementor-button-text::after,
.elementor-element-e08bd60 .elementor-button-text::after,
.elementor-element-b14e1f0 .elementor-button-text::after,
.elementor-element-8e17f94 .elementor-button-text::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-4px;
  height:1.5px;
  background:var(--bx-accent);
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .32s var(--bx-ease);
}
.elementor-element-8c60890 a:hover .elementor-button-text,
.elementor-element-1ecd5d5 a:hover .elementor-button-text,
.elementor-element-0fd071a a:hover .elementor-button-text,
.elementor-element-e08bd60 a:hover .elementor-button-text,
.elementor-element-b14e1f0 a:hover .elementor-button-text,
.elementor-element-8e17f94 a:hover .elementor-button-text{
  color:var(--bx-green);
}
.elementor-element-8c60890 a:hover .elementor-button-text::after,
.elementor-element-1ecd5d5 a:hover .elementor-button-text::after,
.elementor-element-0fd071a a:hover .elementor-button-text::after,
.elementor-element-e08bd60 a:hover .elementor-button-text::after,
.elementor-element-b14e1f0 a:hover .elementor-button-text::after,
.elementor-element-8e17f94 a:hover .elementor-button-text::after{
  transform:scaleX(1);
  transform-origin:left center;
}

/* --- Banda de ambiente: parallax ------------------------------------------
   La foto de fondo (atardecer) se queda fija en la ventana mientras el resto
   de la pagina se desplaza por encima, en vez de scrollear junto con todo lo
   demas. background-attachment:fixed no anda bien en iOS Safari -en iPhone Y
   iPad, sea cual sea el ancho de pantalla, no es un problema de tamano-, asi
   que se detecta por touch (hover:none / pointer:coarse) en vez de por
   breakpoint: eso cubre un iPad en horizontal (1366px) igual que un iPhone. */
.elementor-element-4790f85{
  background-attachment:fixed !important;
}
@media (hover:none), (pointer:coarse){
  .elementor-element-4790f85{
    background-attachment:scroll !important;
  }
}
@media (max-width:1024px){
  .elementor-element-4790f85{
    background-attachment:scroll !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .elementor-element-4790f85{
    background-attachment:scroll !important;
  }
}

/* --- Foto del equipo (About, 'Why we do this'): mismo efecto parallax que
   la banda de ambiance del Home (2026-09-03). background-attachment:fixed
   no anda bien en iOS Safari, asi que se apaga por touch (hover:none /
   pointer:coarse) igual que en 4790f85. */
.elementor-element-67d9dc3{
  background-attachment:fixed !important;
}
@media (hover:none), (pointer:coarse){
  .elementor-element-67d9dc3{
    background-attachment:scroll !important;
  }
}
@media (max-width:1024px){
  .elementor-element-67d9dc3{
    background-attachment:scroll !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .elementor-element-67d9dc3{
    background-attachment:scroll !important;
  }
}

/* --- Tarjetas Villa Spa Day: overflow hidden -------------------------------
   Foto grande al costado en vez de una franja angosta arriba (2026-09-03):
   la esquina de la foto tiene que recortarse al radio redondeado de la
   tarjeta. El control "Overflow" de Elementor puede no renderizarse (mismo
   patron que _css_classes/_css_id), asi que va tambien por CSS. */
.elementor-element-ff0b73b,
.elementor-element-06385fe{
  overflow:hidden !important;
}

/* --- Botones ------------------------------------------------------------- */
.elementor-button{
  transition:background-color .25s var(--bx-ease), color .25s var(--bx-ease),
             transform .25s var(--bx-ease), box-shadow .25s var(--bx-ease);
}
.elementor-button:hover{ transform:translateY(-2px); }
.elementor-button:active{ transform:translateY(0); }

/* --- Burbuja de WhatsApp (plugin Social Chat) en movil --------------------
   El widget flotante fijo (qlwapp) es una pildora ancha de 173x88px: tapaba
   el boton "See prices" del hero en telefono. Se colapsa a un circulo de
   solo el icono, que ocupa mucho menos y no compite con los CTA reales. */
@media (max-width:767px){
  .qlwapp__container{
    right:12px !important;
    bottom:12px !important;
  }
  .qlwapp__button{
    width:52px;
    height:52px;
    padding:0 !important;
    justify-content:center;
  }
  .qlwapp__text{
    display:none !important;
  }
}

/* --- Menos movimiento ---------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .elementor-element-69738cf > .e-con-inner > .e-con,
  .elementor-element-d967af1 span,
  .elementor-button{ transition:none !important; }

  .elementor-element-69738cf > .e-con-inner > .e-con:hover,
  .elementor-element-d967af1 span:hover,
  .elementor-button:hover{ transform:none !important; }
}

/* En pantallas tactiles no tiene sentido reservar estados hover. */
@media (hover:none){
  .elementor-element-69738cf > .e-con-inner > .e-con:hover,
  .elementor-element-d967af1 span:hover,
  .elementor-button:hover{ transform:none; }
}


/* --- Tarjetas de precio en fila (Services), no a lo ancho -----------------
   El ajuste de ancho (31.5% / 23% / 48%) ya esta en los settings de
   Elementor de cada fila, pero el CSS que Elementor genera para esta pagina
   no lo refleja de forma confiable (mismo patron que
   elementor-document-save-bug): el ancho calculado en vivo caia a 100%,
   apilando una tarjeta por fila. Se fuerza aqui, por fila, para que no
   dependa de esa regeneracion. Filas: Massages (7778992, 3 por fila),
   Combos (ac773d1, 3 por fila), Facials (a5b0534, 4 por fila), Body & More
   (7d1edc0, 4 por fila), Villa Spa Day (600c500, 2 por fila). */
.elementor-element-7778992 > .e-con-inner > .elementor-element,
.elementor-element-ac773d1 > .e-con-inner > .elementor-element,
.elementor-element-7778992 > .elementor-element,
.elementor-element-ac773d1 > .elementor-element{
  width:31.5% !important;
  flex:0 1 31.5% !important;
  max-width:31.5% !important;
}
.elementor-element-a5b0534 > .e-con-inner > .elementor-element,
.elementor-element-7d1edc0 > .e-con-inner > .elementor-element,
.elementor-element-a5b0534 > .elementor-element,
.elementor-element-7d1edc0 > .elementor-element{
  width:23% !important;
  flex:0 1 23% !important;
  max-width:23% !important;
}
.elementor-element-600c500 > .e-con-inner > .elementor-element,
.elementor-element-600c500 > .elementor-element{
  width:48% !important;
  flex:0 1 48% !important;
  max-width:48% !important;
}
@media (max-width:1024px){
  .elementor-element-7778992 > .e-con-inner > .elementor-element,
  .elementor-element-ac773d1 > .e-con-inner > .elementor-element,
  .elementor-element-a5b0534 > .e-con-inner > .elementor-element,
  .elementor-element-7d1edc0 > .e-con-inner > .elementor-element,
  .elementor-element-7778992 > .elementor-element,
  .elementor-element-ac773d1 > .elementor-element,
  .elementor-element-a5b0534 > .elementor-element,
  .elementor-element-7d1edc0 > .elementor-element{
    width:47% !important;
    flex:0 1 47% !important;
    max-width:47% !important;
  }
}
@media (max-width:640px){
  .elementor-element-7778992 > .e-con-inner > .elementor-element,
  .elementor-element-ac773d1 > .e-con-inner > .elementor-element,
  .elementor-element-a5b0534 > .e-con-inner > .elementor-element,
  .elementor-element-7d1edc0 > .e-con-inner > .elementor-element,
  .elementor-element-600c500 > .e-con-inner > .elementor-element,
  .elementor-element-7778992 > .elementor-element,
  .elementor-element-ac773d1 > .elementor-element,
  .elementor-element-a5b0534 > .elementor-element,
  .elementor-element-7d1edc0 > .elementor-element,
  .elementor-element-600c500 > .elementor-element{
    width:100% !important;
    flex:0 1 100% !important;
    max-width:100% !important;
  }
}


/* --- Animaciones de entrada en movil: solo fundido, sin deslizamiento -----
   fadeInUp y similares de Elementor empujan cada bloque unos px hacia arriba
   mientras se hace scroll en el telefono, y eso se siente como un tiron. En
   <=767px se fuerzan a un fundido de opacidad puro: misma aparicion
   progresiva, sin desplazamiento. En escritorio se dejan igual. (2026-09-03) */
@keyframes bxFadeInSoft{ from{ opacity:0; } to{ opacity:1; } }
@media (max-width:767px){
  .elementor-element.animated{
    animation-name:bxFadeInSoft !important;
    animation-duration:.5s !important;
    animation-timing-function:var(--bx-ease) !important;
    animation-delay:0s !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .elementor-element.animated{ animation:none !important; opacity:1 !important; }
}

/* --- Barra de categorias de Services: fija al hacer scroll ---------------
   La seccion 'Sub-nav' (87d898b) se queda pegada arriba al bajar, para que
   funcione como indice de la pagina. Se pega a top:0 (no bajo el header)
   porque .bx-bar vive dentro de .bx-header (position:relative, 121px) y no
   queda fija de verdad: se va con el scroll despues de ~120px.
   Solo >=768px: en telefono los 6 enlaces caen en dos filas y una barra fija
   de dos filas roba demasiada pantalla, asi que ahi se queda estatica. Solo
   CSS (position:sticky), no cambia el marcado. (2026-09-03) */
@media (min-width:768px){
  .elementor-element-87d898b{
    position:sticky;
    top:0;
    z-index:100;
    background:#ffffff;
    border-bottom:1px solid var(--bx-line, #e4e6e0);
    box-shadow:0 6px 18px -16px rgba(59,70,61,.5);
  }
  .admin-bar .elementor-element-87d898b{ top:32px; }
}

/* --- Chips de zona (Home, 'Areas we serve'): que no se apilen en movil ----
   El contenedor (d967af1) tenia flex-direction:column en movil/tablet, asi que
   las 10 zonas salian en una lista vertical larguisima. Se paso a row+wrap en
   los settings de Elementor (ya tenia flex-wrap:wrap) para que fluyan en varias
   por fila como nube de etiquetas. Aqui solo se afina el tamano de la pastilla
   en telefono para que entren 2-3 por fila; el <span> lleva estilo inline y no
   admite media queries. (2026-09-04) */
/* --- 'Areas we serve' (Home, 133ff24): compactar en movil/tablet (2026-09-05,
   revision movil de Denis) -------------------------------------------------
   Habia 72px de hueco entre la columna de texto y el mapa (se leia como
   espacio muerto); los chips a 13px caian de a 2 por fila y se veian
   sueltos; el mapa era un bloque de 380px separado del boton. Se cierra el
   gap, se aprietan los chips a ~3 por fila y el mapa sube pegado al boton
   con esquinas redondeadas para que lea como tarjeta. */
@media (max-width:1024px){
  .elementor-element-9e851e1{ gap:24px !important; row-gap:24px !important; column-gap:24px !important; }
}
@media (max-width:767px){
  .elementor-element-d967af1{
    gap:7px !important; row-gap:7px !important; column-gap:7px !important;
    padding-left:0 !important; padding-right:0 !important;
  }
  .elementor-element-d967af1 span{
    font-size:12px !important;
    padding:6px 11px !important;
  }
  .elementor-element-2e9fe9a{
    width:100% !important;
    min-height:340px !important;
    padding:10px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center !important;
  }
}

/* --- Fondo crema en TODA la pagina (todos los anchos) ---------------------
   v1 (2026-09-04) solo tapaba las secciones con #FFFFFF explicito, dejaba
   el gris #f1f2ef intacto y solo corria en movil: en la practica los dos
   tonos estaban a ~15 unidades de blanco puro (casi no se notaba) y el
   crema quedaba aislado a un par de secciones. v2 (2026-09-05), a pedido de
   Denis viendo el editor en escritorio: tono mucho mas saturado, aplicado
   por igual a TODAS las secciones raiz de contenido de las 5 paginas (las
   que eran blancas Y las que eran gris #f1f2ef) y en cualquier ancho de
   pantalla, no solo movil. Las tarjetas se quedan blancas: el contraste
   sale de esta diferencia. No se toca el header (fuera del contenido de
   Elementor, con su propio CSS) ni las bandas verdes de cierre/CTA.
   IDs de seccion raiz por pagina:
   Home 62: 6e03de8, dc2e442, aa85570, 2f147f7, 133ff24, 837d8b7.
   Services 38: 1209b7a, 62ac019, 49bc121, e58b08f, 526e9db, 0a735b0,
     51c3962, bx38pol (no toca 87d898b: barra de categorias, no contenido).
   About 41: 00713f6, ebad252, 8bdce27.
   Areas 748: aa38ce0, af64fe5, 9952aa5, 7419260.
   Book 43: c7cccd9, 7552b6f, ea11106, 842b156, 1da6527, 6962055. */
:root{
  --bx-cream:#FFFFFF;
}
body,
.elementor-element-6e03de8,
.elementor-element-dc2e442,
.elementor-element-aa85570,
.elementor-element-2f147f7,
.elementor-element-133ff24,
.elementor-element-837d8b7,
.elementor-element-1209b7a,
.elementor-element-62ac019,
.elementor-element-49bc121,
.elementor-element-e58b08f,
.elementor-element-526e9db,
.elementor-element-0a735b0,
.elementor-element-51c3962,
.elementor-element-bx38pol,
.elementor-element-00713f6,
.elementor-element-ebad252,
.elementor-element-8bdce27,
.elementor-element-aa38ce0,
.elementor-element-af64fe5,
.elementor-element-9952aa5,
.elementor-element-7419260,
.elementor-element-c7cccd9,
.elementor-element-7552b6f,
.elementor-element-ea11106,
.elementor-element-842b156,
.elementor-element-1da6527,
.elementor-element-6962055{
  background-color:var(--bx-cream) !important;
}

/* --- Borde + sombra permanente en las tarjetas blancas (todos los anchos) -
   El hover ya suma sombra fuerte (mas arriba), pero en reposo las tarjetas
   no tenian borde ni sombra propia: dependian solo del contraste de fondo.
   Se agrega un borde sutil en tono verde y una sombra suave siempre
   presente, para que el contorno se note incluso sin pasar el mouse.
   Reusa la misma lista de IDs de tarjetas de mas arriba. */
.elementor-element-07643b0,
.elementor-element-83b2552,
.elementor-element-3ef9876,
.elementor-element-6bba747,
.elementor-element-146157b,
.elementor-element-5c8e123,
.elementor-element-4b87666,
.elementor-element-fade013,
.elementor-element-28e3d62,
.elementor-element-c097816,
.elementor-element-1ebe076,
.elementor-element-cdd2a8d,
.elementor-element-380133c,
.elementor-element-9d99117,
.elementor-element-a645a18,
.elementor-element-2fb8a24,
.elementor-element-fc51548,
.elementor-element-cdafac9,
.elementor-element-12ba8da,
.elementor-element-f227b2d,
.elementor-element-e6c4cd5,
.elementor-element-4d39ecc,
.elementor-element-7bb59a5,
.elementor-element-ff0b73b,
.elementor-element-06385fe,
.elementor-element-056aab4,
.elementor-element-a1ad088,
.elementor-element-b4484ba,
.elementor-element-e360da3,
.elementor-element-0da8990,
.elementor-element-9f73dc1,
.elementor-element-b00258c,
.elementor-element-ed9f8a9,
.elementor-element-bbedf0c,
.elementor-element-e18726b,
.elementor-element-cf306bb,
.elementor-element-903ae13,
.elementor-element-478d1a8,
.elementor-element-cbbe3c7,
.elementor-element-9929dad,
.elementor-element-b67e4fc,
.elementor-element-8da69d1,
.elementor-element-2a66eb0,
.elementor-element-ae4133d,
.elementor-element-ae42dd1,
.elementor-element-263efc5,
.elementor-element-a622e5b,
.elementor-element-3a4f28d,
.elementor-element-5dc7357{
  border:1.5px solid #C9D6B8 !important;
  box-shadow:0 6px 20px -10px rgba(60,70,55,.22) !important;
}

/* --- Foto 'The Villa Spa Day' (Home, 2ceba07): movil ----------------------
   Contenedor de 210px de alto con una foto vertical (1600x2293) anclada
   arriba-izquierda (background-position 0px 0px por defecto): solo se veia
   el cielo raso de madera, sin las terapeutas ni la vista. Se sube el alto
   y se reencuadra mas abajo para mostrar la escena real. (2026-09-04) */
@media (max-width:767px){
  .elementor-element-2ceba07{
    min-height:380px !important;
    background-position:center 35% !important;
  }
}

/* --- Foto del hero (Home, 9424301): recentrar en movil --------------------
   background-position quedaba en el valor por defecto (0px 0px = arriba a
   la izquierda) en vez de centrado: con la imagen recortada por cover, eso
   dejaba el tronco de la palmera pegado al borde izquierdo y cortaba la
   villa. Centrado se ve la fachada completa. (2026-09-04)
   2026-09-18: la foto ahora es la terraza con la terapeuta (romantic-massage-
   costa-rica.jpg, horizontal); centrada cortaba a la terapeuta en el borde
   derecho. Se corre al 70% para que entren ella y la camilla, y la altura
   movil baja de 560 a 400px (min_height_mobile en Elementor). */
@media (max-width:767px){
  .elementor-element-9424301{
    background-position:70% center !important;
  }
}

/* --- Foto de la banda 'Your in-home massage therapists' (Home, 9f0c896):
   movil ------------------------------------------------------------------
   Contenedor de 420px para una foto vertical 1440x2560 anclada arriba
   (0px 0px): mas de la mitad del recuadro quedaba en puro cielo y la
   camilla se cortaba justo en el borde inferior. Bajando el encuadre se ve
   la camilla completa sobre el mar. (2026-09-04) */
@media (max-width:767px){
  .elementor-element-9f0c896{
    background-position:center 70% !important;
  }
}

/* --- Hero del Home (6e03de8): presencia del titular + jerarquia (2026-09-05)
   PRUEBA acotada SOLO al hero del Home, a pedido de Denis. El titular
   (18ba011) usaba Cormorant Garamond 400 a 46px: se leia fino y sin peso.
   Pasa a Fraunces (optical size alto -> mas contraste y cuerpo), con mas
   tamano, interlineado mas corto y un pelo de tracking negativo. El eyebrow
   (183a6ef) se acerca al titular para que el H1 ancle el bloque, y el copy
   del eyebrow se acorto en _elementor_data (backup _bx_backup_20260905).
   Si Denis aprueba: llevar Fraunces a los presets globales de Elementor
   (primary / lead / accent) y BORRAR este bloque entero.
   Backups: functions.php.bak-20260905-fraunces-hero,
   bethesda-site.css.bak-20260905-hero-titular. */
/* 2026-09-05 (4): revertido. El titular del hero del Home vuelve al preset
   global 'primary' (Cormorant Garamond), igual que el resto del sitio.
   Playfair Display retirado de aqui y del enqueue de functions.php. */

/* --- Menos aire vertical entre secciones, TODAS las paginas (2026-09-05) ---
   Las secciones raiz de contenido llevaban padding 96px arriba y abajo (64px
   en movil): entre dos secciones eso daba ~192px de hueco. Con casi todas las
   secciones en el mismo crema, ese hueco se leia como espacio vacio sin
   funcion (Denis lo marco en rojo, 2026-09-05). Se baja a 44/44 (heroes
   52/44) y 30/30 en movil. NO se tocan: la sub-nav de Services (87d898b),
   los pies, ni las bandas de foto a sangre / padding asimetrico intencional
   (7552b6f, 842b156, af64fe5, 7419260, dd030ac, bx748log, 404 fb8a10a).
   Heroes y bandas verde de cierre incluidos para que el ritmo sea igual en
   todo el sitio. Revertir: bethesda-site.css.bak-20260905-hero-titular. */
.elementor-element-dc2e442, .elementor-element-aa85570, .elementor-element-2f147f7,
.elementor-element-133ff24, .elementor-element-837d8b7, .elementor-element-4ae6370,
.elementor-element-49bc121, .elementor-element-62ac019, .elementor-element-526e9db,
.elementor-element-e58b08f, .elementor-element-51c3962, .elementor-element-0a735b0,
.elementor-element-bx38pol, .elementor-element-edba3b8,
.elementor-element-ebad252, .elementor-element-8bdce27, .elementor-element-823f92d,
.elementor-element-ea11106, .elementor-element-1da6527, .elementor-element-6962055,
.elementor-element-9952aa5, .elementor-element-6dd37f7,
.elementor-element-35ad4b2, .elementor-element-edd6262, .elementor-element-95d18da{
  padding-top:44px !important;
  padding-bottom:44px !important;
}
.elementor-element-6e03de8, .elementor-element-1209b7a, .elementor-element-00713f6,
.elementor-element-c7cccd9, .elementor-element-aa38ce0, .elementor-element-6e26c0b{
  padding-top:52px !important;
  padding-bottom:44px !important;
}
@media (max-width:767px){
  .elementor-element-dc2e442, .elementor-element-aa85570, .elementor-element-2f147f7,
  .elementor-element-133ff24, .elementor-element-837d8b7, .elementor-element-4ae6370,
  .elementor-element-49bc121, .elementor-element-62ac019, .elementor-element-526e9db,
  .elementor-element-e58b08f, .elementor-element-51c3962, .elementor-element-0a735b0,
  .elementor-element-bx38pol, .elementor-element-edba3b8,
  .elementor-element-ebad252, .elementor-element-8bdce27, .elementor-element-823f92d,
  .elementor-element-ea11106, .elementor-element-1da6527, .elementor-element-6962055,
  .elementor-element-9952aa5, .elementor-element-6dd37f7,
  .elementor-element-35ad4b2, .elementor-element-edd6262, .elementor-element-95d18da,
  .elementor-element-6e03de8, .elementor-element-1209b7a, .elementor-element-00713f6,
  .elementor-element-c7cccd9, .elementor-element-aa38ce0, .elementor-element-6e26c0b{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }
}

/* Micro-ajustes de separacion dentro del hero del Home (se conservan). */
.elementor-element-89d66fd > .elementor-element-183a6ef{
  margin-bottom:-4px !important;
}
/* Subtitulo y parrafo mas juntos entre si que respecto al H1: se leen como un
   solo apoyo, no como tres bloques sueltos. */
.elementor-element-89d66fd > .elementor-element-53d759c{
  margin-bottom:-6px !important;
}

/* --- Tarjetas de precio de Services: duracion y precio en la MISMA linea en
   movil (2026-09-05, revision movil de Denis) -----------------------------
   Los 32 contenedores de fila precio tenian flex_direction_mobile:column, asi
   que en telefono '60 min' quedaba encima de '$109' y estiraba la tarjeta.
   Se fuerzan a row (ya son space-between) alineados a la base. */
@media (max-width:767px){
.elementor-element-1d91af3,
.elementor-element-f288e4b,
.elementor-element-94fb33a,
.elementor-element-c26fded,
.elementor-element-97823ea,
.elementor-element-47d1198,
.elementor-element-26f113e,
.elementor-element-04aa2aa,
.elementor-element-ef392c8,
.elementor-element-443870d,
.elementor-element-52c95f0,
.elementor-element-a5b9fe0,
.elementor-element-3c96019,
.elementor-element-8e75c7d,
.elementor-element-b5ecd34,
.elementor-element-d0c02ed,
.elementor-element-26758a6,
.elementor-element-0730fc7,
.elementor-element-2e859ad,
.elementor-element-56d9d97,
.elementor-element-4362e00,
.elementor-element-015a3cc,
.elementor-element-f6d6671,
.elementor-element-10c4e4d,
.elementor-element-2c8d064,
.elementor-element-ebdce97,
.elementor-element-6313446,
.elementor-element-eb4ed90,
.elementor-element-77ff01e,
.elementor-element-d62f454,
.elementor-element-f8c3547,
.elementor-element-ce72130{
  flex-direction:row !important;
  align-items:baseline !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
}
}

/* --- Services, bloque de politicas (bx38pol): estaba como texto plano a
   sangre sobre el fondo y tocaba el borde en movil. Se convierte en una
   tarjeta blanca centrada, con el mismo borde/sombra/radio que el resto de
   tarjetas del sitio. (2026-09-05, revision movil de Denis) */
.elementor-element-bx38pol{
  width:auto !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background-color:#ffffff !important;
  border:1.5px solid #C9D6B8 !important;
  border-radius:16px !important;
  box-shadow:0 6px 20px -10px rgba(60,70,55,.22) !important;
  padding:40px 44px !important;
}
.elementor-element-bx38pol > .elementor-element{ width:100% !important; }
.elementor-element-bx38p03{ margin-top:24px !important; }
@media (max-width:767px){
  .elementor-element-bx38pol{
    max-width:calc(100% - 32px) !important;
    padding:26px 22px !important;
    border-radius:14px !important;
  }
}

/* --- Fotos de las tarjetas 'Three ways people use us' (Home, aa85570): la
   franja de foto (320px escritorio / 210px movil) era demasiado baja y con
   background-size:cover cortaba a la masajista. Se suben a 420 / 340 y se
   fija el encuadre en 'center 35%' (dos de las cuatro estaban ancladas
   arriba-izquierda por 'initial'). Mismo valor en las 4 para que sean
   identicas. (2026-09-05, revision movil de Denis) */
.elementor-element-0a1ae77,
.elementor-element-0ac93aa,
.elementor-element-2ceba07,
.elementor-element-e208895{
  min-height:420px !important;
  background-position:center 35% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media (max-width:767px){
  .elementor-element-0a1ae77,
  .elementor-element-0ac93aa,
  .elementor-element-2ceba07,
  .elementor-element-e208895{
    min-height:340px !important;
  }
}

/* --- Bloque de cifras 'About preview' (Home, 702e8e9): apilado en
   movil/tablet tenia 40px de flex-gap + 20px de padding-top por item = ~60px
   entre cada cifra. Se baja a 18px de gap + 12px de padding-top. (2026-09-05,
   revision movil de Denis) */
@media (max-width:1024px){
  .elementor-element-702e8e9{ gap:18px !important; row-gap:18px !important; column-gap:18px !important; }
  .elementor-element-7ea4639,
  .elementor-element-58f8549,
  .elementor-element-2e09962{ padding-top:12px !important; }
}

/* --- Footer compacto en movil (2026-09-05, revision de Denis) -------------
   Sin Elementor Pro el pie esta repetido en cada pagina con IDs propios. En
   <=767px se ocultan las dos columnas de enlaces ('Explore' y 'Services') y
   la frase de marca; queda nombre + 'Get in touch' + barra de copyright, y se
   recorta el padding. Paginas: Home 62, Services 38, About 41, Book 43,
   Areas 748, Partners 787, 404 749. */
@media (max-width:767px){
  .elementor-element-62ee8d8, .elementor-element-12cd3c5, .elementor-element-3c804d1,
  .elementor-element-cc5da1d, .elementor-element-27ff933, .elementor-element-f472143,
  .elementor-element-ad0159f, .elementor-element-8909323, .elementor-element-5f98b4c,
  .elementor-element-a6f72c8, .elementor-element-8b239ad, .elementor-element-2b68464,
  .elementor-element-d4285d1, .elementor-element-797d12e, .elementor-element-006eed5,
  .elementor-element-ad29a50, .elementor-element-271361f, .elementor-element-e97136b,
  .elementor-element-3ccd6ec, .elementor-element-a0c5809, .elementor-element-e179ee8{
    display:none !important;
  }
  .elementor-element-9ba74e8, .elementor-element-d1a76b1, .elementor-element-cca5943,
  .elementor-element-917eeb0, .elementor-element-d571ceb, .elementor-element-c488038,
  .elementor-element-b6f45be{
    padding-top:36px !important;
    padding-bottom:28px !important;
  }
  .elementor-element-aa7555c, .elementor-element-7f5a54c, .elementor-element-8f423a8,
  .elementor-element-5d7d4d8, .elementor-element-072241e, .elementor-element-ff06f6e,
  .elementor-element-ff21741{
    gap:20px !important; row-gap:20px !important;
  }
}

/* --- Normalizar el aire de secciones que quedaron fuera de la primera pasada
   (2026-09-05, revision de consistencia de Denis) -------------------------
   Areas: 'Coverage intro' (af64fe5, era 80/48) y 'Getting to you'
   (bx748log, era 100/100, conserva su padding lateral). Book: banda de foto
   (7552b6f) y tarjetas de contacto (842b156) llevaban 56 y 80 abajo. Todo a
   44 (30 en movil) como el resto. */
.elementor-element-af64fe5,
.elementor-element-bx748log{
  padding-top:44px !important;
  padding-bottom:44px !important;
}
.elementor-element-7552b6f,
.elementor-element-842b156{
  padding-bottom:44px !important;
}
@media (max-width:767px){
  .elementor-element-af64fe5,
  .elementor-element-bx748log{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }
  .elementor-element-7552b6f,
  .elementor-element-842b156{
    padding-bottom:30px !important;
  }
}

/* --- Heroes alineados a la izquierda como el del Home (2026-09-05, decision
   de Denis: 'todo a la izquierda como el Home'). Services/Book/Areas estaban
   centrados; About y Partners ya estaban a la izquierda. Book y Areas son
   columna a ancho completo -> se les pone max-width y padding lateral para
   que el texto no cruce toda la pantalla. */
.elementor-element-f5b3438{ align-items:flex-start !important; text-align:left !important; }
.elementor-element-360ff12 .elementor-heading-title,
.elementor-element-1624345 .elementor-heading-title,
.elementor-element-99c3af4 .elementor-heading-title{ text-align:left !important; }
.elementor-element-43e618e,
.elementor-element-743885f{
  align-items:flex-start !important;
  text-align:left !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:40px !important;
  padding-right:40px !important;
}
.elementor-element-2ccc271 .elementor-heading-title,
.elementor-element-d933756 .elementor-heading-title,
.elementor-element-4fd8ad3 .elementor-heading-title,
.elementor-element-35ad7fe .elementor-heading-title,
.elementor-element-8cc0b34 .elementor-heading-title,
.elementor-element-7a3c658 .elementor-heading-title{ text-align:left !important; }
.elementor-element-4fd8ad3 .elementor-heading-title,
.elementor-element-7a3c658 .elementor-heading-title{ max-width:640px !important; }
@media (max-width:767px){
  .elementor-element-43e618e,
  .elementor-element-743885f{ padding-left:24px !important; padding-right:24px !important; }
}


/* ===== REPALETIZADO 2026-09-05 (Denis): verde #4E7059 -> #5C7B4E 'Jardin',
   fondo crema -> blanco, bordes de tarjeta a salvia #C9D6B8. Kit backup en
   post meta _bx_kit_backup_20260905; CSS backup .bak-20260905-repaleta. ===== */
.elementor-element-18ba011 .elementor-heading-title, .elementor-element-18ba011 .elementor-button,
.elementor-element-42099e5 .elementor-heading-title, .elementor-element-42099e5 .elementor-button,
.elementor-element-9b35aeb .elementor-heading-title, .elementor-element-9b35aeb .elementor-button,
.elementor-element-2f79a0d .elementor-heading-title, .elementor-element-2f79a0d .elementor-button,
.elementor-element-5e13046 .elementor-heading-title, .elementor-element-5e13046 .elementor-button,
.elementor-element-2691c1c .elementor-heading-title, .elementor-element-2691c1c .elementor-button,
.elementor-element-0cb21b9 .elementor-heading-title, .elementor-element-0cb21b9 .elementor-button,
.elementor-element-ed112ad .elementor-heading-title, .elementor-element-ed112ad .elementor-button,
.elementor-element-78a65d1 .elementor-heading-title, .elementor-element-78a65d1 .elementor-button,
.elementor-element-4c2ab56 .elementor-heading-title, .elementor-element-4c2ab56 .elementor-button,
.elementor-element-e771d5c .elementor-heading-title, .elementor-element-e771d5c .elementor-button,
.elementor-element-a2d86ff .elementor-heading-title, .elementor-element-a2d86ff .elementor-button,
.elementor-element-66ea133 .elementor-heading-title, .elementor-element-66ea133 .elementor-button,
.elementor-element-e6005b6 .elementor-heading-title, .elementor-element-e6005b6 .elementor-button,
.elementor-element-1624345 .elementor-heading-title, .elementor-element-1624345 .elementor-button,
.elementor-element-7880560 .elementor-heading-title, .elementor-element-7880560 .elementor-button,
.elementor-element-b29a429 .elementor-heading-title, .elementor-element-b29a429 .elementor-button,
.elementor-element-f59e9d6 .elementor-heading-title, .elementor-element-f59e9d6 .elementor-button,
.elementor-element-c01abe5 .elementor-heading-title, .elementor-element-c01abe5 .elementor-button,
.elementor-element-1a207f0 .elementor-heading-title, .elementor-element-1a207f0 .elementor-button,
.elementor-element-87351f7 .elementor-heading-title, .elementor-element-87351f7 .elementor-button,
.elementor-element-08f9c66 .elementor-heading-title, .elementor-element-08f9c66 .elementor-button,
.elementor-element-d0aa249 .elementor-heading-title, .elementor-element-d0aa249 .elementor-button,
.elementor-element-3bedf45 .elementor-heading-title, .elementor-element-3bedf45 .elementor-button,
.elementor-element-4a13745 .elementor-heading-title, .elementor-element-4a13745 .elementor-button,
.elementor-element-6a8ebcd .elementor-heading-title, .elementor-element-6a8ebcd .elementor-button,
.elementor-element-21cf63b .elementor-heading-title, .elementor-element-21cf63b .elementor-button,
.elementor-element-22bddc3 .elementor-heading-title, .elementor-element-22bddc3 .elementor-button,
.elementor-element-59e04f3 .elementor-heading-title, .elementor-element-59e04f3 .elementor-button,
.elementor-element-e495a0b .elementor-heading-title, .elementor-element-e495a0b .elementor-button,
.elementor-element-cbdb034 .elementor-heading-title, .elementor-element-cbdb034 .elementor-button,
.elementor-element-edc8aae .elementor-heading-title, .elementor-element-edc8aae .elementor-button,
.elementor-element-49365e4 .elementor-heading-title, .elementor-element-49365e4 .elementor-button,
.elementor-element-b67d80f .elementor-heading-title, .elementor-element-b67d80f .elementor-button,
.elementor-element-3dcf839 .elementor-heading-title, .elementor-element-3dcf839 .elementor-button,
.elementor-element-a4a96f8 .elementor-heading-title, .elementor-element-a4a96f8 .elementor-button,
.elementor-element-1518a5a .elementor-heading-title, .elementor-element-1518a5a .elementor-button,
.elementor-element-75c3d7a .elementor-heading-title, .elementor-element-75c3d7a .elementor-button,
.elementor-element-410c28d .elementor-heading-title, .elementor-element-410c28d .elementor-button,
.elementor-element-2f5a571 .elementor-heading-title, .elementor-element-2f5a571 .elementor-button,
.elementor-element-ab038cf .elementor-heading-title, .elementor-element-ab038cf .elementor-button,
.elementor-element-32ec5f8 .elementor-heading-title, .elementor-element-32ec5f8 .elementor-button,
.elementor-element-c346d4e .elementor-heading-title, .elementor-element-c346d4e .elementor-button,
.elementor-element-0f43685 .elementor-heading-title, .elementor-element-0f43685 .elementor-button,
.elementor-element-847876b .elementor-heading-title, .elementor-element-847876b .elementor-button,
.elementor-element-76b1db1 .elementor-heading-title, .elementor-element-76b1db1 .elementor-button,
.elementor-element-ae7bbd3 .elementor-heading-title, .elementor-element-ae7bbd3 .elementor-button,
.elementor-element-d59bf0d .elementor-heading-title, .elementor-element-d59bf0d .elementor-button,
.elementor-element-a311011 .elementor-heading-title, .elementor-element-a311011 .elementor-button,
.elementor-element-342ea87 .elementor-heading-title, .elementor-element-342ea87 .elementor-button,
.elementor-element-ebc4d7d .elementor-heading-title, .elementor-element-ebc4d7d .elementor-button,
.elementor-element-7e905d8 .elementor-heading-title, .elementor-element-7e905d8 .elementor-button,
.elementor-element-f4da87c .elementor-heading-title, .elementor-element-f4da87c .elementor-button,
.elementor-element-2c17a48 .elementor-heading-title, .elementor-element-2c17a48 .elementor-button,
.elementor-element-ec45173 .elementor-heading-title, .elementor-element-ec45173 .elementor-button,
.elementor-element-f0e8325 .elementor-heading-title, .elementor-element-f0e8325 .elementor-button,
.elementor-element-077edd8 .elementor-heading-title, .elementor-element-077edd8 .elementor-button,
.elementor-element-bx38p01 .elementor-heading-title, .elementor-element-bx38p01 .elementor-button,
.elementor-element-bx38p03 .elementor-heading-title, .elementor-element-bx38p03 .elementor-button,
.elementor-element-5c4e7e9 .elementor-heading-title, .elementor-element-5c4e7e9 .elementor-button,
.elementor-element-796ef8b .elementor-heading-title, .elementor-element-796ef8b .elementor-button,
.elementor-element-a512183 .elementor-heading-title, .elementor-element-a512183 .elementor-button,
.elementor-element-bx41h01 .elementor-heading-title, .elementor-element-bx41h01 .elementor-button,
.elementor-element-4253793 .elementor-heading-title, .elementor-element-4253793 .elementor-button,
.elementor-element-7f0b4a2 .elementor-heading-title, .elementor-element-7f0b4a2 .elementor-button,
.elementor-element-f1eae07 .elementor-heading-title, .elementor-element-f1eae07 .elementor-button,
.elementor-element-0d66781 .elementor-heading-title, .elementor-element-0d66781 .elementor-button,
.elementor-element-b8277f6 .elementor-heading-title, .elementor-element-b8277f6 .elementor-button,
.elementor-element-d101b0d .elementor-heading-title, .elementor-element-d101b0d .elementor-button,
.elementor-element-35e19c6 .elementor-heading-title, .elementor-element-35e19c6 .elementor-button,
.elementor-element-8cc0b34 .elementor-heading-title, .elementor-element-8cc0b34 .elementor-button,
.elementor-element-bx748wg2 .elementor-heading-title, .elementor-element-bx748wg2 .elementor-button,
.elementor-element-bx748h1 .elementor-heading-title, .elementor-element-bx748h1 .elementor-button,
.elementor-element-0c190c7 .elementor-heading-title, .elementor-element-0c190c7 .elementor-button,
.elementor-element-d933756 .elementor-heading-title, .elementor-element-d933756 .elementor-button,
.elementor-element-ea11102 .elementor-heading-title, .elementor-element-ea11102 .elementor-button,
.elementor-element-cff709b .elementor-heading-title, .elementor-element-cff709b .elementor-button,
.elementor-element-e4c7a26 .elementor-heading-title, .elementor-element-e4c7a26 .elementor-button,
.elementor-element-efe9387 .elementor-heading-title, .elementor-element-efe9387 .elementor-button,
.elementor-element-619ff3f .elementor-heading-title, .elementor-element-619ff3f .elementor-button,
.elementor-element-68f7af9 .elementor-heading-title, .elementor-element-68f7af9 .elementor-button,
.elementor-element-1a4609d .elementor-heading-title, .elementor-element-1a4609d .elementor-button,
.elementor-element-a4de5e4 .elementor-heading-title, .elementor-element-a4de5e4 .elementor-button{ color:#5C7B4E !important; }
.elementor-element-df8dbab .elementor-button, .elementor-element-b1db7f2 .elementor-button, .elementor-element-ec915ae .elementor-button{ background-color:#5C7B4E !important; }
.elementor-element-df8dbab .elementor-button:hover, .elementor-element-b1db7f2 .elementor-button:hover, .elementor-element-ec915ae .elementor-button:hover{ background-color:#4A6640 !important; }
.elementor-element-4ae6370, .elementor-element-edba3b8, .elementor-element-823f92d, .elementor-element-6dd37f7, .elementor-element-95d18da{ background-color:#5C7B4E !important; }
/* Partners y 404: sus secciones no estaban en la lista del crema -> a blanco */
.elementor-element-6e26c0b, .elementor-element-35ad4b2, .elementor-element-edd6262,
.elementor-element-fb8a10a{ background-color:#FFFFFF !important; }

/* --- Tarjetas combo 'Villa Spa Day' de Services (ff0b73b, 06385fe): la fila
   de precios estaba en horizontal y la lista de 3 tramos chocaba con el
   'each guest after'. Se apila la fila en columna (como el bloque inferior
   de la tarjeta del Home), la lista de tramos a ancho completo y el 'each
   guest after' como nota pequena debajo. Fotos recentradas + alto minimo.
   Cards apiladas en movil. (2026-09-05, Denis) */
.elementor-element-f3cbb8e,
.elementor-element-6634b61{
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
}
.elementor-element-a4968bc .elementor-heading-title,
.elementor-element-159faf0 .elementor-heading-title{ line-height:1.95 !important; }
.elementor-element-a4a96f8 .elementor-heading-title,
.elementor-element-1518a5a .elementor-heading-title{
  font-size:12px !important;
  opacity:.72;
  margin-top:2px !important;
}
/* Fotos: la foto NO fuerza el alto de la tarjeta. Se estira sola para igualar
   la columna de texto (align-items:stretch de la tarjeta). Solo encuadre. */
.elementor-element-9d6b418,
.elementor-element-3e9ab50{
  min-height:0 !important;
  align-self:stretch !important;
  background-position:center 35% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media (max-width:767px){
  .elementor-element-ff0b73b,
  .elementor-element-06385fe{ flex-direction:column !important; }
  .elementor-element-9d6b418, .elementor-element-3e9ab50,
  .elementor-element-6a7c26e, .elementor-element-fcc9172{ width:100% !important; }
  .elementor-element-9d6b418,
  .elementor-element-3e9ab50{ min-height:400px !important; }
  .elementor-element-9d6b418{ background-position:center 68% !important; } /* foto vertical: bajar el encuadre para mostrar la camilla y no el techo */
  .elementor-element-3e9ab50{ background-position:center 45% !important; }
}

/* Aire entre la tarjeta de politicas (bx38pol) y la banda verde de cierre:
   se tocaban y el borde de la tarjeta no se veia en la union. (2026-09-05) */
.elementor-element-bx38pol{ margin-top:16px !important; margin-bottom:48px !important; }
@media (max-width:767px){
  .elementor-element-bx38pol{ margin-top:8px !important; margin-bottom:32px !important; }
}