/*
Theme Name: Hello Elementor Foix
Theme URI: https://foix.cl
Description: Capa de diseno propia de Foix sobre Hello Elementor. Tokens de marca, tipografia, accesibilidad y movimiento.
Author: Foix
Template: hello-elementor
Version: 1.0.109
Text Domain: hello-elementor-foix
*/

/* =======================================================
   1. TOKENS DE MARCA
   Cambia un valor aqui y cambia en todo el sitio.
   ======================================================= */
:root {
  /* Color */
  --foix-papel:      #FAF8F3;
  --foix-blanco:     #FFFFFF;
  --foix-tinta:      #15181C;
  --foix-texto:      #35404A;
  --foix-apagado:    #4A4F56;
  --foix-tenue:      #6B717A;
  --foix-linea:      #E4DFD5;
  --foix-campo:      #D9D3C6;

  /* Accion: el mismo dorado de AKTA. Marcas hermanas. */
  --foix-ambar:      #F5B800;
  --foix-ambar-osc:  #8A6A00;
  --foix-whatsapp:   #25D366;

  /* Logo: dos cuadrados */
  --foix-cuadro-atras:    #F9C33F;
  --foix-cuadro-adelante: #FBD96B;

  /* Tipografia: UNA sola familia */
  --foix-fuente: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;

  /* Espaciado: grilla de 8 */
  --foix-e1: 8px;
  --foix-e2: 16px;
  --foix-e3: 24px;
  --foix-e4: 32px;
  --foix-e6: 48px;
  --foix-e8: 64px;

  --foix-radio:       4px;
  --foix-radio-card: 10px;
  --foix-sombra:  0 2px 14px rgba(21, 24, 28, 0.08);
  --foix-ancho:  1240px;

  /* Movimiento */
  --foix-curva: cubic-bezier(.22, .61, .36, 1);
  --foix-dur:   280ms;
}

/* Modo oscuro: solo se redefinen los tokens. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema='claro']) {
    --foix-papel:   #121417;
    --foix-blanco:  #1A1D21;
    --foix-tinta:   #F2F0EC;
    --foix-texto:   #C9CDD2;
    --foix-apagado: #A8ADB3;
    --foix-tenue:   #878C92;
    --foix-linea:   #2A2E33;
    --foix-campo:   #343940;
  }
}

/* =======================================================
   2. TIPOGRAFIA
   Jerarquia solo por peso y tamano. Sin segunda fuente.
   ======================================================= */
body,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--foix-fuente);
}

body {
  background: var(--foix-papel);
  color: var(--foix-texto);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.64;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  color: var(--foix-tinta);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

h1 { font-size: clamp(34px, 5vw, 56px); font-weight: 800; }
h2 { font-size: clamp(28px, 3.6vw, 42px); }
h3 { font-size: clamp(21px, 2.2vw, 26px); line-height: 1.2; }

.foix-etiqueta {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--foix-apagado);
}

/* Cifras alineadas: montos, plazos, fechas */
.foix-cifra, table td, table th {
  font-variant-numeric: tabular-nums;
}

/* =======================================================
   3. ACCESIBILIDAD
   Una regla y todo el sitio es navegable por teclado.
   ======================================================= */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--foix-ambar);
  outline-offset: 3px;
  border-radius: 2px;
}

.foix-saltar {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--foix-tinta);
  color: var(--foix-papel);
  padding: var(--foix-e2) var(--foix-e3);
  z-index: 9999;
}
.foix-saltar:focus { left: 0; }

/* Area tactil minima */
.foix-boton, .foix-boton-linea, button, .elementor-button {
  min-height: 44px;
}

/* =======================================================
   4. BOTONES
   Un solo primario por pantalla.
   ======================================================= */
.foix-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--foix-e1);
  background: var(--foix-ambar);
  color: #15181C;
  font-family: var(--foix-fuente);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 30px;
  border: none;
  border-radius: var(--foix-radio);
  cursor: pointer;
  text-decoration: none;
  transition: transform 160ms var(--foix-curva), box-shadow 160ms var(--foix-curva);
}
.foix-boton:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(245, 184, 0, 0.32);
  color: #15181C;
}
.foix-boton:active { transform: translateY(0); }

.foix-boton-linea {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--foix-tinta);
  border: 1px solid var(--foix-tinta);
  font-weight: 500;
  font-size: 16px;
  padding: 16px 30px;
  border-radius: var(--foix-radio);
  text-decoration: none;
}

.foix-boton[disabled], .foix-boton[aria-disabled='true'] {
  background: var(--foix-linea);
  color: var(--foix-tenue);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* =======================================================
   5. ENCABEZADO QUE SE TRANSFORMA
   La clase .foix-compacto la pone foix.js al bajar.
   ======================================================= */
.foix-header {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: var(--foix-e3);
  padding: 24px 28px;
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(228, 223, 213, 0);
  transition: padding var(--foix-dur) var(--foix-curva),
              background var(--foix-dur) var(--foix-curva),
              box-shadow var(--foix-dur) var(--foix-curva),
              border-color var(--foix-dur) var(--foix-curva);
}

.foix-header.foix-compacto {
  padding: 11px 24px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom-color: var(--foix-linea);
  box-shadow: var(--foix-sombra);
}

.foix-logo {
  font-weight: 800;
  letter-spacing: 0.26em;
  font-size: 23px;
  line-height: 1;
  color: var(--foix-tinta);
  transition: font-size var(--foix-dur) var(--foix-curva);
}
.foix-compacto .foix-logo { font-size: 16px; }

/* Barra de lectura */
.foix-progreso {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 0;
  background: var(--foix-ambar);
  transition: width 90ms linear;
}

/* =======================================================
   6. PAISAJE INMERSIVO
   foix.js escribe --foix-escala y --foix-desplaza.
   ======================================================= */
.foix-hero:not(body) {
  position: relative;
  overflow: hidden;
  min-height: 520px;
}

.foix-hero-imagen {
  position: absolute;
  inset: 0;
  z-index: 1;
  will-change: transform;
  transform-origin: 50% 42%;
  transform: translate3d(0, var(--foix-desplaza, 0px), 0) scale(var(--foix-escala, 1));
}
.foix-hero-imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.foix-hero-texto {
  position: relative;
  z-index: 2;
  will-change: transform, opacity;
  transform: translate3d(0, var(--foix-sube, 0px), 0);
  opacity: var(--foix-opacidad, 1);
}

/* El contenido pasa por encima del paisaje */
.foix-sobre-hero {
  position: relative;
  z-index: 3;
  background: var(--foix-papel);
  border-radius: var(--foix-radio-card) var(--foix-radio-card) 0 0;
  margin-top: -24px;
  box-shadow: 0 -4px 24px rgba(21, 24, 28, 0.08);
}

/* =======================================================
   7. ESTADOS: carga, vacio, error
   ======================================================= */
.foix-cargando {
  background: linear-gradient(90deg, var(--foix-linea) 25%, var(--foix-papel) 50%, var(--foix-linea) 75%);
  background-size: 200% 100%;
  animation: foix-brillo 1.4s ease-in-out infinite;
  border-radius: var(--foix-radio);
  min-height: 16px;
}
@keyframes foix-brillo {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.foix-vacio {
  text-align: center;
  padding: var(--foix-e8) var(--foix-e3);
  color: var(--foix-tenue);
  border: 1px dashed var(--foix-campo);
  border-radius: var(--foix-radio);
}

.foix-error {
  border-left: 3px solid #C2410C;
  background: rgba(194, 65, 12, 0.06);
  padding: var(--foix-e2) var(--foix-e3);
  border-radius: var(--foix-radio);
  color: var(--foix-texto);
}

.foix-exito {
  border-left: 3px solid #15803D;
  background: rgba(21, 128, 61, 0.06);
  padding: var(--foix-e2) var(--foix-e3);
  border-radius: var(--foix-radio);
}

/* =======================================================
   8. WHATSAPP FLOTANTE
   ======================================================= */
.foix-whatsapp-flotante {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 90;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--foix-whatsapp);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  transition: transform 160ms var(--foix-curva);
}
.foix-whatsapp-flotante:hover { transform: scale(1.06); }

/* =======================================================
   9. REDUCIR MOVIMIENTO
   Si la persona lo pidio en su sistema, se respeta.
   ======================================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .foix-hero-imagen {
    transform: none !important;
  }
  .foix-hero-texto {
    transform: none !important;
    opacity: 1 !important;
  }
}

/* =======================================================
   10. MOVIL
   ======================================================= */
@media (max-width: 767px) {
  .foix-header { padding: 14px 20px; }
  .foix-header.foix-compacto { padding: 10px 20px; }
  .foix-hero { min-height: 240px; }
  .foix-whatsapp-flotante { right: 16px; bottom: 16px; }
}

/* =======================================================
   11. PORTADA (front-page.php)
   Solo layout. Los colores y la tipografia vienen
   de los tokens definidos arriba.
   ======================================================= */
.foix-contenedor {
  max-width: var(--foix-ancho);
  margin: 0 auto;
  padding-inline: var(--foix-e6);
}

.foix-seccion { padding-block: 88px; }
.foix-fondo-blanco {
  background: var(--foix-blanco);
  border-block: 1px solid var(--foix-linea);
}

.foix-antetitulo {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 var(--foix-e3);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--foix-apagado);
}
.foix-raya { width: 40px; height: 3px; background: var(--foix-tinta); flex: none; }
.foix-raya-ambar { background: var(--foix-ambar); }

.foix-bajada {
  font-size: 19px;
  line-height: 1.58;
  color: var(--foix-texto);
  max-width: 34em;
}
.foix-bajada-seccion { margin: var(--foix-e2) 0 var(--foix-e8); }

.foix-acciones { display: flex; flex-wrap: wrap; gap: 14px; margin-top: var(--foix-e4); }

.foix-enlace {
  display: inline-block;
  font-weight: 600;
  color: var(--foix-tinta);
  border-bottom: 2px solid var(--foix-ambar);
  padding-bottom: 3px;
  text-decoration: none;
}

/* Hero */
.foix-portada .foix-hero { min-height: 0; height: 520px; }
.foix-hero-tarjeta-zona { margin-top: -112px; position: relative; z-index: 4; }
.foix-hero-tarjeta {
  background: var(--foix-blanco);
  border-radius: var(--foix-radio);
  box-shadow: 0 2px 24px rgba(21, 24, 28, 0.09);
  padding: 52px 56px 48px;
  max-width: 760px;
}
.foix-hero-tarjeta h1 { margin: 0 0 var(--foix-e3); }
.foix-hero-tarjeta .foix-bajada { margin: 0; }

/* Credenciales */
.foix-credenciales {
  background: var(--foix-blanco);
  border-block: 1px solid var(--foix-linea);
  margin-top: 72px;
}
.foix-credenciales-fila {
  display: flex;
  flex-wrap: wrap;
  gap: var(--foix-e4);
  justify-content: space-between;
  padding-block: 26px;
  font-size: 14px;
  font-weight: 500;
  color: var(--foix-apagado);
}

/* Dos columnas */
.foix-dos-columnas { display: flex; flex-wrap: wrap; gap: 72px; align-items: flex-start; }
.foix-columna-titulo { flex: 1 1 300px; min-width: 0; }
.foix-columna-titulo h2 { margin: 0; }
.foix-columna-texto { flex: 999 1 460px; min-width: 0; }
.foix-columna-texto p { margin: 0 0 var(--foix-e3); max-width: 36em; }

/* Areas */
.foix-areas { display: flex; flex-wrap: wrap; gap: var(--foix-e8); }
.foix-area-grupo { flex: 1 1 400px; min-width: 0; }
.foix-area-titulo {
  margin: 0 0 var(--foix-e3);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--foix-tinta);
  padding-bottom: 14px;
  border-bottom: 2px solid var(--foix-tinta);
}
.foix-area {
  display: block;
  padding-block: 22px;
  border-bottom: 1px solid var(--foix-linea);
  text-decoration: none;
  transition: padding-inline 180ms var(--foix-curva);
}
.foix-area:hover { padding-inline-start: 8px; }
.foix-area-nombre {
  display: block;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--foix-tinta);
  margin-bottom: var(--foix-e1);
}
.foix-area-desc { display: block; font-size: 16px; line-height: 1.56; color: var(--foix-apagado); }

/* Pasos */
.foix-pasos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--foix-e4); }
.foix-paso {
  background: var(--foix-blanco);
  border: 1px solid var(--foix-linea);
  border-top: 3px solid var(--foix-linea);
  border-radius: var(--foix-radio);
  padding: 36px;
}
.foix-paso-activo { border-top-color: var(--foix-ambar); }
.foix-paso-numero {
  display: block;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  color: var(--foix-tinta);
  margin-bottom: 18px;
}
.foix-paso h3 { margin: 0 0 12px; font-size: 19px; }
.foix-paso p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--foix-apagado); }

/* Publicaciones */
.foix-seccion-cabecera {
  display: flex;
  flex-wrap: wrap;
  gap: var(--foix-e3);
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--foix-e6);
}
.foix-seccion-cabecera h2 { margin: 0; }
.foix-publicaciones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--foix-e4); }
.foix-publicacion { display: block; text-decoration: none; }
.foix-publicacion-imagen { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--foix-radio); margin-bottom: 18px; }
.foix-publicacion-imagen img { width: 100%; height: 100%; object-fit: cover; display: block; }
.foix-vacio-imagen { background: #F2EEE5; border: 1px dashed var(--foix-campo); }
.foix-publicacion-cat {
  display: block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--foix-apagado);
  margin-bottom: 10px;
}
.foix-publicacion-titulo {
  display: block;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: var(--foix-tinta);
}

/* Contacto */
.foix-contacto { display: flex; flex-wrap: wrap; gap: 72px; align-items: flex-start; }
.foix-contacto-texto { flex: 999 1 420px; min-width: 0; }
.foix-contacto-texto h2 { margin: 0 0 var(--foix-e2); }
.foix-contacto-accion { flex: 1 1 280px; min-width: 0; }
.foix-nota { font-size: 15px; line-height: 1.6; color: var(--foix-tenue); margin: 0 0 var(--foix-e3); }
.foix-datos { margin: var(--foix-e4) 0 0; padding-top: var(--foix-e3); border-top: 1px solid var(--foix-linea); }
.foix-datos dt {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--foix-tenue);
  margin-top: 18px;
}
.foix-datos dd { margin: 5px 0 0; font-size: 16px; color: var(--foix-texto); }
.foix-datos dd a { color: var(--foix-tinta); text-decoration: none; }

/* Portada en movil */
@media (max-width: 1023px) {
  .foix-pasos, .foix-publicaciones { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .foix-contenedor { padding-inline: 20px; }
  .foix-seccion { padding-block: 48px; }
  .foix-portada .foix-hero { height: 240px; }
  .foix-hero-tarjeta-zona { margin-top: -48px; padding-inline: 16px; }
  .foix-hero-tarjeta { padding: 28px 22px 26px; }
  .foix-credenciales { margin-top: 40px; }
  .foix-credenciales-fila { flex-direction: column; gap: 11px; }
  .foix-dos-columnas, .foix-areas, .foix-contacto { gap: var(--foix-e4); }
  .foix-acciones .foix-boton, .foix-acciones .foix-boton-linea { width: 100%; }
}

/* =======================================================
   12. ENLACES DE LA PORTADA

   El kit de Elementor define el color de TODOS los enlaces
   con la regla `.elementor-kit-252 a`, que pesa mas que una
   sola clase. Por eso el texto del boton salia ambar sobre
   ambar: invisible.

   La solucion no es !important, que haria imposible editar
   despues desde Elementor. Es igualar el peso usando
   `a.clase` y cargar despues, que es lo que ya hacemos.
   ======================================================= */
a.foix-boton { color: #15181C; }
a.foix-boton:hover { color: #15181C; }

a.foix-boton-linea { color: var(--foix-tinta); }
a.foix-boton-linea:hover { background: var(--foix-tinta); color: var(--foix-papel); }

a.foix-enlace { color: var(--foix-tinta); }
a.foix-enlace:hover { color: var(--foix-ambar-osc); }

a.foix-area { color: var(--foix-tinta); }
a.foix-area:hover .foix-area-nombre { color: var(--foix-ambar-osc); }

a.foix-publicacion { color: var(--foix-tinta); }
a.foix-publicacion:hover .foix-publicacion-titulo { color: var(--foix-ambar-osc); }

.foix-datos dd a { color: var(--foix-tinta); }
.foix-datos dd a:hover { color: var(--foix-ambar-osc); }

/* El antetitulo y las descripciones conservan su gris propio */
.foix-portada .foix-area-desc { color: var(--foix-apagado); }
.foix-portada .foix-antetitulo { color: var(--foix-apagado); }

/* =======================================================
   13. CONSOLIDACION TIPOGRAFICA

   Elementor guarda cada tipografia como variables CSS:
     --e-global-typography-<id>-font-family, -font-weight, etc.

   Aqui las redefinimos todas para que apunten al sistema de
   cuatro. Los 14 tokens personalizados siguen existiendo en la
   base de datos, pero todos resuelven a Primary, Secondary,
   Text o Accent. Resultado visible: una sola familia.

   El selector [class*='elementor-kit-'] pesa igual que el
   .elementor-kit-252 de Elementor, y esta hoja carga despues,
   asi que gana sin necesidad de !important.

   Para revertir: borrar este bloque completo.
   Paso pendiente: borrar los 14 tokens viejos desde
   Elementor > Ajustes del sitio > Tipografias globales.
   ======================================================= */

[class*='elementor-kit-'] {

  /* --- PRIMARY: titulares de pagina --- */
  --e-global-typography-primary-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-primary-font-weight: 800;
  --e-global-typography-primary-font-size: clamp(34px, 5vw, 56px);
  --e-global-typography-primary-line-height: 1.04em;
  --e-global-typography-primary-letter-spacing: -0.024em;

  /* --- SECONDARY: titulos de seccion y tarjeta --- */
  --e-global-typography-secondary-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-secondary-font-size: clamp(24px, 3vw, 38px);
  --e-global-typography-secondary-line-height: 1.12em;
  --e-global-typography-secondary-letter-spacing: -0.018em;

  /* --- TEXT: cuerpo --- */
  --e-global-typography-text-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-text-font-size: 17px;
  --e-global-typography-text-line-height: 1.64em;
  --e-global-typography-text-letter-spacing: 0;

  /* --- ACCENT: etiquetas y antetitulos --- */
  --e-global-typography-accent-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-accent-font-weight: 500;
  --e-global-typography-accent-font-size: 13px;
  --e-global-typography-accent-line-height: 1.4em;
  --e-global-typography-accent-letter-spacing: 0.14em;
  --e-global-typography-accent-text-transform: uppercase;

  /* ---------------------------------------------------
     Los 14 personalizados, cada uno al token que le toca.
     --------------------------------------------------- */

  /* 291ceb5 'Thin Heading' 300/54px  -> PRIMARY
     Este era el titular delgado de la portada. */
  --e-global-typography-291ceb5-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-291ceb5-font-weight: 800;
  --e-global-typography-291ceb5-font-size: clamp(34px, 5vw, 56px);
  --e-global-typography-291ceb5-line-height: 1.04em;
  --e-global-typography-291ceb5-letter-spacing: -0.024em;

  /* 3b25925 800/54px -> PRIMARY */
  --e-global-typography-3b25925-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-3b25925-font-weight: 800;
  --e-global-typography-3b25925-font-size: clamp(34px, 5vw, 56px);
  --e-global-typography-3b25925-line-height: 1.04em;
  --e-global-typography-3b25925-letter-spacing: -0.024em;

  /* 58ec7b8 600/42px -> SECONDARY */
  --e-global-typography-58ec7b8-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-58ec7b8-font-weight: 700;
  --e-global-typography-58ec7b8-font-size: clamp(24px, 3vw, 38px);
  --e-global-typography-58ec7b8-line-height: 1.12em;
  --e-global-typography-58ec7b8-letter-spacing: -0.018em;

  /* 8883312 600/40px -> SECONDARY (2px de diferencia) */
  --e-global-typography-8883312-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-8883312-font-weight: 700;
  --e-global-typography-8883312-font-size: clamp(24px, 3vw, 38px);
  --e-global-typography-8883312-line-height: 1.12em;
  --e-global-typography-8883312-letter-spacing: -0.018em;

  /* 15e8fd2 22px -> SECONDARY pequeno (titulo de tarjeta) */
  --e-global-typography-15e8fd2-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-15e8fd2-font-weight: 700;
  --e-global-typography-15e8fd2-font-size: 22px;
  --e-global-typography-15e8fd2-line-height: 1.2em;
  --e-global-typography-15e8fd2-letter-spacing: -0.015em;

  /* c40c9cd 600/16px -> SECONDARY pequeno */
  --e-global-typography-c40c9cd-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-c40c9cd-font-weight: 600;
  --e-global-typography-c40c9cd-font-size: 17px;
  --e-global-typography-c40c9cd-line-height: 1.4em;
  --e-global-typography-c40c9cd-letter-spacing: 0;

  /* 5def62d Lusitana 18px -> TEXT */
  --e-global-typography-5def62d-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-5def62d-font-weight: 400;
  --e-global-typography-5def62d-font-size: 17px;
  --e-global-typography-5def62d-line-height: 1.64em;

  /* 4b13e23 Lusitana 20px -> TEXT de entrada */
  --e-global-typography-4b13e23-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-4b13e23-font-weight: 400;
  --e-global-typography-4b13e23-font-size: 19px;
  --e-global-typography-4b13e23-line-height: 1.58em;

  /* e903333 400/16px -> TEXT */
  --e-global-typography-e903333-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-e903333-font-weight: 400;
  --e-global-typography-e903333-font-size: 16px;
  --e-global-typography-e903333-line-height: 1.6em;

  /* b8981de 18px -> TEXT */
  --e-global-typography-b8981de-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-b8981de-font-weight: 400;
  --e-global-typography-b8981de-font-size: 17px;
  --e-global-typography-b8981de-line-height: 1.64em;

  /* 8083ee8 16px -> TEXT */
  --e-global-typography-8083ee8-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-8083ee8-font-weight: 400;
  --e-global-typography-8083ee8-font-size: 16px;
  --e-global-typography-8083ee8-line-height: 1.6em;

  /* 2e4851b 15px -> TEXT pequeno */
  --e-global-typography-2e4851b-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-2e4851b-font-weight: 400;
  --e-global-typography-2e4851b-font-size: 15px;
  --e-global-typography-2e4851b-line-height: 1.55em;

  /* 289eb13 700/14px mayus -> ACCENT */
  --e-global-typography-289eb13-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-289eb13-font-weight: 500;
  --e-global-typography-289eb13-font-size: 13px;
  --e-global-typography-289eb13-line-height: 1.4em;
  --e-global-typography-289eb13-letter-spacing: 0.14em;
  --e-global-typography-289eb13-text-transform: uppercase;

  /* 69487a1 600/14px mayus -> ACCENT */
  --e-global-typography-69487a1-font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --e-global-typography-69487a1-font-weight: 500;
  --e-global-typography-69487a1-font-size: 13px;
  --e-global-typography-69487a1-line-height: 1.4em;
  --e-global-typography-69487a1-letter-spacing: 0.14em;
  --e-global-typography-69487a1-text-transform: uppercase;
}

/* Red de seguridad: cualquier widget que pida Raleway o
   Lusitana directamente tambien recibe la familia nueva. */
[class*='elementor-'] [style*='Raleway'],
[class*='elementor-'] [style*='Lusitana'] {
  font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
}


/* ==========================================================
   14. ENCABEZADOS DEL KIT (h1-h6 y label)
   El Kit de Elementor fija familia y tamano directo en cada
   etiqueta. Igualamos con mayor especificidad, sin !important.
   Revertir: borrar este bloque.
   ========================================================== */
body[class*='elementor-kit-'] h1,
body[class*='elementor-kit-'] h2,
body[class*='elementor-kit-'] h3,
body[class*='elementor-kit-'] h4,
body[class*='elementor-kit-'] h5,
body[class*='elementor-kit-'] h6,
body[class*='elementor-kit-'] label {
  font-family: var(--foix-fuente);
}
body[class*='elementor-kit-'] h1 { font-weight: 800; font-size: clamp(34px, 5vw, 56px); line-height: 1.04; letter-spacing: -0.024em; }
body[class*='elementor-kit-'] h2 { font-weight: 700; font-size: clamp(24px, 3vw, 38px); line-height: 1.12; letter-spacing: -0.018em; }
body[class*='elementor-kit-'] h3 { font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -0.01em; }
body[class*='elementor-kit-'] h4,
body[class*='elementor-kit-'] h5,
body[class*='elementor-kit-'] h6 { font-weight: 600; font-size: 17px; line-height: 1.3; }
body[class*='elementor-kit-'] label { font-weight: 500; font-size: 15px; }


/* ==========================================================
   15. HEADER STICKY (se engancha al header de Elementor)
   foix.js agrega .foix-sticky al header, alterna
   .foix-sticky--compacto al bajar y crea .foix-barra.
   Revertir: borrar este bloque.
   ========================================================== */
header.foix-sticky {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: var(--foix-alto, 0px);
  pointer-events: none;
}
body.admin-bar header.foix-sticky { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.foix-sticky { top: 46px; } }

header.foix-sticky > .e-con {
  pointer-events: auto;
  padding-block: 14px;
  border-bottom: 1px solid transparent;
  transition: padding 0.28s var(--foix-curva, ease), background-color 0.28s var(--foix-curva, ease),
              box-shadow 0.28s var(--foix-curva, ease), border-color 0.28s var(--foix-curva, ease);
}
header.foix-sticky img {
  width: auto;
  height: 48px;
  transition: height 0.28s var(--foix-curva, ease);
}
header.foix-sticky.foix-sticky--compacto > .e-con {
  padding-block: 5px;
  background-color: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom-color: var(--foix-linea, #E4DFD5);
  box-shadow: 0 6px 24px rgba(21, 24, 28, 0.08);
}
header.foix-sticky.foix-sticky--compacto img { height: 32px; }

@media (min-width: 1025px) {
  header.foix-sticky .elementor-nav-menu { flex-wrap: nowrap; }
  header.foix-sticky .elementor-nav-menu a { white-space: nowrap; }
}

.foix-barra {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--foix-ambar, #F5B800);
  transform-origin: left center;
  transform: scaleX(var(--foix-progreso, 0));
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  header.foix-sticky > .e-con, header.foix-sticky img { transition: none; }
}


/* ==========================================================
   16. PAGINAS INTERIORES (botones, tarjetas de area, formulario)
   Alcance: solo paginas de Elementor que no son la portada.
   Revertir: borrar este bloque.
   ========================================================== */
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-element .elementor-button {
  background-color: var(--foix-ambar);
  color: var(--foix-tinta);
  border: 0;
  border-radius: 10px;
  padding: 14px 26px;
  font-family: var(--foix-fuente);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-element .elementor-button:hover {
  background-color: var(--foix-tinta);
  color: #fff;
}

/* Tarjeta de texto en las paginas de cada area */
body:is(.page-id-476, .page-id-490, .page-id-512, .page-id-520, .page-id-528, .page-id-536,.page-id-718)
  [data-elementor-type="wp-page"] .e-con:has(> .elementor-widget-text-editor) {
  background-color: #fff;
  border: 1px solid var(--foix-linea);
  border-radius: 16px;
  padding: 28px 32px;
  box-shadow: 0 8px 28px rgba(21, 24, 28, 0.06);
}

/* Formulario de contacto (Elementor Form) */
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-field-group .elementor-field-textual {
  background-color: #fff;
  border: 1px solid var(--foix-linea);
  border-radius: 10px;
  color: var(--foix-tinta);
  font-family: var(--foix-fuente);
  padding: 12px 16px;
}
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-field-group .elementor-field-textual::placeholder {
  color: #6B7178;
  opacity: 1;
}
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-field-group .elementor-field-textual:focus {
  border-color: var(--foix-tinta);
}

body.page:not(.home) [data-elementor-type="wp-page"] .elementor-element .elementor-field-group textarea.elementor-field-textual,
body.page:not(.home) [data-elementor-type="wp-page"] .elementor-element .elementor-field-group input.elementor-field-textual {
  background-color: #fff;
}

/* Boton del pie de pagina (newsletter) */
footer.elementor-location-footer .elementor-element .elementor-button {
  background-color: var(--foix-ambar);
  color: var(--foix-tinta);
  border: 0;
  border-radius: 10px;
  font-family: var(--foix-fuente);
  font-weight: 600;
}
footer.elementor-location-footer .elementor-element .elementor-button:hover {
  background-color: var(--foix-tinta);
  color: #fff;
}


/* ==========================================================
   17. TEXTO AMBAR LEGIBLE (foix.js marca los elementos)
   El ambar de marca #F5B800 no cumple contraste como texto sobre
   fondo claro; se usa el ambar oscuro del sistema. Revertir: borrar.
   ========================================================== */
body.page [data-elementor-type="wp-page"] .elementor-element .foix-texto-ambar.foix-texto-ambar {
  color: var(--foix-ambar-osc, #8A6A00);
}


/* ==========================================================
   18. CIERRE DE PAGINA, HEADER Y FOOTER ACTUALIZADOS
   Revertir: borrar este bloque.
   ========================================================== */
/* Banda de cierre de las paginas de area */
.e-con.foix-cta { background-color: var(--foix-ambar); padding: 64px 24px; }
.e-con.foix-cta > .e-con-inner { max-width: 720px; align-items: center; text-align: center; gap: 16px; }
.foix-cta .elementor-heading-title { color: var(--foix-tinta); font-size: clamp(26px, 3.2vw, 38px); font-weight: 800; line-height: 1.1; }
.foix-cta .elementor-widget-text-editor, .foix-cta .elementor-widget-text-editor p { color: var(--foix-tinta); font-size: 18px; }
.foix-cta-botones { justify-content: center; flex-wrap: wrap; gap: 12px; }
body.page:not(.home) [data-elementor-type="wp-page"] .foix-cta .foix-cta-principal .elementor-button { background-color: var(--foix-tinta); color: #fff; }
body.page:not(.home) [data-elementor-type="wp-page"] .foix-cta .foix-cta-principal .elementor-button:hover { background-color: #fff; color: var(--foix-tinta); }
body.page:not(.home) [data-elementor-type="wp-page"] .foix-cta .foix-cta-secundario .elementor-button { background-color: transparent; color: var(--foix-tinta); box-shadow: inset 0 0 0 2px var(--foix-tinta); }
body.page:not(.home) [data-elementor-type="wp-page"] .foix-cta .foix-cta-secundario .elementor-button:hover { background-color: var(--foix-tinta); color: #fff; }

/* Otras areas */
.e-con.foix-otras { padding: 48px 24px 72px; }
.foix-otras .elementor-heading-title { font-size: 20px; font-weight: 700; }
.foix-otras-lista { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.foix-otras-lista a { display: inline-block; padding: 8px 16px; border: 1px solid var(--foix-linea); border-radius: 999px; background: #fff; color: var(--foix-tinta); text-decoration: none; font-weight: 500; font-size: 15px; }
.foix-otras-lista a:hover { border-color: var(--foix-tinta); }

/* Header: menu sin mayusculas automaticas y llamada a la accion */
header.foix-sticky .elementor-element.elementor-element .elementor-nav-menu--main .elementor-item { text-transform: none; font-weight: 600; font-size: 16px; color: var(--foix-tinta); }
header.foix-sticky .elementor-element.elementor-element .elementor-nav-menu--main .elementor-item:hover,
header.foix-sticky .elementor-element.elementor-element .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--foix-tinta); box-shadow: inset 0 -3px 0 var(--foix-ambar); }
header.foix-sticky .elementor-element.elementor-element .elementor-nav-menu--main li:last-child > .elementor-item { background-color: var(--foix-ambar); border-radius: 10px; padding: 10px 20px; box-shadow: none; }
header.foix-sticky .elementor-element.elementor-element .elementor-nav-menu--main li:last-child > .elementor-item:hover { background-color: var(--foix-tinta); color: #fff; }

/* Footer: bloque oscuro de marca */
footer.elementor-location-footer .elementor-section,
footer.elementor-location-footer .elementor-column-wrap,
footer.elementor-location-footer .elementor-widget-wrap { background-color: transparent; }
footer.elementor-location-footer > .elementor-section,
footer.elementor-location-footer > .e-con ~ .elementor-section { background-color: var(--foix-tinta); }
footer.elementor-location-footer .elementor-widget-google_maps iframe { filter: grayscale(1) contrast(0.95); }
footer.elementor-location-footer.elementor-location-footer .elementor-element.elementor-element :is(p, li, span, a, .elementor-heading-title, .elementor-icon-list-text) { color: #E9E5DB; font-family: var(--foix-fuente); }
footer.elementor-location-footer.elementor-location-footer .elementor-element.elementor-element .elementor-heading-title { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
footer.elementor-location-footer.elementor-location-footer .elementor-element.elementor-element a:hover { color: var(--foix-ambar); }
.foix-pie-areas ul { list-style: none; margin: 0; padding: 0; }
.foix-pie-areas li { margin: 0 0 8px; }
.foix-pie-consent p { font-size: 13px; opacity: 0.85; }


/* ==========================================================
   19. FOOTER: FONDOS OSCUROS DE MARCA (iguala secciones de Elementor)
   Revertir: borrar este bloque.
   ========================================================== */
footer.elementor-location-footer .elementor-element.elementor-element-23c816a9.elementor-section { background-color: var(--foix-tinta); }
footer.elementor-location-footer .elementor-element.elementor-element-6dda6356.elementor-section { background-color: #1F2329; border-radius: 16px; }
footer.elementor-location-footer .elementor-element.elementor-element-f482099.elementor-section { background-color: #0E1013; }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-button { background-color: var(--foix-ambar); color: var(--foix-tinta); border: 0; border-radius: 10px; font-weight: 600; }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-button:hover { background-color: #fff; color: var(--foix-tinta); }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-field-textual { background-color: #fff; color: var(--foix-tinta); border: 0; border-radius: 10px; }

footer.elementor-location-footer .elementor-widget-image img { filter: brightness(0) invert(1); }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-field-group .elementor-field-textual.elementor-field-textual.elementor-field-textual { background-color: #fff; color: var(--foix-tinta); border: 0; border-radius: 10px; }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-field-group .elementor-button { background-color: var(--foix-ambar); color: var(--foix-tinta); border-radius: 10px; font-weight: 600; opacity: 1; }
footer.elementor-location-footer .elementor-element.elementor-element .elementor-field-group .elementor-button:hover { background-color: #fff; }


/* 20. CTA: botones centrados */
.foix-cta .e-con.e-con:has(> .foix-cta-principal){justify-content:center;flex-wrap:wrap}

/* 21. Areas de practica: grilla de tarjetas */
.foix-areas-grid.foix-areas-grid > .elementor-container{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:1200px}
.foix-areas-grid.foix-areas-grid > .elementor-container > .elementor-column{width:calc((100% - 48px)/3);flex:0 0 auto}
@media (max-width:1024px){.foix-areas-grid.foix-areas-grid > .elementor-container > .elementor-column{width:calc((100% - 24px)/2)}}
@media (max-width:767px){.foix-areas-grid.foix-areas-grid > .elementor-container > .elementor-column{width:100%}}

/* 22. Contacto: nota bajo el formulario y respiro antes del mapa */
.foix-nota-form.foix-nota-form .elementor-widget-container,.foix-nota-form.foix-nota-form p{font-size:14px;line-height:1.5;color:#6B7178;margin:0}
body.page-id-225 [data-elementor-type="wp-page"] > .elementor-section:last-of-type{padding-bottom:64px}


/* 23. Áreas: imágenes de tarjeta con proporción uniforme */
.foix-areas-grid .elementor-widget-image img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block}

/* 24. Footer: mapa embebido no debe desbordar en móvil */
.elementor-location-footer .elementor-widget-google_maps,.elementor-location-footer .elementor-widget-google_maps .elementor-widget-container,.elementor-location-footer .elementor-custom-embed{min-width:0;max-width:100%;width:100%}
.elementor-location-footer .elementor-custom-embed iframe{width:100%!important;max-width:100%}
.elementor-location-footer .e-con,.elementor-location-footer .e-con-inner{min-width:0;max-width:100%}

/* 25. Páginas de texto (no Elementor): espacio para que el mapa del footer no tape el final */
body:not(.elementor-page) main.site-main{padding-bottom:140px}

/* 26. Botón flotante de WhatsApp (todo el sitio) */
.foix-wa-float{position:fixed;right:20px;bottom:20px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);text-decoration:none;line-height:0;transition:transform .2s ease,box-shadow .2s ease}
.foix-wa-float svg{display:block;width:30px;height:30px;margin:0}
.foix-wa-float:hover,.foix-wa-float:focus-visible{transform:scale(1.06);box-shadow:0 8px 22px rgba(0,0,0,.3);color:#fff}
.foix-wa-float:focus-visible{outline:3px solid #F5B700;outline-offset:3px}
@media (max-width:767px){.foix-wa-float{right:16px;bottom:16px;width:52px;height:52px}}

/* 27. Menú del header: un solo subrayado (ámbar); el botón "Agendar reunión" sin subrayado */
.elementor-location-header .elementor-nav-menu--main .elementor-item::before,.elementor-location-header .elementor-nav-menu--main .elementor-item::after{display:none!important;content:none!important}
header.foix-sticky .elementor-nav-menu--main .menu-item-586>.elementor-item,header.foix-sticky .elementor-nav-menu--main .menu-item-586>.elementor-item:hover,header.foix-sticky .elementor-nav-menu--main .menu-item-586>.elementor-item:focus,header.foix-sticky .elementor-nav-menu--main .menu-item-586>.elementor-item.elementor-item-active{box-shadow:none!important;text-decoration:none!important}

/* 28. Home: sección Conversemos tu caso en dos columnas equilibradas, con tarjeta de datos */
.foix-contacto{align-items:center;gap:48px}
.foix-contacto-texto{flex:1 1 420px}
.foix-contacto-texto .foix-boton{margin-top:var(--foix-e4);display:inline-block}
.foix-contacto-tarjeta{flex:1 1 360px;background:var(--foix-blanco);border:1px solid var(--foix-linea);border-radius:8px;padding:var(--foix-e4);box-shadow:0 10px 30px rgba(21,24,28,.06)}
.foix-contacto-tarjeta .foix-datos{margin:0}
.foix-contacto-tarjeta .foix-datos dt{font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--foix-tenue);margin:0 0 4px}
.foix-contacto-tarjeta .foix-datos dd{margin:0 0 var(--foix-e3);padding-bottom:var(--foix-e3);border-bottom:1px solid var(--foix-linea);font-size:19px;line-height:1.45;color:var(--foix-tinta)}
.foix-contacto-tarjeta .foix-datos dd:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.foix-contacto-tarjeta .foix-datos a{color:var(--foix-tinta);text-decoration:none}
.foix-contacto-tarjeta .foix-datos a:hover{text-decoration:underline}
@media (max-width:767px){.foix-contacto{gap:var(--foix-e4)}.foix-contacto-tarjeta{padding:var(--foix-e3)}}

/* 29. Botón flotante de WhatsApp: ícono siempre blanco */
.foix-wa-float,.foix-wa-float:visited,.foix-wa-float:hover,.foix-wa-float:focus,.foix-wa-float:active{color:#fff!important}
.foix-wa-float svg,.foix-wa-float svg path{fill:#fff!important;color:#fff!important}

/* 30. Footer: el mapa embebido ocupa su lugar sin márgenes negativos */
.elementor-location-footer .elementor-widget-google_maps>.elementor-widget-container{margin:0!important}

/* 31. Ajustes finos: mapa alineado con la tarjeta del footer; tarjeta de contacto sin líneas sobrantes */
@media (min-width:768px){.elementor-location-footer .elementor-widget-google_maps>.elementor-widget-container{margin:0 30px!important;border-radius:8px 8px 0 0}}
.foix-contacto-tarjeta .foix-datos{border:0!important;padding:0!important}
.foix-contacto-tarjeta .foix-datos dt:first-child{border:0;padding-top:0;margin-top:0}

@media (min-width:768px){.elementor-location-footer .elementor-widget-google_maps>.elementor-widget-container{width:auto!important;max-width:none!important}}

/* 32. Hero: tarjeta más compacta y más metida en la foto */
@media (min-width:768px){
.foix-portada .foix-hero{height:560px}
.foix-hero-tarjeta-zona{margin-top:-210px}
.foix-hero-tarjeta{padding:38px 44px 36px;max-width:660px}
.foix-hero-tarjeta h1{font-size:clamp(34px,3.9vw,50px);line-height:1.06;margin-bottom:var(--foix-e2)}
.foix-hero-tarjeta .foix-bajada{font-size:17px;line-height:1.55}
.foix-hero-tarjeta .foix-antetitulo{margin-bottom:var(--foix-e2)}
}

@media (min-width:768px){.foix-portada .foix-hero{height:540px}.foix-hero-tarjeta-zona{margin-top:-250px}}

/* 33. Sobre nosotros: version cinematografica (pagina 209) */
.foix-sobre{--fs-bg:#0E1114;--fs-bg2:#15181C;--fs-t:#F4F1EA;--fs-m:#B9B4A8;--fs-a:#F5B800;--fs-g:clamp(20px,4vw,48px);background:var(--fs-bg);color:var(--fs-t);font-family:var(--foix-fuente);overflow-x:clip}
.foix-sobre *,.foix-sobre *::before,.foix-sobre *::after{box-sizing:border-box}
.foix-sobre h1,.foix-sobre h2,.foix-sobre h3,.foix-sobre p,.foix-sobre ul,.foix-sobre ol{margin:0;padding:0;list-style:none}
.foix-sobre h1,.foix-sobre h2,.foix-sobre h3{color:#fff;font-family:inherit;font-weight:800;text-wrap:balance}
.foix-sobre p{color:var(--fs-m)}
.foix-sobre em{font-style:normal;color:var(--fs-a)}
.fs-esc{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.fs-in{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 var(--fs-g)}
.fs-arriba{padding-top:clamp(28px,5vw,64px)}
.fs-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.fs-vel{position:absolute;inset:0;pointer-events:none}
.fs-vel-portada{background:linear-gradient(to top,rgba(14,17,20,.94) 0%,rgba(14,17,20,.45) 42%,rgba(14,17,20,.55) 100%)}
.fs-vel-mision{background:rgba(14,17,20,.66)}
.fs-vel-tray{background:linear-gradient(to top,rgba(14,17,20,.88) 0%,rgba(14,17,20,.3) 55%,rgba(14,17,20,.5) 100%)}
.fs-vel-cta{background:rgba(14,17,20,.72)}
.fs-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.fs-cap p{display:flex;align-items:baseline;gap:16px;margin:0}
.fs-cap b{font-size:14px;letter-spacing:.14em;color:var(--fs-a);font-weight:600}
.fs-cap span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--fs-m);font-weight:500}
.fs-ticks{display:flex;gap:6px}
.fs-ticks i{display:block;width:28px;height:3px;background:rgba(244,241,234,.28)}
.fs-ticks i.on{background:var(--fs-a)}
.fs-cap-caja{width:100%}
.fs-portada{min-height:clamp(620px,calc(100svh - 80px),940px)}
.fs-abajo{padding-bottom:clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.foix-sobre .fs-portada h1{font-size:clamp(42px,8vw,112px);line-height:.98;letter-spacing:-.045em;max-width:9.6em}
.fs-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.fs-baj{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#E9E5DB!important;max-width:30em}
.fs-desliza{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#E9E5DB}
.fs-desliza i{display:block;width:1px;height:56px;background:var(--fs-a)}
.fs-mision{min-height:clamp(560px,90vh,800px)}
.fs-mision .fs-abajo{padding-bottom:clamp(56px,8vw,120px)}
.fs-gran{font-size:clamp(28px,4.2vw,60px);line-height:1.08;letter-spacing:-.03em;font-weight:700;color:#fff!important;max-width:17em;text-wrap:pretty}
.fs-valores{background:var(--fs-bg);padding-bottom:clamp(64px,9vw,120px)}
.fs-valores-cuerpo{display:flex;flex-wrap:wrap;gap:48px 80px;margin-top:clamp(48px,7vw,88px);align-items:flex-start}
.fs-lista-valores{flex:2 1 520px;min-width:0;display:flex;flex-direction:column;gap:clamp(8px,1.4vw,18px)}
.fs-lista-valores li{display:flex;align-items:baseline;gap:20px}
.fs-num{flex:0 0 40px;font-size:14px;letter-spacing:.1em;color:var(--fs-a);font-weight:600}
.foix-sobre .fs-vl{font-size:clamp(40px,7vw,96px);line-height:1;letter-spacing:-.04em;color:var(--fs-t)}
.fs-aparte{flex:1 1 280px;min-width:0;padding-top:12px}
.fs-aparte i{display:block;width:56px;height:3px;background:var(--fs-a);margin-bottom:24px}
.fs-aparte p{font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--fs-t)}
.fs-tecno{background:var(--fs-bg2);padding-bottom:clamp(64px,9vw,120px)}
.fs-curvas{position:absolute;right:-18%;top:40px;width:min(900px,90vw);aspect-ratio:1;color:var(--fs-a);opacity:.42;pointer-events:none}
.fs-giro{width:100%;height:100%}
.fs-curvas svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-opacity:.9}
.fs-curvas path.m{stroke-width:2.2}
.fs-tecno-cuerpo{margin-top:clamp(48px,7vw,88px)}
.foix-sobre .fs-tit{font-size:clamp(34px,5.4vw,72px);line-height:1;letter-spacing:-.04em;max-width:12em}
.fs-tecno-lista{max-width:720px;margin-top:clamp(36px,5vw,64px);border-bottom:1px solid rgba(244,241,234,.16)}
.fs-tecno-lista li{display:flex;gap:28px;padding:28px 0;border-top:1px solid rgba(244,241,234,.16)}
.fs-tecno-lista .fs-num{flex-basis:48px;padding-top:6px}
.foix-sobre .fs-tecno-lista h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.015em;margin-bottom:8px}
.fs-tecno-lista p{font-size:17px;line-height:1.6;max-width:32em}
.fs-raiz{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;background:var(--fs-bg)}
.fs-raiz-texto{flex:1 1 560px;min-width:0;padding:clamp(28px,5vw,64px) clamp(20px,5vw,72px) clamp(56px,8vw,112px) var(--fs-g);display:flex;flex-direction:column;justify-content:space-between;gap:72px}
.fs-raiz-texto .fs-cap-caja{max-width:560px}
.foix-sobre .fs-tit2{font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.035em;max-width:12em;margin-bottom:36px}
.fs-p1{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:#E9E5DB!important;max-width:30em;margin-bottom:20px}
.fs-p2{font-size:16px;line-height:1.65;max-width:34em}
.fs-raiz-foto{flex:1 1 520px;min-height:clamp(380px,60vw,760px);position:relative;background:var(--fs-bg2)}
.fs-raiz-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fs-equipo{background:var(--fs-bg2);padding-bottom:clamp(64px,9vw,120px)}
.foix-sobre .fs-equipo-cuerpo .fs-tit{margin:clamp(48px,7vw,88px) 0 clamp(36px,5vw,64px)}
.fs-personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:64px 56px}
.fs-persona{display:flex;flex-wrap:wrap;gap:28px 32px;align-items:flex-start}
.fs-foto{flex:0 0 240px;aspect-ratio:4/5;background:var(--fs-a);border-radius:4px;display:flex;align-items:center;justify-content:center}
.fs-foto span{font-size:110px;line-height:1;font-weight:800;letter-spacing:-.05em;color:#15181C}
.fs-persona-txt{flex:1 1 280px;min-width:0}
.foix-sobre .fs-persona-txt h3{font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.02em;margin-bottom:6px}
.fs-rol{font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--fs-a)!important;font-weight:600;margin-bottom:20px!important}
.fs-persona-txt p{font-size:16px;line-height:1.65;margin-bottom:20px}
.fs-chips{display:flex;flex-wrap:wrap;gap:8px}
.fs-chips li{font-size:14px;border:1px solid rgba(244,241,234,.28);border-radius:999px;padding:8px 16px;color:var(--fs-t)}
.fs-trayectoria{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;background:var(--fs-bg);overflow:hidden}
.fs-tray-foto{flex:1 1 520px;min-width:0;min-height:clamp(420px,60vw,760px);position:relative;overflow:hidden;display:flex}
.fs-tray-in{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(28px,5vw,64px) var(--fs-g) clamp(40px,6vw,72px);width:100%}
.foix-sobre .fs-tit3{font-size:clamp(34px,4.2vw,60px);line-height:1;letter-spacing:-.04em;max-width:9em}
.fs-tray-lista{flex:1 1 520px;min-width:0;padding:clamp(48px,7vw,96px) clamp(20px,5vw,72px) clamp(40px,6vw,80px) clamp(28px,5.5vw,80px)}
.fs-linea{position:relative;margin-left:8px}
.fs-trazo{position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(245,184,0,.55)}
.fs-linea li{position:relative;padding:0 0 44px 44px}
.fs-pt{position:absolute;left:-7px;top:12px;width:15px;height:15px;border-radius:999px;background:var(--fs-bg);border:2px solid var(--fs-a)}
.fs-linea li.fin .fs-pt{background:var(--fs-a)}
.fs-anio{display:block;font-size:clamp(32px,3.4vw,44px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--fs-t);margin-bottom:10px}
.fs-linea li.fin .fs-anio{color:var(--fs-a)}
.foix-sobre .fs-linea h3{font-size:clamp(18px,1.6vw,21px);line-height:1.25;font-weight:700;margin-bottom:6px}
.fs-linea p{font-size:16px;line-height:1.6;max-width:34em}
.fs-cta{min-height:clamp(520px,80vh,760px)}
.fs-cta .fs-fondo{object-position:center 30%}
.fs-cta-fila{flex-direction:row;flex-wrap:wrap;gap:40px 64px;align-items:flex-end;justify-content:space-between;padding-bottom:clamp(56px,8vw,112px)}
.fs-cta-fila>div{flex:1 1 520px;min-width:0}
.foix-sobre .fs-tit4{font-size:clamp(40px,7.2vw,104px);line-height:.96;letter-spacing:-.045em;margin-bottom:24px}
.foix-sobre a.fs-boton{font-size:18px;padding:20px 40px;color:#15181C}
@media (max-width:767px){
  .fs-foto{flex-basis:100%;max-width:200px}
  .fs-tecno-lista li{gap:16px}
  .fs-linea li{padding-left:32px}
  .fs-ticks i{width:18px}
  .fs-desliza{display:none}
}
/* movimiento al hacer scroll (sin JS) */
@keyframes fs-rv{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes fs-par{from{transform:translateY(-7%) scale(1.1)}to{transform:translateY(7%) scale(1.1)}}
@keyframes fs-vl{0%{color:rgba(244,241,234,.26)}46%,54%{color:#F4F1EA}100%{color:rgba(244,241,234,.26)}}
@keyframes fs-giro{from{transform:rotate(-12deg) scale(.92)}to{transform:rotate(14deg) scale(1.06)}}
@keyframes fs-crece{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@supports (animation-timeline:view()){
  .fs-rv{animation:fs-rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .fs-par{animation:fs-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .fs-vl{animation:fs-vl linear both;animation-timeline:view();animation-range:cover 22% cover 78%}
  .fs-giro{animation:fs-giro linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .fs-crece{transform-origin:top;animation:fs-crece linear both;animation-timeline:view();animation-range:entry 20% cover 70%}
}
@media (prefers-reduced-motion:reduce){.fs-rv,.fs-par,.fs-vl,.fs-giro,.fs-crece{animation:none!important}.fs-vl{color:var(--fs-t)!important}}

/* 34. Sobre: foto de trayectoria fija mientras se recorre la linea */
.fs-trayectoria{overflow:clip}
.fs-tray-foto .fs-fondo{object-position:center bottom}
@media (min-width:768px){.fs-tray-foto{align-self:flex-start;position:sticky;top:80px;height:calc(100svh - 80px);min-height:560px}}
/* 36. Sobre: movimiento via JS (foix.js) + entrada de la portada */
.fs-crece{transform-origin:top}
.fs-js .fs-rv,.fs-js .fs-par,.fs-js .fs-vl,.fs-js .fs-giro,.fs-js .fs-crece{animation:none!important}
.fs-js .fs-rv,.fs-js .fs-par,.fs-js .fs-giro,.fs-js .fs-crece{will-change:transform}
@keyframes fs-entra{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .fs-portada .fs-cap{animation:fs-entra .9s cubic-bezier(.22,.61,.36,1) .15s both}
  .fs-portada h1{animation:fs-entra 1.1s cubic-bezier(.22,.61,.36,1) .35s both}
  .fs-portada .fs-fila{animation:fs-entra 1.1s cubic-bezier(.22,.61,.36,1) .65s both}
}
/* 35. MODO OSCURO (interruptor: foix_modo_oscuro en functions.php). INICIO */
body.foix-dark{--foix-papel:#0E1114;--foix-blanco:#15181C;--foix-tinta:#F4F1EA;--foix-texto:#D9D5CB;--foix-apagado:#B9B4A8;--foix-tenue:#8D897F;--foix-linea:rgba(244,241,234,.14);--foix-campo:#2A2F35;--foix-ambar-osc:#F5B800;--foix-sombra:0 2px 14px rgba(0,0,0,.4);background-color:#0E1114;color:#D9D5CB;color-scheme:dark}
body.foix-dark.elementor-kit-245{--e-global-color-primary:#F4F1EA;--e-global-color-secondary:#D9D5CB;--e-global-color-text:#B9B4A8;--e-global-color-763a27e:#9FB0CC;--e-global-color-a95ef08:#B9B4A8}
body.foix-dark header.elementor-location-header .elementor-element.elementor-element-38cba305,body.foix-dark header.foix-sticky.foix-sticky--compacto > .e-con{background-color:rgba(14,17,20,.94)!important;border-bottom-color:rgba(244,241,234,.12)!important}
body.foix-dark .elementor-location-header .elementor-nav-menu a.elementor-item{color:#F4F1EA!important}
body.foix-dark .elementor-location-header .elementor-nav-menu a.elementor-item:hover,body.foix-dark .elementor-location-header .elementor-nav-menu a.elementor-item-active{color:#F5B800!important}
body.foix-dark .elementor-location-header .elementor-menu-toggle{color:#F4F1EA!important}
body.foix-dark .elementor-location-header .elementor-menu-toggle svg{fill:#F4F1EA!important}
body.foix-dark .elementor-location-header .elementor-nav-menu--dropdown{background-color:#15181C!important}
body.foix-dark .elementor-location-header .elementor-widget-image img{content:url(/wp-content/uploads/2024/04/Foix-300x100-1.png);filter:brightness(0) invert(1)}
body.foix-dark footer.elementor-location-footer .elementor-top-section.elementor-element{background-color:#0E1114!important}
body.foix-dark iframe[src*="google.com/maps"]{filter:invert(.92) hue-rotate(180deg) saturate(.7)}
body.foix-dark.page:not(.home) [data-elementor-type~="wp-page"] .elementor-element .elementor-button{color:#15181C}
body.foix-dark.page:not(.home) [data-elementor-type~="wp-page"] .elementor-element .elementor-button:hover{background-color:#fff;color:#15181C}
body.foix-dark:is(.page-id-476,.page-id-490,.page-id-512,.page-id-520,.page-id-528,.page-id-536,.page-id-718) [data-elementor-type~="wp-page"] .e-con:has(> .elementor-widget-text-editor){background-color:#15181C;box-shadow:0 8px 28px rgba(0,0,0,.35)}
body.foix-dark.page:not(.home) [data-elementor-type~="wp-page"] .elementor-field-group .elementor-field-textual{background-color:#1B1F24;color:#F4F1EA;border-color:rgba(244,241,234,.2)}
body.foix-dark .elementor-field-textual::placeholder{color:#8D897F}
body.foix-dark .elementor-widget-wrap.elementor-element-populated:has(> .elementor-widget-image){background-color:#15181C!important;box-shadow:0 8px 28px rgba(0,0,0,.35)!important}
body.foix-dark .foix-otras-lista a{background-color:#15181C!important;color:#F4F1EA!important;border-color:rgba(244,241,234,.18)!important}
body.foix-dark .foix-otras-lista a:hover{background-color:#F5B800!important;color:#15181C!important}
body.foix-dark:is(.page-id-476,.page-id-490,.page-id-512,.page-id-520,.page-id-528,.page-id-536,.page-id-718) .e-con::before{background-color:transparent!important}
body.foix-dark .elementor-widget-wrap.elementor-element-populated:has(> .elementor-widget-image){border-color:rgba(244,241,234,.14)!important}
body.foix-dark .elementor-location-header .elementor-nav-menu--dropdown a,body.foix-dark .elementor-location-header .elementor-nav-menu--dropdown .elementor-item{color:#F4F1EA!important;background-color:transparent!important}
body.foix-dark .elementor-location-header .elementor-nav-menu--dropdown a:hover,body.foix-dark .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active{color:#F5B800!important}
/* 35. FIN */

/* 37. Sobre: escenas con foto oscuras + secciones de texto claras */
.foix-sobre{--fs-h:#fff;--fs-rgb:244,241,234;--fs-line:rgba(244,241,234,.16);--fs-tick:rgba(244,241,234,.28);--fs-at:#F5B800}
.foix-sobre .fs-claro{--fs-bg:#FAF8F3;--fs-t:#15181C;--fs-m:#4A4F56;--fs-h:#15181C;--fs-rgb:21,24,28;--fs-line:rgba(21,24,28,.16);--fs-tick:rgba(21,24,28,.2);--fs-at:#8A6A00;background:#FAF8F3;color:#15181C}
.foix-sobre .fs-tecno.fs-claro,.foix-sobre .fs-equipo.fs-claro{background:#F2EEE5;--fs-bg:#F2EEE5}
.foix-sobre h1,.foix-sobre h2,.foix-sobre h3{color:var(--fs-h)}
.foix-sobre .fs-ticks i{background:var(--fs-tick)}
.foix-sobre .fs-ticks i.on{background:#F5B800}
.foix-sobre .fs-cap b,.foix-sobre .fs-num{color:var(--fs-at)}
.foix-sobre .fs-rol{color:var(--fs-at)!important}
.foix-sobre em,.foix-sobre .fs-linea li.fin .fs-anio{color:var(--fs-at)}
.foix-sobre .fs-gran em{color:#F5B800}
.foix-sobre .fs-tecno-lista{border-bottom-color:var(--fs-line)}
.foix-sobre .fs-tecno-lista li{border-top-color:var(--fs-line)}
.foix-sobre .fs-chips li{border-color:var(--fs-line);color:var(--fs-t)}
.foix-sobre .fs-p1{color:var(--fs-t)!important}
.foix-sobre .fs-curvas{color:var(--fs-at)}
.foix-sobre .fs-tecno.fs-claro .fs-curvas{opacity:.34}
.foix-sobre .fs-claro .fs-vl{animation:none!important}

/* 38. HEADER TRANSPARENTE sobre la foto (Home y Sobre nosotros). Al bajar (clase --compacto) vuelve al blanco. Revertir: borrar este bloque. */
body.home header.foix-sticky,body.page-id-209 header.foix-sticky, body.foix-hero header.foix-sticky{position:fixed;left:0;right:0;width:100%;z-index:60}
body.home header.foix-sticky:not(.foix-sticky--compacto) > .e-con,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) > .e-con, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) > .e-con{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(14,17,20,.62) 0%,rgba(14,17,20,0) 100%)!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) > .e-con::before,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) > .e-con::before, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) > .e-con::before{background-color:transparent!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) img,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) img, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) img{content:url(/wp-content/uploads/2026/10/foix-logo-blanco.png);height:42px}
body.home header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a),
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a), body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a){color:#fff!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a)::after,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a)::after, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a)::after{background-color:#F5B800!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle{color:#fff!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle svg,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle svg, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle svg{fill:#fff!important}
body.home header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle i,
body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle i, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle i{color:#fff!important}

/* 39. Header transparente: alineacion del logo y altura del hero del Home */
body.home header.foix-sticky:not(.foix-sticky--compacto) > .e-con,body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) > .e-con, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) > .e-con{padding-left:36px!important}
body.home .foix-portada .foix-hero{height:598px}
@media (max-width:767px){body.home .foix-portada .foix-hero{height:300px}body.home header.foix-sticky:not(.foix-sticky--compacto) > .e-con,body.page-id-209 header.foix-sticky:not(.foix-sticky--compacto) > .e-con, body.foix-hero header.foix-sticky:not(.foix-sticky--compacto) > .e-con{padding-left:16px!important}}

/* 40. Sobre: la portada pasa por debajo del header transparente */
.foix-sobre .fs-portada{min-height:100svh;padding-top:92px;box-sizing:border-box}

/* 43. SOBRE NOSOTROS: movimiento ligado al scroll (cortina, escena fijada, revelado). Solo con JS y sin "reducir movimiento". Revertir: borrar este bloque y el IIFE v2 de foix.js */
.foix-sobre .fs-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto}
.foix-sobre.fs-js .fs-esc,.foix-sobre.fs-js .fs-raiz,.foix-sobre.fs-js .fs-trayectoria{position:relative;z-index:1}
.foix-sobre.fs-js .fs-portada{position:sticky;top:0;z-index:0}
.foix-sobre.fs-js .fs-pin{display:block;height:300vh;height:300svh;min-height:0;overflow:clip}
.foix-sobre.fs-js .fs-pin > .fs-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.foix-sobre.fs-js .fs-w{display:inline;will-change:opacity}
.foix-sobre .fs-portada.fs-entrado h1,.foix-sobre .fs-portada.fs-entrado .fs-fila,.foix-sobre .fs-portada.fs-entrado .fs-arriba{animation:none!important}
.foix-sobre.fs-js .fs-fondo,.foix-sobre.fs-js .fs-raiz-foto,.foix-sobre.fs-js .fs-giro{will-change:transform}
.foix-sobre.fs-js .fs-raiz-foto{overflow:hidden}

/* 44. Sobre: la escena fijada deja espacio para el header */
.foix-sobre.fs-js .fs-pin > .fs-stage{padding-top:80px;box-sizing:border-box}

/* 45. HOME INMERSIVO (reutiliza las escenas de Sobre nosotros). Revertir: foix_home_inmersivo() devuelve false en functions.php */
.foix-sobre.foix-home-inm .fs-ey{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#F5B800}
.foix-sobre.foix-home-inm .fs-ey span{width:40px;height:2px;background:#F5B800;flex:none}
.foix-sobre.foix-home-inm .fs-portada h1{font-size:clamp(42px,min(8.4vw,12.4vh),122px)!important;line-height:.95!important;letter-spacing:-.04em!important;margin:0 0 22px!important}
.foix-sobre.foix-home-inm .fs-portada h1 .fs-l{display:block}
.foix-sobre.foix-home-inm .fs-portada h1 i{font-style:normal;color:#F5B800}
.foix-sobre.foix-home-inm .fs-acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.foix-sobre.foix-home-inm .fs-boton-linea{display:inline-flex;align-items:center;padding:16px 26px;border:1.5px solid rgba(255,255,255,.7);border-radius:10px;color:#fff;font-weight:600;text-decoration:none;transition:background .25s,color .25s}
.foix-sobre.foix-home-inm .fs-boton-linea:hover{background:#fff;color:#15181C}
.foix-sobre.foix-home-inm .fs-oscuro{position:absolute;inset:0;background:#0E1114;opacity:0;pointer-events:none}
.foix-sobre.foix-home-inm .fs-relato{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;z-index:2}
.foix-sobre.foix-home-inm .fs-relato p{margin:0;max-width:14ch;font-size:clamp(34px,5.6vw,84px);line-height:1;font-weight:800;letter-spacing:-.035em;color:#fff}
.foix-sobre.foix-home-inm.fs-js .fs-portada.fs-pin{position:relative;z-index:1;padding-top:0;height:290vh;height:290svh}
.foix-sobre.foix-home-inm .fs-viaje .fs-fondo{transform-origin:52% 40%}
.foix-sobre.foix-home-inm .fs-mas{margin:22px 0 0;max-width:640px}
.foix-sobre.foix-home-inm .fs-enlace{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#fff;font-weight:600;text-decoration:none;border-bottom:1.5px solid #F5B800;padding-bottom:4px;align-self:flex-start}
.foix-sobre.foix-home-inm .fs-franja{position:relative;z-index:1;overflow:hidden;background:#FAF8F3;padding:46px 0;border-bottom:1px solid #E4DFD5}
.foix-sobre.foix-home-inm .fs-pista{display:flex;align-items:center;gap:.7em;width:max-content;white-space:nowrap;font-size:clamp(26px,3.7vw,54px);font-weight:700;letter-spacing:-.025em;color:#15181C;will-change:transform}
.foix-sobre.foix-home-inm .fs-pista i{font-style:normal;color:#F5B800}
.foix-sobre.foix-home-inm .fs-cuerpo{padding-top:64px}
.foix-sobre.foix-home-inm .fs-sub{margin:20px 0 0;max-width:620px;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--fs-m)}
.foix-sobre.foix-home-inm .fs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:56px}
.foix-sobre.foix-home-inm .fs-grupo-t{margin:0 0 14px!important;font-size:13px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600!important;color:var(--fs-at)!important}
.foix-sobre.foix-home-inm .fs-grupo ul{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--fs-line)}
.foix-sobre.foix-home-inm .fs-grupo li{margin:0}
.foix-sobre.foix-home-inm .fs-area{display:grid;grid-template-columns:44px 1fr 28px;align-items:start;padding:26px 0;border-top:1px solid var(--fs-line);text-decoration:none;color:var(--fs-t)}
.foix-sobre.foix-home-inm .fs-area h3{margin:0 0 6px;font-size:clamp(21px,2vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.015em;transition:color .25s}
.foix-sobre.foix-home-inm .fs-area p{margin:0;font-size:16px;line-height:1.5;color:var(--fs-m)}
.foix-sobre.foix-home-inm .fs-area .fs-fl{font-size:22px;color:var(--fs-at);transition:transform .25s}
.foix-sobre.foix-home-inm .fs-area:hover .fs-fl{transform:translateX(6px)}
.foix-sobre.foix-home-inm .fs-area:hover h3{color:var(--fs-at)}
.foix-sobre.foix-home-inm .fs-pasos{background:#F2EEE5;--fs-bg:#F2EEE5}
.foix-sobre.foix-home-inm .fs-pasos-lista{list-style:none;margin:56px 0 0;padding:0}
.foix-sobre.foix-home-inm .fs-pasos-lista li{display:grid;grid-template-columns:clamp(110px,14vw,200px) 1fr;gap:0 clamp(16px,3vw,48px);align-items:center;padding:34px 0;border-top:1px solid var(--fs-line);margin:0}
.foix-sobre.foix-home-inm .fs-paso-n{font-size:clamp(72px,11vw,168px);line-height:.9;font-weight:800;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--fs-at)}
.foix-sobre.foix-home-inm .fs-foco{margin:0 0 10px;font-size:clamp(30px,4.2vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800}
.foix-sobre.foix-home-inm .fs-pasos-lista p{margin:0;max-width:560px;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--fs-m)}
.foix-sobre.foix-home-inm .fs-datos{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 56px;margin:0 auto;padding-top:0;padding-bottom:56px}
.foix-sobre.foix-home-inm .fs-datos dt{margin:0 0 6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#F5B800;font-weight:600}
.foix-sobre.foix-home-inm .fs-datos dd{margin:0;font-size:18px;line-height:1.45;color:#fff}
.foix-sobre.foix-home-inm .fs-datos a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
@media (prefers-reduced-motion:no-preference){.foix-sobre.foix-home-inm .fs-portada .fs-ey,.foix-sobre.foix-home-inm .fs-portada .fs-acciones{animation:fs-entra 1.1s cubic-bezier(.2,.7,.2,1) .15s both}}
.foix-sobre.foix-home-inm .fs-portada.fs-entrado .fs-ey,.foix-sobre.foix-home-inm .fs-portada.fs-entrado .fs-acciones{animation:none!important}
@media (max-width:900px){.foix-sobre.foix-home-inm .fs-grid2{grid-template-columns:1fr;gap:40px}}
@media (max-width:700px){.foix-sobre.foix-home-inm .fs-datos{grid-template-columns:1fr}.foix-sobre.foix-home-inm .fs-pasos-lista li{grid-template-columns:1fr;gap:6px}.foix-sobre.foix-home-inm .fs-area{grid-template-columns:36px 1fr 20px}}

/* 46. Home: portada mas compacta para que quepa con los botones */
.foix-sobre.foix-home-inm .fs-portada h1{font-size:clamp(40px,min(7.6vw,10.4vh),112px)!important;margin-bottom:16px!important}
.foix-sobre.foix-home-inm .fs-portada .fs-abajo{padding-bottom:36px}
.foix-sobre.foix-home-inm .fs-portada .fs-acciones{margin-top:18px}

/* 47. Home: aire entre capitulo y titular */
.foix-sobre.foix-home-inm .fs-portada .fs-fila{margin-top:0;padding-top:0}
.foix-sobre.foix-home-inm .fs-portada .fs-abajo{margin-top:auto}
.foix-sobre.foix-home-inm .fs-portada .fs-baj{margin:0}
/* 48. Home: leyenda del viaje equilibrada */
.foix-sobre.foix-home-inm .fs-relato p{max-width:17ch;text-wrap:balance}

/* 49. Home/Sobre: titular en una linea y mas liviano; escenas fijadas mas cortas (scroll mas agil); credenciales sin banda giratoria */
.foix-sobre.foix-home-inm .fs-portada h1{font-size:clamp(30px,5.2vw,78px)!important;font-weight:500!important;letter-spacing:-.03em!important;line-height:1.05!important;white-space:nowrap}
.foix-sobre.foix-home-inm .fs-portada h1 .fs-l{display:inline}
.foix-sobre.foix-home-inm .fs-portada h1 i{font-weight:400;margin:0 .1em;font-size:.9em}
.foix-sobre.fs-js .fs-pin{height:200vh;height:200svh}
.foix-sobre.foix-home-inm.fs-js .fs-portada.fs-pin{height:190vh;height:190svh}
.foix-sobre.foix-home-inm .fs-franja{padding:0;overflow:visible}
.foix-sobre.foix-home-inm .fs-cred{display:grid;grid-template-columns:repeat(4,1fr);gap:0 36px;padding-top:64px;padding-bottom:64px}
.foix-sobre.foix-home-inm .fs-cred-item{position:relative;margin:0;padding-top:20px;font-size:clamp(17px,1.5vw,21px);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:#15181C;border-top:2px solid #E4DFD5}
.foix-sobre.foix-home-inm .fs-cred-item::before{content:"";position:absolute;top:-2px;left:0;width:100%;height:2px;background:#F5B800;transform:scaleX(var(--p,1));transform-origin:left}
@media (max-width:900px){.foix-sobre.foix-home-inm .fs-cred{grid-template-columns:1fr 1fr;gap:32px 24px}}
@media (max-width:760px){.foix-sobre.foix-home-inm .fs-portada h1{white-space:normal;font-size:clamp(34px,10.6vw,54px)!important}}

/* 50. TRANSICION "CORTINA": cada escena sube y cubre a la anterior (Home y Sobre nosotros). Revertir: borrar este bloque y la funcion apilar() de foix.js */
.foix-sobre.fs-js > section{position:sticky!important;z-index:1}
.foix-sobre.fs-js > section + section{box-shadow:0 -28px 70px rgba(14,17,20,.32)}
.foix-sobre .fs-cubre{position:absolute;inset:0;background:#0E1114;opacity:0;pointer-events:none;z-index:40}


/* 51. PAGINAS INTERNAS CON PORTADA (clase body foix-hero, ver functions.php). Portada baja con foto, velo plano y titular grande, igual que Home. Revertir: borrar este bloque y la funcion foix_clase_portada. */
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{position:relative;min-height:min(62svh,580px);padding-top:92px;background-color:#0E1114;background-image:url(/wp-content/uploads/2024/07/IMG-9439.jpg);background-size:cover;background-position:center 62%;display:flex;align-items:flex-end;border-radius:0 !important;overflow:hidden}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-container{width:100%;max-width:none;padding:0 36px 48px}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-background-overlay{background:#0E1114 !important;background-image:none !important;opacity:.52 !important;border-radius:0 !important}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type h1.elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(40px,6.2vw,92px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1 !important;color:#F4F1EA !important;text-transform:none !important}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget:not(.elementor-widget-heading) *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#F5B800 !important}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-shape,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-background-slideshow{display:none !important}

/* 51b. Portada interna: se anulan las tarjetas, degradados y fotos sueltas de la portada anterior para dejar solo foto + velo + titular. */
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-column,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-column-wrap,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-wrap,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-container,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-spacer .elementor-spacer-inner{background:none !important;background-image:none !important;border-radius:0 !important;box-shadow:none !important}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-spacer{display:none !important}
body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-widget-wrap{align-content:flex-end}

body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type span.elementor-heading-title,body.foix-hero [data-elementor-type="wp-page"] > section:first-of-type span.elementor-heading-title *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#F5B800 !important}

/* 52. PIE DE PAGINA con el sistema: bordes rectos y tinta de escena. */
.elementor-location-footer{background:#0E1114}
.elementor-location-footer .e-con,.elementor-location-footer .e-con-inner,.elementor-location-footer .elementor-widget-container,.elementor-location-footer .elementor-element-6dda635{border-radius:0 !important}
.elementor-location-footer .elementor-element-6dda635{background-color:#15181C !important}


/* 53. BLOG: listado (pagina Blog) y plantilla de entrada, con el sistema de diseno. Revertir: borrar este bloque. */
.foix-con-entradas .elementor-element-b4a4e13,.foix-con-entradas .elementor-element-0a98ff0{display:none !important}
.foix-entradas{background:#FAF8F3;padding:72px 36px 96px;font-family:"Schibsted Grotesk",system-ui,sans-serif}
.foix-entradas .fx-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px}
.foix-entradas .fx-card{display:flex;flex-direction:column;gap:12px;color:#15181C;text-decoration:none;border-top:1px solid #E4DFD5;padding-top:20px}
.foix-entradas .fx-img{display:block;aspect-ratio:3/2;overflow:hidden;background:#0E1114}
.foix-entradas .fx-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.foix-entradas .fx-card:hover .fx-img img{transform:scale(1.04)}
.foix-entradas .fx-ey{font-size:13px;font-weight:600;letter-spacing:.18em;line-height:1.3;color:#7F6200}
.foix-entradas h3.fx-t{margin:0;font-size:28px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:#15181C !important;font-family:"Schibsted Grotesk",system-ui,sans-serif !important}
.foix-entradas .fx-ex{margin:0;font-size:17px;line-height:1.6;color:#4A4F56}
.foix-entradas .fx-m{font-size:14px;font-weight:500;color:#4A4F56}
.foix-entradas .fx-pag{max-width:1240px;margin:64px auto 0;display:flex;gap:8px}
.foix-entradas .fx-pag a{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #6B6F76;border-radius:4px;color:#15181C;text-decoration:none;font-weight:600}
.foix-entradas .fx-pag a[aria-current=page]{background:#F5B800;border-color:#F5B800}
@media(max-width:900px){.foix-entradas .fx-in{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.foix-entradas{padding:48px 20px 72px}.foix-entradas .fx-in{grid-template-columns:1fr}}

.foix-entrada{background:#FAF8F3;color:#15181C;font-family:"Schibsted Grotesk",system-ui,sans-serif}
.foix-entrada .fe-cab{position:relative;min-height:min(72svh,660px);padding:120px 36px 56px;display:flex;align-items:flex-end;background-color:#0E1114;background-size:cover;background-position:center;overflow:hidden}
.foix-entrada .fe-vl{position:absolute;inset:0;background:linear-gradient(to top,#0E1114CC 0%,#0E111473 55%,#0E111459 100%)}
.foix-entrada .fe-cab-in{position:relative;width:100%;max-width:1100px}
.foix-entrada .fe-ey{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.18em;line-height:1.3;color:#F5B800}
.foix-entrada h1.fe-tit{margin:0;max-width:17em;font-size:clamp(34px,5.4vw,76px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.02 !important;color:#F4F1EA !important;text-transform:none !important;font-family:"Schibsted Grotesk",system-ui,sans-serif !important}
.foix-entrada .fe-meta{margin:24px 0 0;font-size:15px;font-weight:500;color:#D9D4C8}
.foix-entrada .fe-cuerpo{max-width:720px;margin:0 auto;padding:72px 24px 96px;font-size:17px;line-height:1.7;color:#15181C}
.foix-entrada .fe-cuerpo p,.foix-entrada .fe-cuerpo li{font-size:17px;line-height:1.7;color:#15181C}
.foix-entrada .fe-cuerpo p{margin:0 0 1.3em}
.foix-entrada .fe-cuerpo h2{margin:56px 0 16px;font-size:28px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:#15181C !important}
.foix-entrada .fe-cuerpo h3{margin:40px 0 12px;font-size:22px !important;font-weight:700 !important;letter-spacing:-.01em !important;line-height:1.2 !important;color:#15181C !important}
.foix-entrada .fe-cuerpo a{color:#7F6200;text-decoration:underline;text-underline-offset:3px}
.foix-entrada .fe-cuerpo ul,.foix-entrada .fe-cuerpo ol{margin:0 0 1.3em;padding-left:1.4em}
.foix-entrada .fe-cuerpo li{margin:0 0 .5em}
.foix-entrada .fe-cuerpo blockquote{margin:44px 0;padding:28px 0;border-top:1px solid #E4DFD5;border-bottom:1px solid #E4DFD5}
.foix-entrada .fe-cuerpo blockquote p{font-size:26px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.02em !important;margin:0 !important}
.foix-entrada .fe-cuerpo img{max-width:100%;height:auto;border-radius:0}
.foix-entrada .fe-cuerpo figure{margin:40px 0}
.foix-entrada .fe-cuerpo figcaption{margin-top:8px;font-size:14px;color:#4A4F56}
.foix-entrada .fe-cta{background:#0E1114;padding:96px 36px;color:#F4F1EA}
.foix-entrada .fe-cta-in{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.foix-entrada .fe-cta h2{margin:0;max-width:16em;font-size:clamp(30px,3.8vw,52px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.05 !important;color:#F4F1EA !important}
.foix-entrada .fe-btn{display:inline-block;padding:20px 40px;border-radius:4px;background:#F5B800;color:#15181C;font-size:18px;font-weight:600;text-decoration:none}
.foix-entrada .fe-btn:hover{background:#FFC726}
@media(max-width:700px){.foix-entrada .fe-cab{padding:104px 20px 40px}.foix-entrada .fe-cuerpo{padding:48px 20px 72px}.foix-entrada .fe-cta{padding:64px 20px}}


/* 54. Portadas con foto propia por pagina (Blog y Areas); el resto usa la foto por defecto del bloque 51. Fotos en Medios. */
body.page-id-221.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{background-image:url(/wp-content/uploads/2026/10/image-2-scaled.jpg);background-position:center 58%}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{background-image:url(/wp-content/uploads/2026/10/image-5-scaled.jpg);background-position:center 60%}
/* Tarjetas de la pagina Areas: todas las fotos con la misma proporcion */
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0}


/* 55. TARJETAS DE AREAS (pagina 217) y PAGINAS DE AREA (clase foix-area), con el sistema. Revertir: borrar este bloque. */
body.page-id-229.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{background-image:url(/wp-content/uploads/2026/10/image-3-scaled.jpg);background-position:center 62%}
body.page-id-217 [data-elementor-type="wp-page"]{counter-reset:area}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-wrap.elementor-element-populated:has(> .elementor-widget-image){counter-increment:area;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:20px 0 8px !important;border-top:1px solid #E4DFD5}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-image{margin-bottom:20px !important}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-image + .elementor-widget-heading .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:28px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:#15181C !important;text-transform:none !important}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-image + .elementor-widget-heading .elementor-heading-title::before{content:counter(area,decimal-leading-zero);display:block;margin-bottom:10px;font-size:14px;font-weight:600;letter-spacing:.18em;line-height:1;color:#7F6200}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:17px !important;line-height:1.6 !important;color:#4A4F56 !important}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor + .elementor-widget-heading{margin-top:auto !important;padding-top:12px;align-self:flex-start;width:auto !important}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor + .elementor-widget-heading .elementor-heading-title,body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor + .elementor-widget-heading a{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:#15181C !important;text-decoration:none !important}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor + .elementor-widget-heading a{display:inline-block}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-widget-text-editor + .elementor-widget-heading a::after{content:" \2192"}

body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2){padding:72px 36px 96px !important}
body.foix-area [data-elementor-type="wp-page"] .elementor-widget-wrap.elementor-element-populated:has(> .elementor-widget-text-editor){background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2) .elementor-widget-heading .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(36px,4.6vw,64px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.02 !important;color:#15181C !important;text-transform:none !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2) .elementor-widget-text-editor *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:17px !important;line-height:1.7 !important;color:#15181C !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2) .elementor-widget-text-editor ul{padding-left:1.2em}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2) .elementor-widget-text-editor li{margin-bottom:.45em}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2) .elementor-widget-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0 !important;box-shadow:none !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3){background:#0E1114 !important;padding:96px 36px !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3) .elementor-background-overlay{display:none !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3) .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(30px,3.8vw,52px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.05 !important;color:#F4F1EA !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3) .elementor-widget-text-editor *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:20px !important;line-height:1.55 !important;color:#B9B4A8 !important}
body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3) .elementor-button{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;background:#F5B800 !important;color:#15181C !important;border-radius:4px !important;font-size:18px !important;font-weight:600 !important;padding:20px 40px !important}
@media(max-width:700px){body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(2){padding:48px 20px 64px !important}body.foix-area [data-elementor-type="wp-page"] > section:nth-of-type(3){padding:64px 20px !important}}

/* 56. Paginas de area (contenedores flex): texto plano sobre papel, foto sin redondeo */
body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(.foix-cta){padding-block:clamp(48px,7vw,96px) !important;background:transparent !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(.foix-cta) > .e-con-inner{gap:clamp(32px,5vw,72px) !important;align-items:flex-start !important}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child{background:transparent !important;box-shadow:none !important;border-radius:0 !important;border:0 !important;padding:0 !important}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child .elementor-heading-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:700;font-size:clamp(34px,4.4vw,56px);line-height:1.05;letter-spacing:-.02em;color:#15181C;margin-bottom:20px}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child .elementor-widget-text-editor{font-size:17px;line-height:1.64;color:#4A4F56}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child ul{list-style:none;padding:0;margin:16px 0 0}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child li{padding:10px 0;border-top:1px solid #E4DFD5;color:#15181C}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child li:last-child{border-bottom:1px solid #E4DFD5}
body.foix-area [data-elementor-type="wp-page"] .e-con.e-child .elementor-widget-image img{border-radius:0 !important;box-shadow:none !important;width:100%;aspect-ratio:4/3;object-fit:cover}

/* 56b. Paginas de area: gutter, contenedor y sin banda vacia */
body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(.foix-cta) > .e-con-inner{max-width:1240px !important;margin-inline:auto;padding-inline:36px !important;box-sizing:border-box}
body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(:has(.elementor-widget)){display:none !important}
@media(max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(.foix-cta) > .e-con-inner{padding-inline:20px !important}}

/* 56c. Paginas de area: ocultar contenedor que solo tiene espaciador */
body.foix-area [data-elementor-type="wp-page"] > .e-parent:not(:has(.elementor-widget:not(.elementor-widget-spacer))){display:none !important}

/* 57. Areas (217): tarjetas con exactamente el mismo ancho y alineacion en todas las filas */
body.page-id-217 [data-elementor-type="wp-page"] .elementor-inner-section[data-id="594c9ab4"] > .elementor-container{width:100%;max-width:1200px;margin-inline:auto}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-inner-section[data-id="594c9ab4"] > .elementor-container > .elementor-column{margin:0 !important;padding:0 !important;box-sizing:border-box}
body.page-id-217 [data-elementor-type="wp-page"] .elementor-inner-section[data-id="594c9ab4"] > .elementor-container > .elementor-column > .elementor-widget-wrap{width:100% !important;max-width:100% !important;margin:0 !important;padding:20px 20px 8px !important;box-sizing:border-box}

/* 58. Tiempo de lectura entre escenas: espacio extra (lo crea foix.js) antes de que la siguiente cubra */
.foix-sobre .fs-dwell{display:block;flex:none;width:100%;grid-column:1/-1;pointer-events:none;height:0}

/* 59. Contacto (225) y Agendar (229): mismo gutter y ancho que la portada */
body.page-id-225 [data-elementor-type="wp-page"] > section:not(:first-of-type) > .elementor-container,
body.page-id-229 [data-elementor-type="wp-page"] > section:not(:first-of-type) > .elementor-container{max-width:1240px;margin-inline:auto;padding-inline:36px;box-sizing:border-box}
@media(max-width:767px){
body.page-id-225 [data-elementor-type="wp-page"] > section:not(:first-of-type) > .elementor-container,
body.page-id-229 [data-elementor-type="wp-page"] > section:not(:first-of-type) > .elementor-container{padding-inline:20px}
}

/* 59b. Agendar (229): contenedor flex con el mismo gutter que la portada */
body.page-id-229 [data-elementor-type="wp-page"] > .e-parent{padding-inline:0 !important}
body.page-id-229 [data-elementor-type="wp-page"] > .e-parent > .e-con-inner{max-width:1240px !important;margin-inline:auto;padding-inline:36px;box-sizing:border-box}
@media(max-width:767px){body.page-id-229 [data-elementor-type="wp-page"] > .e-parent > .e-con-inner{padding-inline:20px}}

/* 60. Areas (217): portada cinematografica a pantalla completa; la grilla la cubre al bajar. Revertir: borrar este bloque y el bloque "Areas 217" al final de foix.js. */
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{position:sticky !important;top:0;z-index:0;min-height:100vh !important;min-height:100svh !important;display:flex !important;align-items:flex-end;overflow:hidden;background-image:none !important;isolation:isolate}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-background-overlay{display:none !important}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type::before{content:"";position:absolute;inset:-4%;z-index:0;background:url(/wp-content/uploads/2026/10/image-5-scaled.jpg) 50% 60%/cover no-repeat;transform:translate3d(0,var(--foix-desplaza,0px),0) scale(var(--foix-escala,1.1));will-change:transform}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(14,17,20,var(--cubre,0)),rgba(14,17,20,var(--cubre,0))),linear-gradient(180deg,rgba(14,17,20,.55) 0%,rgba(14,17,20,.12) 32%,rgba(14,17,20,.78) 100%);pointer-events:none}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-container{position:relative;z-index:2;width:100%;max-width:1440px;margin-inline:auto;min-height:100vh;min-height:100svh;align-items:flex-end;padding:120px 40px 72px !important;box-sizing:border-box}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type h1.elementor-heading-title{font-family:'Schibsted Grotesk',sans-serif;font-size:clamp(44px,8vw,112px) !important;font-weight:800 !important;line-height:.98 !important;letter-spacing:-.045em !important;color:#fff !important;max-width:10ch;margin:0}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj,body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj p{font-size:20px;line-height:1.5;color:#E9E5DB;max-width:34ch;margin:24px 0 0}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-container::after{content:"DESLIZA \2193";position:absolute;right:40px;bottom:72px;font-size:13px;font-weight:600;letter-spacing:.14em;color:#E9E5DB}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:nth-of-type(2){position:relative;z-index:2;background:#FAF8F3;box-shadow:0 -28px 70px rgba(14,17,20,.32)}
@media(max-width:767px){
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-container{padding:96px 20px 56px !important}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type > .elementor-container::after{right:20px;bottom:56px}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj,body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj p{font-size:17px}
}
@media(prefers-reduced-motion:no-preference){
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type h1.elementor-heading-title{animation:fx-sube .9s cubic-bezier(.2,.7,.2,1) both .15s}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj{animation:fx-sube .9s cubic-bezier(.2,.7,.2,1) both .4s}
html.fx-js body.page-id-217 .fx-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.fx-js body.page-id-217 .fx-rv.fx-visto{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{position:relative !important;min-height:80svh !important}}
@keyframes fx-sube{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* 60b. Areas (217): ajustes de la portada */
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type{padding:0 !important;height:100vh;height:100svh}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type::after{background:linear-gradient(rgba(14,17,20,var(--cubre,0)),rgba(14,17,20,var(--cubre,0))),linear-gradient(180deg,rgba(14,17,20,.6) 0%,rgba(14,17,20,.28) 30%,rgba(14,17,20,.88) 100%) !important}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj,body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj .elementor-widget-container,body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj p{font-size:20px !important;line-height:1.5 !important;font-weight:400 !important;text-transform:none !important;letter-spacing:normal !important;color:#E9E5DB !important;max-width:34ch}
@media(max-width:767px){body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .fx-baj p{font-size:17px !important}}
/* 60c. Areas (217): respiro inferior en movil */
@media(max-width:767px){body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-container{padding-bottom:64px !important}body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-container::after{display:none !important}}

/* 61. Paginas de area (476, 490, 512, 520, 528, 536, 718): portada cinematografica. La foto de la columna derecha pasa a ser el fondo a pantalla completa y el resto sube encima al hacer scroll. Revertir: borrar bloques 61 y 61b y el bloque JS "Areas detalle". */
body.foix-area header.foix-sticky{position:fixed;left:0;right:0;width:100%;z-index:60}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) > .e-con{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(14,17,20,.62) 0%,rgba(14,17,20,0) 100%)!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) > .e-con::before{background-color:transparent!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) img{content:url(/wp-content/uploads/2026/10/foix-logo-blanco.png);height:42px}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a){color:#fff!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) .elementor-nav-menu--main .elementor-item:not(.menu-item-586 > a)::after{background-color:#F5B800!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle{color:#fff!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle svg{fill:#fff!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) .elementor-menu-toggle i{color:#fff!important}
body.foix-area header.foix-sticky:not(.foix-sticky--compacto) > .e-con{padding-left:36px!important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image){position:sticky !important;top:0;z-index:0;min-height:100vh;min-height:100svh;display:flex !important;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:0 !important;margin:0 !important;background:#0E1114 !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(14,17,20,var(--cubre,0)),rgba(14,17,20,var(--cubre,0))),linear-gradient(180deg,rgba(14,17,20,.62) 0%,rgba(14,17,20,.3) 28%,rgba(14,17,20,.9) 100%)}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner{position:static !important;width:100% !important;max-width:1440px !important;margin:0 auto !important;min-height:100vh;min-height:100svh;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;gap:0 !important;padding:120px 40px 72px !important;box-sizing:border-box}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(1){position:relative !important;z-index:2;width:100% !important;max-width:760px !important;padding:0 !important;margin:0 !important;background:transparent !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2){position:absolute !important;inset:-4% !important;z-index:0;width:auto !important;height:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;transform:translate3d(0,var(--foix-desplaza,0px),0) scale(var(--foix-escala,1.06));will-change:transform}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2) .elementor-widget,body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2) .elementor-widget-container{width:100% !important;height:100% !important;margin:0 !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2) img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;object-position:50% 60%;border-radius:0 !important;box-shadow:none !important;aspect-ratio:auto !important;display:block}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(38px,6.4vw,88px) !important;font-weight:800 !important;line-height:.98 !important;letter-spacing:-.045em !important;color:#fff !important;max-width:14ch;margin:0 0 28px !important;text-transform:none !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-heading{width:auto !important;max-width:100% !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor{max-width:56ch;width:100% !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:18px !important;line-height:1.6 !important;font-weight:400 !important;color:#E9E5DB !important;letter-spacing:normal !important;text-transform:none !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor p{margin:0 0 .9em}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner::after{content:"DESLIZA \2193";position:absolute;right:40px;bottom:72px;z-index:2;font:600 12px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.24em;color:rgba(233,229,219,.85)}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) ~ .e-con{position:relative;z-index:2}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) + .e-con{box-shadow:0 -28px 70px rgba(14,17,20,.32)}
@media(max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner{padding:96px 22px 48px !important}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner::after{display:none}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor *{font-size:16px !important}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2){inset:-2% !important}}
@media (prefers-reduced-motion:no-preference){body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-heading{animation:fx-sube .9s cubic-bezier(.2,.7,.2,1) .1s both}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor{animation:fx-sube .9s cubic-bezier(.2,.7,.2,1) .3s both}}
@media (prefers-reduced-motion:reduce){body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image){position:relative !important;min-height:80vh;min-height:80svh}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner{min-height:80vh;min-height:80svh}body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner > .e-con:nth-child(2){transform:none !important}}

/* 61b. Areas: tamanos segun el alto de pantalla (para que el texto largo no se salga) y cue de scroll lejos del boton de WhatsApp. */
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner{padding-top:104px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-heading-title{font-size:clamp(34px,min(5.6vw,9.5vh),80px) !important;max-width:20ch !important;margin-bottom:clamp(14px,3vh,28px) !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor{max-width:62ch}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor *{font-size:clamp(15px,2.3vh,18px) !important;line-height:1.55 !important}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor p{margin-bottom:.7em}
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner::after{right:112px !important}
body.page-id-217.foix-hero [data-elementor-type="wp-page"] > section:first-of-type .elementor-container::after{right:112px !important}
@media(max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image) > .e-con-inner .elementor-widget-text-editor *{font-size:clamp(14px,2.2vh,16px) !important}}
/* 61c. Areas: sin relleno superior en el body (la portada parte en el borde de la pantalla). */
body.foix-area{padding-top:0 !important}
/* 61d. Areas: la seccion "Otras areas" necesita fondo propio para tapar la portada que queda fija detras. */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){background:#FAF8F3 !important}
/* 61e. Areas: si el contenido de la portada es mas alto que la pantalla, la portada deja de quedar fija (el JS agrega fx-alto). */
body.foix-area [data-elementor-type="wp-page"] > .e-con:has(> .e-con-inner > .e-con .elementor-widget-image).fx-alto{position:relative !important}
/* 62. Logo del encabezado: en movil el contenedor se encogia y el logo (alto fijo) se deformaba. Ahora no se encoge y conserva su proporcion 4:1. */
header.foix-sticky .elementor-widget-image{flex:0 0 auto !important;width:auto !important}
header.foix-sticky img{object-fit:contain;max-width:none !important}

/* 63. PRUEBA v3 (solo Derecho Inmobiliario, pagina 476): cierre cinematografico. El banner es una escena a pantalla completa (como la portada, con una pausa antes de ser cubierta) y "Otras areas" sube encima como tarjeta clara. Revertir: borrar este bloque. */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta{position:sticky !important;top:0;z-index:2;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;margin-bottom:34vh;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:stretch !important;padding:0 !important;background:#0E1114 !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta::before{content:"";position:absolute;inset:0;width:100% !important;height:100% !important;z-index:-2;transform:scale(1.05);background:url(/wp-content/uploads/2024/05/Volcan-Osorno-lejos.jpg) 40% 15%/cover no-repeat}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(14,17,20,.66) 0%,rgba(14,17,20,.28) 55%,rgba(14,17,20,.08) 100%),linear-gradient(180deg,rgba(14,17,20,.34) 0%,rgba(14,17,20,.06) 35%,rgba(14,17,20,.78) 100%)}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{flex:0 0 auto !important;position:relative;width:100% !important;max-width:1440px !important;margin:0 auto !important;padding:120px 40px 72px !important;gap:0 !important;align-items:flex-start !important;text-align:left;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-heading{width:auto !important;max-width:100% !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;color:#fff !important;font-size:clamp(38px,6.4vw,88px) !important;font-weight:800 !important;line-height:.98 !important;letter-spacing:-.045em !important;text-align:left !important;max-width:12ch;margin:0 0 24px !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor{max-width:48ch;width:100% !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor *{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;color:#E9E5DB !important;font-size:19px !important;line-height:1.55 !important;text-align:left !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .e-con-inner > .e-con{flex-direction:row !important;flex-wrap:wrap;justify-content:flex-start !important;gap:12px !important;width:100% !important;margin-top:32px}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-button{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;border-radius:0 !important;padding:16px 30px !important;font-weight:600 !important;transition:background .25s,color .25s,border-color .25s}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .foix-cta-principal .elementor-button{background:#fff !important;color:#0E1114 !important;border:1px solid #fff !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .foix-cta-principal .elementor-button:hover{background:transparent !important;color:#fff !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .foix-cta-secundario .elementor-button{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.5) !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .foix-cta-secundario .elementor-button:hover{background:rgba(255,255,255,.12) !important;border-color:#fff !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){position:relative !important;z-index:3;background:#FAF8F3 !important;border-radius:28px 28px 0 0;box-shadow:0 -28px 70px rgba(14,17,20,.38);padding:88px 0 104px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{max-width:1440px !important;width:100% !important;padding:0 40px !important;gap:18px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .elementor-heading-title{font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:rgba(21,24,28,.55) !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px !important;margin:0 !important;padding:0 !important;list-style:none}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista li{margin:0;border-top:1px solid rgba(21,24,28,.16)}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{display:flex !important;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#15181C !important;font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(20px,2.3vw,32px) !important;font-weight:700 !important;letter-spacing:-.025em;line-height:1.1;transition:padding-left .3s,color .3s}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a::after{content:"\2192";font-weight:400;opacity:.5;transition:opacity .3s,transform .3s}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a:hover{padding-left:12px !important;color:#9A6B00 !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a:hover::after{opacity:1;transform:translateX(4px)}
@media(max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{margin-bottom:22vh}body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:88px 22px 48px !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor,body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor *{font-size:17px !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta .e-con-inner > .e-con{flex-direction:column !important;align-items:stretch !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-button{width:100%;text-align:center}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){border-radius:20px 20px 0 0;padding:64px 0 72px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{padding:0 22px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{position:relative !important;margin-bottom:0}}

/* 63b. Ajuste prueba 476: foto menos ampliada; tarjeta Otras areas mas grande y sin bordes redondeados */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta::before{transform:none !important;background-position:42% 30% !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){border-radius:0 !important;padding:120px 0 136px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .elementor-heading-title{font-size:14px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista li{padding-block:8px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{font-size:clamp(22px,2.4vw,34px) !important;padding-block:18px !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){border-radius:0 !important;padding:80px 0 96px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{font-size:clamp(22px,6.4vw,28px) !important}}
/* 63c. Escena de cierre mas compacta para no competir con la portada */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:68vh !important;min-height:68svh !important;margin-bottom:14vh !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:96px 40px 56px !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-heading-title{font-size:clamp(32px,4.6vw,64px) !important;max-width:16ch !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-widget-text-editor{font-size:17px !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:62svh !important;margin-bottom:10vh !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:80px 22px 40px !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-heading-title{font-size:clamp(30px,9vw,40px) !important}}
/* 63d. Sin hueco entre la escena y Otras areas (la portada asomaba por debajo) */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:76vh !important;min-height:76svh !important;margin-bottom:0 !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:70svh !important;margin-bottom:0 !important}}
/* 63e. Otras areas del mismo alto que la escena del volcan */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:76vh !important;min-height:76svh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:96px 0 !important;box-sizing:border-box}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:70svh !important;padding:72px 0 !important}}
/* 63f. Otras areas: alto segun contenido, poco espacio vacio abajo */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:0 !important;display:block !important;padding:88px 0 56px !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:0 !important;padding:64px 0 44px !important}}
/* 63g. Otras areas cubre por completo la escena anterior y usa todo el ancho */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:100vh !important;min-height:100svh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:120px 0 96px !important;box-sizing:border-box}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{max-width:none !important;width:100% !important;padding:0 40px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{font-size:clamp(22px,2.4vw,40px) !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:100svh !important;padding:96px 0 72px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{padding:0 22px !important}}
/* 63h. Elementos de Otras areas a todo el ancho */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner > .elementor-widget{width:100% !important;max-width:none !important;align-self:stretch !important}
/* 63i. Otras areas: la lista se reparte en toda la pantalla (sin vacio abajo) */
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){justify-content:flex-start !important;padding:132px 0 56px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{flex:1 1 auto !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;gap:22px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner > .elementor-widget-html{flex:1 1 auto !important;display:flex !important;flex-direction:column !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .elementor-widget-html > .elementor-widget-container{flex:1 1 auto !important;display:flex !important;flex-direction:column !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista{flex:1 1 auto !important;grid-auto-rows:1fr !important;align-content:stretch !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista li{display:flex !important;align-items:stretch !important;margin:0 !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding-block:0 !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){padding:100px 0 40px !important}}
/* 63j. Escena y Otras areas de alto parecido y segun contenido: la tarjeta cubre la escena, sin vacio */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:0 !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:80px 40px 52px !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta .elementor-heading-title{max-width:20ch !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:480px !important;padding:96px 0 64px !important;justify-content:flex-start !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{flex:0 0 auto !important;gap:20px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner > .elementor-widget-html{flex:0 0 auto !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .elementor-widget-html > .elementor-widget-container{flex:0 0 auto !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista{flex:0 0 auto !important;grid-auto-rows:auto !important;align-content:start !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{padding-block:20px !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:0 !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:84px 22px 40px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:0 !important;padding:64px 0 44px !important}}
/* 63k. Escena a 76svh (tapa la portada) y Otras areas del mismo alto con el contenido centrado */
body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:76vh !important;min-height:76svh !important}
body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:96px 40px 56px !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:76vh !important;min-height:76svh !important;display:flex !important;flex-direction:column !important;padding:96px 0 !important;box-sizing:border-box}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) > .e-con-inner{margin-block:auto !important}
body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{padding-block:26px !important}
@media (max-width:767px){body.foix-area [data-elementor-type="wp-page"] > .foix-cta{min-height:70svh !important}body.foix-area [data-elementor-type="wp-page"] > .foix-cta > .e-con-inner{padding:84px 22px 40px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta){min-height:0 !important;padding:64px 0 44px !important}body.foix-area [data-elementor-type="wp-page"] > .e-parent.foix-otras:not(.foix-cta) .foix-otras-lista a{padding-block:18px !important}}
/* 64. Home movil: los dos botones de la portada con el mismo ancho */
@media (max-width:767px){body.home .fs-acciones{flex-direction:column !important;align-items:stretch !important;gap:12px !important;width:100% !important}body.home .fs-acciones .fs-boton,body.home .fs-acciones .fs-boton-linea,body.home .fs-acciones .foix-boton{width:100% !important;max-width:none !important;box-sizing:border-box !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;margin:0 !important}}
@media (max-width:767px){body.home .fs-acciones .fs-boton,body.home .fs-acciones .fs-boton-linea{height:64px !important;min-height:64px !important;padding-block:0 !important;line-height:1 !important}}
/* 65. Footer del Home: siempre por encima de las escenas pegajosas (en celular se veia lavado, texto casi invisible) */
body.home footer.elementor-location-footer{position:relative !important;z-index:40 !important;isolation:isolate;background-color:#0E1114 !important;opacity:1 !important;filter:none !important}
body.home footer.elementor-location-footer *{opacity:1}
body.home footer.elementor-location-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:#0E1114}
/* 66. Footer siempre oscuro, tambien con el telefono en modo oscuro (ahi el token tinta pasa a claro y el pie quedaba palido). */
footer.elementor-location-footer,footer.elementor-location-footer > .elementor-section.elementor-top-section,footer.elementor-location-footer .elementor-top-section{background-color:#0E1114 !important}
footer.elementor-location-footer .elementor-top-section:last-child{background-color:#0A0C0E !important}

/* 67. Cierre cinematografico en todas las areas: foto propia por pagina (distinta a la del banner). */
body.page-id-490 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-3-scaled.jpg) !important;background-position:50% 55% !important}
body.page-id-512 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-2-scaled.jpg) !important;background-position:50% 40% !important}
body.page-id-520 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-4-scaled.jpg) !important;background-position:50% 50% !important}
body.page-id-528 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-5-scaled.jpg) !important;background-position:50% 55% !important}
body.page-id-536 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-8-scaled.jpg) !important;background-position:50% 60% !important}
body.page-id-718 [data-elementor-type="wp-page"] > .foix-cta::before{background-image:url(/wp-content/uploads/2026/10/image-7-scaled.jpg) !important;background-position:50% 55% !important}

/* 68. Modo oscuro: colores globales de Elementor (primary, text, secondary) que no se invertian, y texto de botones amarillos. */
@media (prefers-color-scheme: dark){
:root:not([data-tema='claro']) .elementor-kit-245{--e-global-color-primary:#F2F0EC;--e-global-color-text:#C9CDD2;--e-global-color-secondary:#A8ADB3}
:root:not([data-tema='claro']) .elementor-widget:not(.foix-cta-secundario) .elementor-button,:root:not([data-tema='claro']) .elementor-widget:not(.foix-cta-secundario) .elementor-button .elementor-button-text{color:#15181C !important}
:root:not([data-tema='claro']) input.elementor-field,:root:not([data-tema='claro']) textarea.elementor-field,:root:not([data-tema='claro']) select.elementor-field,:root:not([data-tema='claro']) .elementor-field-textual{background-color:var(--foix-blanco) !important;color:var(--foix-tinta) !important;border-color:var(--foix-campo) !important}
:root:not([data-tema='claro']) .elementor-field::placeholder{color:var(--foix-tenue) !important;opacity:1}
}
footer.elementor-location-footer .elementor-button,footer.elementor-location-footer .elementor-button .elementor-button-text{color:#15181C !important}

/* 69. (ajuste de 68: boton outline de las areas excluido; campos de formulario en oscuro) */

/* 70. Areas de practica: el espaciador vacio final dejaba ver el banner fijo (foto y texto) bajo la ultima tarjeta. */
body.page-id-217 [data-elementor-type="wp-page"] > .elementor-element-7b9414d{display:none !important}

/* 71. Logo del header: capa propia para que nada lo tape y area de toque comoda. */
header.elementor-location-header .elementor-widget-image{position:relative;z-index:5}
header.elementor-location-header .elementor-widget-image a{display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* 71b. Area de toque del logo mas grande (minimo ~48px de alto) sin mover el diseno. */
header.elementor-location-header .elementor-widget-image a{padding:10px 14px;margin:-10px -14px}

/* 72. Menu movil: panel oscuro con foto, tipografia grande, numeracion dorada y entrada escalonada. */
@media (max-width:1024px){
body header.elementor-location-header .elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:0 !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:fixed !important;top:var(--foix-hdr,76px) !important;left:0 !important;right:0 !important;width:auto !important;height:calc(100vh - var(--foix-hdr,76px)) !important;height:calc(100svh - var(--foix-hdr,76px)) !important;max-height:none !important;transform:none !important;margin:0 !important;overflow-y:auto !important;overflow-x:hidden !important;border:0 !important;box-shadow:none !important;z-index:50;background:linear-gradient(180deg,rgba(14,17,20,.80) 0%,rgba(14,17,20,.95) 100%),url(/wp-content/uploads/2024/05/Volcan-Osorno-lejos.jpg) 55% 35%/cover no-repeat,#0E1114 !important;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .5s !important}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .5s cubic-bezier(.2,.7,.2,1),visibility 0s !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu{counter-reset:fm;display:flex !important;flex-direction:column;margin:0 !important;padding:20px 24px 56px !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li{counter-increment:fm;border:0 !important;border-bottom:1px solid rgba(242,240,236,.14) !important;margin:0 !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item{display:flex !important;align-items:baseline;justify-content:flex-start !important;gap:16px;padding:16px 0 !important;border:0 !important;background:transparent !important;color:#F2F0EC !important;font-family:"Schibsted Grotesk",system-ui,sans-serif !important;font-size:clamp(26px,7.6vw,40px) !important;font-weight:700 !important;line-height:1.08 !important;letter-spacing:-.015em !important;text-transform:none !important;text-align:left !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item::before{content:counter(fm,decimal-leading-zero);font-family:"Schibsted Grotesk",system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1;letter-spacing:.16em;color:#F5B800;min-width:26px;transform:translateY(-.3em)}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item::before{position:static !important;display:block !important;width:auto !important;height:auto !important;top:auto !important;left:auto !important;right:auto !important;background:none !important;opacity:1 !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item::after{content:none !important;display:none !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item:hover,header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible,header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{color:#F5B800 !important;background:transparent !important}
header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible{outline:2px solid #F5B800;outline-offset:2px}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li{animation:foixMenuIn .6s cubic-bezier(.2,.7,.2,1) both}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(1){animation-delay:.12s}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(2){animation-delay:.18s}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(3){animation-delay:.24s}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(4){animation-delay:.30s}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(5){animation-delay:.36s}
header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li:nth-child(6){animation-delay:.42s}
html.foix-menu-abierto{overflow:hidden}
}
@keyframes foixMenuIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){header.elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{transition:none !important}header.elementor-location-header .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li{animation:none !important}}