/*
 * landing.css — GENERADO por tools/build-landing-css.py.
 * No editar a mano: cualquier cambio se pierde al regenerar.
 * Medidas extraídas de landing_saritja_def.pdf.
 */

:root {
	--c-tinta: #282829;
	--c-tinta-2: #353234;
	--c-terracota: #c07f63;
	--c-salvia: #8e9884;
	--c-crema: #f7f4ed;
	--c-hueso: #fdfbf7;
	--c-menta: #c1d7d3;
	--c-gris: #878f8c;
	--c-gris-txt: #707875;
	--c-terra-txt: #ab6445;
	--c-pizarra: #44484c;
	--c-rojo-txt: #a02019;
	--c-blanco: #ffffff;
	--c-form-panel: rgba(250,247,241,.72);
	--c-form-campo: rgba(255,255,255,.55);
	--c-form-txt: #2d2c28;
	--c-form-apoyo: #6b6760;
	--c-form-marca: #4b4840;
	--c-form-place: #6f6b62;
	--c-form-borde: #857d6c;
	--c-form-oliva: #4a4a36;
	--c-form-claro: #f6f2ea;
	--c-form-piedra: #f4efe7;
	--c-form-linea: #8a8377;
	--lienzo: 1440px;
}


/* ── Fuentes del diseño, auto-alojadas ─────────────────────────────── */
@font-face{font-family:'Playfair Display';src:url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/PlayfairDisplay-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/PlayfairDisplay-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Minion Pro';src:url('../fonts/MinionPro-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ── Base ──────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-blanco);color:var(--c-tinta);
     font-family:Montserrat,Helvetica,Arial,sans-serif;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2{margin:0;font-weight:400}
ul{list-style:none;margin:0;padding:0}

/* ══════════════════════════════════════════════════════════════════════
   Capa de flujo. Es la que manda por debajo de 1440 px: los bloques caen
   en vertical, sin desbordamiento. El lienzo pixel perfect del diseño
   vive en el @media (min-width:1440px) del final y sólo se aplica allí.
   ══════════════════════════════════════════════════════════════════════ */
.landing{position:relative;width:100%;overflow-x:hidden}
.landing > section{position:relative;width:100%;
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(48px,7vw,96px) clamp(20px,5vw,48px);gap:clamp(22px,3vw,36px)}
.landing > section > *{width:100%;max-width:820px}

.landing [class*="__media"],.s-loc__mapa,.s-video__marco{width:100%;overflow:hidden}
.landing [class*="__media"] img,.s-video__marco img{width:100%;height:auto;object-fit:cover}
.s-loc__mapa img,.s-mat__tira-img img,.s-stats__icono img{width:100%;height:auto;object-fit:contain}

/* Tipografía fluida. */
.s-hero__titulo{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(34px,7vw,61px);line-height:1.09;color:var(--c-blanco)}
.s-hero__titulo-1{font-weight:700;display:block}
.s-hero__titulo-2{display:block}
.s-story__titulo,.s-arch__titulo,.s-int__titulo,.s-priv__titulo,.s-out__titulo,
.s-mat__titulo,.s-loc__titulo,.s-sharing__titulo{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(26px,4.6vw,45px);line-height:1.2;color:var(--c-tinta-2)}
.s-story__destacado,.s-arch__pie,.s-mat__pie{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(18px,2.8vw,27px);line-height:1.25;color:var(--c-terracota)}
.s-hero__sub,.s-sharing__sub,.s-out__cuerpo{font-size:clamp(15px,2.2vw,19px);line-height:1.5}
.s-story__cuerpo,.s-arch__cuerpo,.s-int__cuerpo,.s-priv__cuerpo,
.s-sharing__tarjeta-texto,.s-mat__cuerpo,.s-out__dato-texto{
  font-size:clamp(14px,1.9vw,15.8px);line-height:1.72}
.s-story__cuerpo p + p,.s-sharing__tarjeta-texto p + p,.s-arch__cuerpo p + p,
.s-priv__cuerpo p + p,.s-int__cuerpo p + p,.s-mat__cuerpo p + p{margin-top:1.15em}
.s-cta__titulo{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(18px,3vw,28px);line-height:1.35;text-align:center}
.s-int__nota-texto{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(14px,2vw,16.1px);line-height:1.5}

/* Rótulo NN / SECCIÓN */
.eyebrow{display:block;font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(11px,1.5vw,13.5px);letter-spacing:.26em;color:var(--c-terracota)}
.eyebrow__sep{margin:0 .35em}

/* Filetes */
.s-story__rule,.s-priv__rule,.s-out__dato-rule,.s-int__rule,.s-mat__tira-rule{
  display:block;height:1px;background:currentColor;opacity:.5;width:100%;max-width:130px}
.s-int__rule{max-width:423.5px;margin-top:10px}
.s-priv__rule,.s-out__dato-rule{background:var(--c-blanco);max-width:291px}

/* Cifras */
.s-stats__lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:36px 12px;text-align:center;width:100%}
.s-stats__icono{display:block;height:72px;margin:0 auto 20px}
.s-stats__icono img{height:100%;width:auto;margin:0 auto}
.s-stats__valor{font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:clamp(22px,3.4vw,34.7px);line-height:1.2;color:var(--c-tinta)}
.s-stats__rule{display:block;width:33px;height:1px;background:var(--c-tinta);
  opacity:.5;margin:16px auto}
.s-stats__etiqueta{font-size:9.6px;letter-spacing:.23em;text-indent:.23em;color:var(--c-tinta)}

/* Vídeo */
.s-video__marco{display:block;position:relative;text-decoration:none}
.s-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:clamp(52px,9vw,89.16px);pointer-events:none}
.s-video__play svg{width:100%;height:auto}
.s-video__boton,.s-cta__boton{display:flex;align-items:center;justify-content:center;
  text-decoration:none;cursor:pointer;background:var(--c-blanco);color:var(--c-tinta);
  font-size:11.2px;letter-spacing:.25em;text-indent:.25em;white-space:nowrap;
  width:max-content;max-width:100%;padding:0 30px;margin:0 auto}
.s-video__boton{height:39px;border-radius:19.5px;
  box-shadow:8px 8px 8px rgba(0,0,0,.68)}
/* Gana a `.landing > section > *{width:100%}`: la píldora se ajusta al rótulo. */
.landing > section > .s-video__boton,.landing > section > .s-cta__boton{width:max-content}
.s-cta__boton{height:54px}
.s-cta__boton{font-family:'Playfair Display',Georgia,serif;font-size:12.1px}

/* Interiores / materiales */
.s-int__lema{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(14px,2.2vw,18px);letter-spacing:.27em;color:var(--c-tinta-2)}
.s-mat__marcas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.s-mat__marca{background:var(--c-crema);padding:28px 22px}
.s-mat__marca-nombre{font-size:13.5px;letter-spacing:.135em;color:var(--c-terracota);margin-bottom:14px}
.s-mat__marca-texto{font-family:'Playfair Display',Georgia,serif;font-size:15.1px;
  line-height:1.46;color:var(--c-tinta-2)}
.s-mat__tira{display:flex;align-items:center;gap:14px;width:100%}
.s-mat__tira-label{font-family:'Playfair Display',Georgia,serif;font-size:15.8px;
  color:var(--c-gris);white-space:nowrap}
/* En el modal y el pie el gris va sobre claro y necesita más contraste. */
.saritja-form label{color:var(--c-gris-txt)}
.s-mat__tira-rule{flex:1;max-width:none;background:var(--c-gris);opacity:.6}

/* Ubicación */
.s-loc__lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 16px}
.s-loc__item{display:flex;align-items:flex-start;gap:17px}
.s-loc__marca{flex:0 0 37.03px;height:37.07px;border-radius:50%;background:var(--c-pizarra);
  color:var(--c-blanco);display:flex;align-items:center;justify-content:center;
  font-family:'Minion Pro',Georgia,serif;font-weight:700;font-size:19.4px}
/* Avión y chincheta son SVG del propio diseño: sin círculo dibujado por CSS. */
.s-loc__item--avion .s-loc__marca,.s-loc__item--pin .s-loc__marca{background:none;
  border-radius:0;display:block}
.s-loc__item--avion .s-loc__marca{flex:0 0 37.03px;height:37.07px}
.s-loc__item--pin .s-loc__marca{flex:0 0 33.18px;height:50.43px;margin-left:1.93px}
.s-loc__marca svg{width:100%;height:100%}
.s-loc__nombre,.s-loc__tiempo{display:block;font-family:'Playfair Display',Georgia,serif;
  font-weight:500;font-size:clamp(16px,2.6vw,21.3px);line-height:1.2;color:var(--c-tinta-2)}
.s-loc__nombre{font-style:italic}
.s-loc__notas{font-size:clamp(14px,2.2vw,18.9px);line-height:1.2}
.s-loc__notas p{margin:0 0 18px;text-indent:-10px;padding-left:10px}
.s-loc__notas p::before{content:"· "}
.s-loc__panel{background:var(--c-menta);padding:clamp(28px,5vw,48px)}

/* Bandas de color y secciones con imagen a sangre, en modo flujo. */
.s-video,.s-priv{background:var(--c-salvia);color:var(--c-blanco)}
.s-arch{background:var(--c-crema)}
.s-int{background:var(--c-hueso)}
.s-video__banda{display:none}
.s-hero,.s-sharing,.s-out,.s-cta{padding:clamp(56px,9vw,110px) clamp(20px,5vw,48px)}
/* `max-width:none` es imprescindible: estas fotos van a sangre, pero son hijas
   de la sección y les caía el `max-width:820px` de `.landing > section > *`. De
   820 px de ventana en adelante se quedaban cortas y dejaban una franja blanca
   a la derecha, en la portada, en 03, en 06 y en el cierre. */
.landing .s-hero__media,.landing .s-sharing__media,
.landing .s-out__media,.landing .s-cta__media{position:absolute;inset:0;
  width:100%;height:100%;max-width:none}
.landing .s-hero__media img,.landing .s-sharing__media img,
.landing .s-out__media img,.landing .s-cta__media img{
  width:100%;height:100%;object-fit:cover}

/* Los contenedores de texto reparten su propio aire vertical. */
.s-story__texto,.s-arch__texto,.s-arch__cabecera,.s-int__cabecera,.s-int__nota,
.s-priv__cabecera,.s-out__cabecera,.s-out__texto,.s-sharing__intro,.s-mat__izq,
.s-mat__der,.s-loc__izq,.s-cta__cuerpo,.s-cta__contacto,.s-priv__tarjeta,
.s-sharing__tarjeta,.s-out__dato,.s-loc__panel{
  display:flex;flex-direction:column;gap:clamp(14px,2.5vw,24px)}
.s-hero__media::after,.s-sharing__media::after,.s-out__media::after,.s-cta__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.55) 100%)}
.s-hero > *:not(.s-hero__media),.s-sharing > *:not(.s-sharing__media),
.s-out > *:not(.s-out__media),.s-cta > *:not(.s-cta__media){
  position:relative;z-index:1;color:var(--c-blanco)}
.s-sharing__tarjeta,.s-out__dato{background:rgba(0,0,0,.30);padding:clamp(24px,4vw,40px)}
.s-sharing__tarjeta-label,.s-out__dato-label{color:var(--c-blanco);letter-spacing:.22em}
.s-out__dato-valor{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(30px,5vw,54px);line-height:1.2;color:var(--c-blanco)}
.s-priv__tarjeta{background:transparent}
.s-priv__titulo,.s-priv__cuerpo,.s-sharing__titulo,.s-out__titulo{color:var(--c-blanco)}
.s-priv .eyebrow,.s-sharing .eyebrow,.s-out .eyebrow{color:var(--c-blanco)}

/* Portada en flujo */
.s-hero{min-height:88svh;justify-content:flex-end;gap:0;padding-left:clamp(20px,5vw,48px)}
.s-hero__top{display:flex;flex-direction:column;align-items:center;gap:16px;
  margin-bottom:auto;padding-bottom:clamp(32px,8vw,64px)}
.s-hero__tag{font-size:9.5px;letter-spacing:.25em;color:var(--c-blanco)}
.s-hero__logo{width:clamp(150px,34vw,206px)}
.s-hero__logo svg,.s-hero__omega svg,.s-cta__logo svg,.s-cta__omega svg,
.s-hero__logo img,.s-hero__omega img,.s-cta__logo img,.s-cta__omega img{width:100%;height:auto}
.s-hero__cuerpo{display:flex;flex-direction:column;gap:18px}
.s-hero__omega{width:clamp(177px,42vw,287px)}
/* El teléfono no entra en la columna: se ancla a la esquina superior derecha
   para no empujar el logotipo ni el titular. */
/* Con `.landing` delante a propósito: la regla que pone `position:relative` a
   los hijos de la portada lleva dos clases y, con una sola, esta perdía. */
.landing .s-hero__tel{position:absolute;z-index:2;width:auto;max-width:none;
  top:clamp(16px,3vw,28px);right:clamp(20px,5vw,48px);
  display:flex;align-items:center;gap:9px;color:var(--c-blanco);
  text-decoration:none;font-size:12px;letter-spacing:.1em;white-space:nowrap}
.s-hero__tel-icono{display:block;width:18px;height:18px;flex:0 0 18px}
.s-hero__tel-icono svg{width:100%;height:100%;display:block}

/* ── Formulario de captación de la portada ─────────────────────────── */
/* No está en el `.ai`: lo pidió el cliente para la campaña de Meta Ads, y el
   estudio mandó su propio diseño el 21-09-2026. No hereda de `.saritja-form`
   —el del modal— a propósito: comparten el marcado de Contact Form 7 pero no
   una sola regla de aspecto, y encadenar anulaciones salía más enrevesado que
   escribirlo entero.
   Esto es la versión en flujo, que es la de móvil y tablet: una franja de color
   piedra a todo el ancho, pegada al fondo de la portada. El panel de cristal de
   escritorio está en el bloque del lienzo, más abajo.
   Con `.landing` delante por lo mismo que el teléfono: `.landing > section > *`
   impone `max-width:820px` y sin el prefijo gana por especificidad. */
/* El formulario vive fuera de `<section class="s-hero">`: dentro, la portada
   crecía con él y `.s-hero__media` es `inset:0`, con lo que la foto se estiraba
   hasta abarcar la franja y perdía el encuadre. Aquí es un bloque más, a
   continuación de la portada, y ésta conserva su primera pantalla. */
.s-hero__form-zona{position:relative;z-index:1}
.s-hero__form{width:100%;margin:0;
  /* El padding lateral nunca baja de 44 px: la pestaña de contacto es fija,
     mide 33 px y se come el final de las líneas. Con el padding de la sección
     (20 px en un móvil de 390) el texto de la segunda casilla —que es una
     aceptación legal— quedaba medio tapado. Va simétrico para no descentrar el
     rótulo. */
  padding:clamp(34px,7vw,48px) max(clamp(20px,5vw,48px),44px) clamp(38px,8vw,52px);
  background:var(--c-form-piedra);color:var(--c-tinta)}
/* El contenido se centra en una columna legible aunque la franja sea ancha. */
.s-hero__form > *{max-width:420px;margin-left:auto;margin-right:auto}

/* `margin:0 auto`, no `margin:0`: el rótulo es hijo directo de la franja y
   necesita las márgenes automáticas de `.s-hero__form > *` para centrarse con
   el resto de la columna. Con `margin:0` se quedaba pegado a la izquierda. */
.s-hero__form-titulo{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(24px,5vw,30px);line-height:1.15;color:var(--c-tinta);
  margin:0 auto;text-align:center}
.s-hero__form-titulo::after{content:"";display:block;width:48px;height:1px;
  background:var(--c-terracota);margin:14px auto 0}
.s-hero__form-lead{font-family:Montserrat,Helvetica,Arial,sans-serif;
  font-size:13px;line-height:1.6;color:var(--c-form-apoyo);
  text-align:center;max-width:290px;margin:18px auto 0}
.s-hero__form-cuerpo{margin-top:22px}

.s-hero__form-cuerpo p{margin:0 0 8px}
.s-hero__form-cuerpo p:last-of-type{margin-bottom:0}
/* Campos de línea sobre la piedra. */
.s-hero__form input[type="text"],
.s-hero__form input[type="tel"],
.s-hero__form input[type="email"]{
  width:100%;height:48px;padding:0;border:0;border-bottom:1px solid var(--c-form-linea);
  border-radius:0;background:transparent;color:var(--c-tinta);
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:14px;
  transition:border-color var(--t-corta) var(--curva-suave)}
.s-hero__form ::placeholder{color:var(--c-form-apoyo);opacity:1}
.s-hero__form input:focus{outline:none;border-bottom-color:var(--c-terracota)}
.s-hero__form input:focus-visible{outline:2px solid var(--c-terracota);
  outline-offset:3px}

.s-hero__form-cuerpo .wpcf7-acceptance{display:block;margin-bottom:2px}
.s-hero__form-cuerpo .wpcf7-list-item{margin:0}
.s-hero__form-cuerpo .wpcf7-acceptance label,
.s-hero__form-cuerpo .wpcf7-list-item label{display:flex;align-items:flex-start;gap:9px;
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:12.5px;line-height:1.5;
  letter-spacing:0;text-transform:none;color:var(--c-form-marca)}
.s-hero__form input[type="checkbox"]{appearance:none;-webkit-appearance:none;
  flex:0 0 15px;width:15px;height:15px;margin:2px 0 0;border:1px solid var(--c-form-linea);
  border-radius:0;background:transparent;display:inline-grid;place-items:center;cursor:pointer}
.s-hero__form input[type="checkbox"]:checked::after{content:"";width:7px;height:7px;
  background:var(--c-tinta)}
.s-hero__form input[type="checkbox"]:focus-visible{outline:2px solid var(--c-terracota);
  outline-offset:2px}

/* En móvil el botón va en Playfair y en escritorio en Montserrat: así lo manda
   la maqueta, comprobado en las dos. Coincide además con el resto de botones
   del sitio, que son todos de Playfair a 12.1px; el interletrado sí es el más
   abierto que pide el estudio (.24em en vez de .166em). */
.s-hero__form input[type="submit"]{width:100%;height:50px;margin-top:12px;
  border:0;border-radius:0;background:var(--c-tinta);color:var(--c-form-piedra);
  font-family:'Playfair Display',Georgia,serif;font-size:12.1px;
  letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;cursor:pointer;
  transition:background-color var(--t-hover) var(--curva-suave)}
.s-hero__form input[type="submit"]:hover,
.s-hero__form input[type="submit"]:focus-visible{background:var(--c-form-oliva)}

/* Nota de confidencialidad, con el candado. */
.s-hero__form-nota{display:flex;gap:9px;align-items:flex-start;
  margin:14px auto 0;padding-top:14px;border-top:1px solid var(--c-form-borde);
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.5;
  color:var(--c-form-apoyo)}
.s-hero__form-nota svg{flex:0 0 12px;width:12px;height:12px;margin-top:2px}

/* El indicador de envío se queda: sin él no hay señal de que el formulario está
   enviando y se le da dos veces al botón. */
.s-hero__form-cuerpo .wpcf7-spinner{display:block;margin:12px auto 0}
.s-hero__form-cuerpo .wpcf7-not-valid-tip{margin-top:6px;font-size:12px;
  color:var(--c-rojo-txt)}
.s-hero__form-cuerpo .wpcf7-response-output{margin:16px 0 0!important;
  padding:12px 14px!important;border:0!important;
  border-left:2px solid var(--c-terracota)!important;
  background:var(--c-hueso);color:var(--c-tinta);font-size:13px;line-height:1.5}
.s-hero__form-cuerpo .wpcf7 form.sent .wpcf7-response-output{
  border-left-color:var(--c-tinta)!important}

/* Pie */
.s-cta__pie{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.s-cta__logo{width:clamp(180px,40vw,248px)}
.s-cta__omega{width:clamp(152px,34vw,204px)}
.s-cta__lema{font-family:'Playfair Display',Georgia,serif;font-size:11.1px;
  letter-spacing:.30em;text-align:center;color:var(--c-blanco)}
.s-cta__direccion{font-size:15.8px;line-height:1.2;text-align:center}
.s-cta__linea{font-weight:300;font-size:10.5px;text-align:center}
.s-cta__linea a{text-decoration:none;margin:0 10px}
.s-cta__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  font-weight:300;font-size:11px;color:var(--c-blanco)}
.s-cta__legal a{text-decoration:none}
/* El de «Cookie settings» tiene que ser un `button`, porque es a eso a lo que
   Complianz engancha su manejador. Se le quita el aspecto de botón para que
   pase por uno más de los enlaces legales. */
.s-cta__legal button{appearance:none;-webkit-appearance:none;background:none;
  border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}

/* ══════════════════════════════════════════════════════════════════════
   Movimiento
   ══════════════════════════════════════════════════════════════════════
   Dos reglas de fondo:
   - Sólo se animan `opacity` y `transform`. Nada que provoque reflow, y nada
     que desplace el resultado final: al terminar, todo queda en su sitio
     exacto del diseño.
   - Todo el bloque está dentro de `prefers-reduced-motion: no-preference`.
     Quien haya pedido menos movimiento en su sistema ve la página quieta.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --curva:cubic-bezier(.22,.61,.36,1);
  /* Para el hover, una curva simétrica: arranca despacio y frena despacio. Una
     `ease-out` sale disparada en el primer fotograma y se siente brusca. */
  --curva-suave:cubic-bezier(.4,0,.2,1);
  --t-hover:.4s;
  --t-corta:.28s;
  --t-media:.55s;
  --t-larga:.9s;
}

/* ── Hover y foco ──────────────────────────────────────────────────── */
.s-video__boton,.s-cta__boton{transform:translateY(0);
  transition:transform var(--t-hover) var(--curva-suave),
             box-shadow var(--t-hover) var(--curva-suave)}
.s-video__boton:hover,.s-cta__boton:hover,
.s-video__boton:focus-visible,.s-cta__boton:focus-visible{transform:translateY(-2px)}
.s-video__boton:active,.s-cta__boton:active{transform:translateY(0)}
/* Con `.landing` delante: si no, la regla del lienzo (misma especificidad, más
   abajo en el archivo) se impone y la sombra del hover no llega a aplicarse.
   El botón del vídeo va centrado con `translateX(-50%)`, así que aquí hay que
   repetirlo: si no, al pasar el ratón se descoloca media anchura. */
.landing .s-video__boton:hover,.landing .s-video__boton:focus-visible{
  transform:translateX(-50%) translateY(-2px);box-shadow:10px 10px 11px rgba(0,0,0,.72)}
.landing .s-video__boton:active{transform:translateX(-50%) translateY(0)}
.landing .s-cta__boton:hover,.landing .s-cta__boton:focus-visible{
  box-shadow:0 8px 22px rgba(0,0,0,.28)}

/* Enlaces de texto: el subrayado aparece desde la izquierda. */
.s-cta__linea a,.s-cta__legal a,.s-cta__legal button,.cabecera__volver,
.legal__contenido a{position:relative;text-decoration:none}
.s-cta__linea a::after,.s-cta__legal a::after,.s-cta__legal button::after,
.legal__contenido a::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-corta) var(--curva)}
.s-cta__linea a:hover::after,.s-cta__legal a:hover::after,
.s-cta__legal button:hover::after,.legal__contenido a:hover::after,
.s-cta__linea a:focus-visible::after,.s-cta__legal a:focus-visible::after,
.s-cta__legal button:focus-visible::after,
.legal__contenido a:focus-visible::after{transform:scaleX(1)}
.s-cta__legal a[aria-current="page"]::after{transform:scaleX(1)}

/* En el marco del vídeo sólo reacciona el icono: la foto se queda quieta. */
.s-video__play{transition:transform var(--t-hover) var(--curva-suave),opacity var(--t-corta) linear}
.s-video__img{transition:opacity var(--t-corta) linear}
.s-video__marco:hover .s-video__play,.s-video__marco:focus-visible .s-video__play{
  transform:translate(-50%,-50%) scale(1.07)}

.cabecera__logo{transition:opacity var(--t-corta) var(--curva)}
.cabecera__logo:hover,.cabecera__logo:focus-visible{opacity:.78}
.saritja-form input[type="submit"]{
  transition:box-shadow var(--t-hover) var(--curva-suave),
             transform var(--t-hover) var(--curva-suave)}
.saritja-form input[type="submit"]:hover,.saritja-form input[type="submit"]:focus-visible{
  transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.saritja-form input[type="submit"]:active{transform:translateY(0)}
.modal__cerrar svg{transition:transform var(--t-corta) var(--curva)}
.modal__cerrar:hover svg,.modal__cerrar:focus-visible svg{transform:rotate(90deg)}

/* Foco visible coherente en todo el sitio. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--c-terracota);outline-offset:3px}
.s-hero a:focus-visible,.s-sharing a:focus-visible,.s-out a:focus-visible,
.s-cta a:focus-visible,.cabecera a:focus-visible{outline-color:var(--c-blanco)}

/* ── Entrada al hacer scroll ───────────────────────────────────────── */
/* Sin JS no se oculta nada: las reglas cuelgan de `.js`, que añade el propio
   script antes del primer pintado. */
@keyframes saritja-funde{from{opacity:0}to{opacity:1}}
@keyframes saritja-sube{from{opacity:0;translate:0 26px}to{opacity:1;translate:none}}
@keyframes saritja-asienta{from{scale:1.045}to{scale:none}}
/* Zoom out largo de las dos fotos a pantalla completa: arrancan acercadas y se
   abren despacio. Termina en `scale:none`, es decir, en el encuadre exacto del
   diseño; el `object-fit:cover` hace que durante el recorrido sólo se recorte. */
@keyframes saritja-zoom{from{scale:1.12}to{scale:none}}

@media (prefers-reduced-motion: no-preference){
  /* Con @keyframes y no con `transition`: `transition` es una sola propiedad y
     esta regla, más específica que la del botón, le borraba la suya. Por eso el
     hover saltaba de golpe en vez de suavizarse. */
  .js [data-anima]{opacity:0}
  .js [data-anima].esta-dentro{
    animation:saritja-funde var(--t-larga) var(--curva) var(--retardo,0ms) both}
  .js [data-anima="sube"].esta-dentro{animation-name:saritja-sube}
  /* La imagen se asienta desde un leve acercamiento. */
  .js [data-anima="funde"].esta-dentro img{
    animation:saritja-asienta 1.4s var(--curva) var(--retardo,0ms) both}
  /* Terminada la entrada se retira la animación, para no dejar al elemento
     promocionado a capa propia: eso altera el suavizado del texto. */
  .js [data-anima].ha-entrado,.js [data-anima].ha-entrado img{
    animation:none;opacity:1;translate:none;scale:none}

  /* La portada no pasa por el observador —es el LCP y no se funde—, así que su
     zoom arranca solo al pintar. No retrasa nada: la foto se ve desde el primer
     fotograma, sólo que más cerca. La de cierre espera a entrar en pantalla. */
  .js .s-hero__media img{animation:saritja-zoom 9s var(--curva) both}
  .js .s-cta__media.esta-dentro img{animation:saritja-zoom 9s var(--curva) both}
}

/* ── Utilidades ────────────────────────────────────────────────────── */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ══════════════════════════════════════════════════════════════════════
   Vídeo diferido: el marco es un botón con la imagen estática; al pulsar,
   el JS inserta el reproductor dentro.
   ══════════════════════════════════════════════════════════════════════ */
button.s-video__marco{appearance:none;border:0;padding:0;background:none;
  font:inherit;color:inherit;cursor:pointer;width:100%}
.s-video__marco:focus-visible{outline:2px solid var(--c-blanco);outline-offset:4px}
.s-video__reproductor{position:absolute;inset:0;width:100%;height:100%;border:0;
  background:#000;object-fit:cover}
.s-video__marco.esta-activo .s-video__play,
.s-video__marco.esta-activo .s-video__img{opacity:0;pointer-events:none}

/* ══════════════════════════════════════════════════════════════════════
   Pestaña fija de «más información». Vive pegada al borde derecho y abre el
   mismo modal que el botón del cierre.
   ══════════════════════════════════════════════════════════════════════ */
/* El fondo es la terracota oscurecida, no la de marca: con blanco encima la de
   marca se queda en 3,2:1 y este texto es de 11 px. Ésta llega a 4,6:1. */
.pestana{position:fixed;z-index:90;right:0;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  padding:26px 13px;background:var(--c-terra-txt);color:var(--c-blanco);
  text-decoration:none;box-shadow:-2px 0 14px rgba(0,0,0,.22);
  /* Sólo el lado izquierdo: el derecho va pegado al borde de la ventana y
     redondearlo dejaría dos muescas contra el filo de la pantalla. */
  border-radius:8px 0 0 8px;
  transition:background var(--t-corta) var(--curva),padding var(--t-corta) var(--curva)}
.pestana:hover,.pestana:focus-visible{background:var(--c-tinta-2);padding-right:19px}
.pestana__texto{writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;
  letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
/* Con el modal abierto sobra: quedaría flotando sobre la veladura. */
body.tiene-modal .pestana{display:none}
@media (max-width: 640px){
  .pestana{padding:18px 10px;border-radius:6px 0 0 6px}
  .pestana__texto{font-size:10px;letter-spacing:.18em}
}

/* ══════════════════════════════════════════════════════════════════════
   Modal de contacto. Sin JS se abre con :target; con JS, con la clase.
   ══════════════════════════════════════════════════════════════════════ */
body.tiene-modal{overflow:hidden}
.modal{display:none;position:fixed;inset:0;z-index:100;
  align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}
.modal:target,.modal.esta-abierto{display:flex}
.modal__fondo{position:absolute;inset:0;background:rgba(40,40,41,.72);
  backdrop-filter:blur(3px);cursor:pointer}
/* El modal va en la menta del panel de 08 · Location, con los campos en la
   salvia de las bandas de vídeo y privacidad: los dos verdes de la paleta, uno
   contra el otro. Texto en tinta, que sobre la menta da 9,8:1.
   El botón es el blanco del resto del sitio. Sobre la menta su borde se queda
   en 1,5:1: lo que identifica al botón es el rótulo, no la caja. Se probó en
   terracota y no salía —sobre cualquiera de los verdes de la marca se queda
   entre 1,1:1 y 2,2:1— y hacía falta ponerle filete. */
.modal__caja{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 2 * clamp(16px,4vw,48px));
  overflow-y:auto;background:var(--c-menta);color:var(--c-tinta);
  padding:clamp(32px,5vw,56px) clamp(24px,4vw,56px);
  box-shadow:0 24px 70px rgba(0,0,0,.45)}
.modal__cerrar{position:absolute;top:14px;right:14px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;color:var(--c-tinta);
  text-decoration:none;border-radius:50%;transition:background .18s ease}
.modal__cerrar:hover,.modal__cerrar:focus-visible{background:rgba(40,40,41,.12)}
.modal__cerrar svg{width:20px;height:20px}
.modal__titulo{font-family:'Playfair Display',Georgia,serif;font-size:clamp(20px,3vw,27px);
  line-height:1.2;color:var(--c-tinta);margin-bottom:8px}
.modal__titulo::after{content:"";display:block;width:64px;height:1px;
  background:var(--c-terracota);margin-top:18px}
.modal__cuerpo{margin-top:26px}

/* ── Contact Form 7 dentro del modal ───────────────────────────────── */
/* Campos con fondo lleno y el rótulo dentro, como pidió el cliente. El rótulo
   visible desaparece, así que cada campo conserva su `label` sólo para lectores
   de pantalla: un `placeholder` no es una etiqueta accesible. */
.saritja-form p{margin:0 0 14px}
.saritja-form label{display:block;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--c-gris-txt)}
.saritja-form input[type="text"],.saritja-form input[type="email"],
.saritja-form input[type="tel"],.saritja-form textarea{
  width:100%;padding:15px 16px;border:0;border-bottom:1px solid transparent;
  background:var(--c-blanco);
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:15px;
  line-height:1.5;color:var(--c-tinta);border-radius:0;
  transition:background .18s ease,border-color .18s ease}
/* El rótulo va dentro del campo, así que el `placeholder` tiene que cumplir
   4,5:1 igual que el texto escrito. Sobre el blanco del campo el gris de marca
   ya llega (4,9:1), así que aquí sí puede ir en gris y parecer un rótulo. */
.saritja-form ::placeholder{color:var(--c-gris-txt);opacity:1}
.saritja-form textarea{height:150px;min-height:150px;resize:vertical}
.saritja-form input:focus,.saritja-form textarea:focus{
  outline:none;background:var(--c-blanco);border-bottom-color:var(--c-terracota)}
.saritja-form .wpcf7-acceptance label,.saritja-form .wpcf7-list-item label{
  display:flex;align-items:flex-start;gap:10px;font-size:12.5px;letter-spacing:0;
  text-transform:none;color:var(--c-tinta);line-height:1.5}
.saritja-form .wpcf7-list-item{margin:0}
.saritja-form .wpcf7-acceptance{display:block;margin-bottom:2px}
.saritja-form input[type="checkbox"]{flex:0 0 16px;width:16px;height:16px;margin-top:2px;
  accent-color:var(--c-terracota)}
/* Mismo botón que el de la portada y el del cierre: blanco con el texto en
   tinta, en Playfair y con su mismo interletrado. Así el formulario no mete un
   botón que no existe en ninguna otra parte del sitio. */
.saritja-form input[type="submit"]{width:100%;margin-top:10px;padding:16px 24px;border:0;
  background:var(--c-blanco);color:var(--c-tinta-2);cursor:pointer;
  font-family:'Playfair Display',Georgia,serif;font-size:12.1px;letter-spacing:.166em;
  text-indent:.166em;text-transform:uppercase}
.saritja-form .wpcf7-spinner{display:block;margin:12px auto 0}
.saritja-form .wpcf7-not-valid-tip{margin-top:6px;font-size:12px;color:var(--c-rojo-txt)}
.saritja-form .wpcf7-response-output{margin:18px 0 0!important;padding:12px 14px!important;
  border:0!important;border-left:2px solid var(--c-terracota)!important;
  background:var(--c-hueso);color:var(--c-tinta);font-size:13.5px;line-height:1.5}
.saritja-form .wpcf7 form.sent .wpcf7-response-output{
  border-left-color:var(--c-tinta)!important}

@media (max-width: 640px){
  .s-loc__lista,.s-mat__marcas,.s-stats__lista{grid-template-columns:1fr}
  .eyebrow{white-space:normal}
  /* En móvil la banda superior se queda sólo con el logotipo y el teléfono:
     la etiqueta de la izquierda (OMEGA GROUP) se retira por petición del
     cliente, y la de la derecha se aparta del teléfono. */
  .s-hero__tag:not(.s-hero__tag--der){display:none}
  .s-hero__top{padding-top:34px}
}

/* ══════════════════════════════════════════════════════════════════════
   Páginas interiores (textos legales). Aquí no hay diseño que replicar:
   se usa la misma paleta y tipografía, en una columna legible.
   ══════════════════════════════════════════════════════════════════════ */
.cabecera{background:var(--c-tinta-2);color:var(--c-blanco)}
.cabecera__caja{max-width:1100px;margin:0 auto;padding:22px clamp(20px,5vw,48px);
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.cabecera__logo{display:block;width:clamp(120px,22vw,168px);flex:0 0 auto}
.cabecera__logo svg{width:100%;height:auto}
.cabecera__volver{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;
  opacity:.85;transition:opacity .18s ease}
.cabecera__volver:hover,.cabecera__volver:focus-visible{opacity:1}
.cabecera__volver svg{width:16px;height:16px}

.legal{max-width:1100px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,5vw,48px)}
.legal__articulo{max-width:760px}
.legal__cabecera{margin-bottom:clamp(32px,5vw,56px)}
.legal__titulo{font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(30px,5vw,45px);line-height:1.18;color:var(--c-tinta-2)}
.legal__titulo::after{content:"";display:block;width:64px;height:1px;
  background:var(--c-terracota);margin-top:24px}
.legal__fecha{margin-top:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--c-gris-txt)}

.legal__contenido{font-size:15.8px;line-height:1.75;color:var(--c-tinta)}
.legal__contenido > * + *{margin-top:1.15em}
.legal__contenido h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(21px,3vw,27px);
  line-height:1.25;color:var(--c-tinta-2);margin-top:2em}
.legal__contenido h3{font-family:'Playfair Display',Georgia,serif;font-size:18px;
  line-height:1.3;color:var(--c-tinta-2);margin-top:1.6em}
.legal__contenido a{color:var(--c-terra-txt);text-underline-offset:3px}
.legal__contenido ul,.legal__contenido ol{padding-left:1.35em;list-style:disc}
.legal__contenido ol{list-style:decimal}
.legal__contenido li + li{margin-top:.5em}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal__contenido table{width:100%;min-width:460px;border-collapse:collapse;font-size:14px}
.legal__contenido th,.legal__contenido td{text-align:left;vertical-align:top;
  padding:10px 12px;border-bottom:1px solid rgba(40,40,41,.14)}
.legal__contenido th{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-gris-txt);font-weight:400}
.legal__contenido strong{font-weight:400;color:var(--c-tinta-2)}
/* Datos que faltan por rellenar: se marcan para que no pasen desapercibidos. */
.legal__contenido mark.pendiente{background:#faf4f1;color:#a05d41;
  padding:1px 6px;border:1px dashed rgba(160,93,65,.55);border-radius:2px;
  font-size:.9em;letter-spacing:.04em;white-space:nowrap}

/* Página de agradecimiento: mismas piezas que las legales, más un botón de
   vuelta. El de la landing es blanco porque va sobre una foto; aquí el fondo es
   claro, así que se invierte a tinta. */
.gracias .legal__titulo::after{margin-top:20px}
.gracias__acciones{margin-top:clamp(36px,5vw,56px)}
.gracias__boton{margin:0;background:var(--c-tinta-2);color:var(--c-blanco)}
.gracias__boton:hover,.gracias__boton:focus-visible{background:var(--c-terracota)}

/* El pie es el mismo marcado que en la landing, aquí sobre fondo sólido. */
.pie-solido{background:var(--c-tinta-2);color:var(--c-blanco);
  padding:clamp(48px,6vw,72px) clamp(20px,5vw,48px) clamp(28px,4vw,40px)}
.pie-solido .s-cta__pie{max-width:1100px;margin:0 auto;gap:30px}
.pie-solido .s-cta__legal{margin-top:34px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.16)}
.pie-solido .s-cta__direccion,.pie-solido .s-cta__linea{color:var(--c-blanco)}
.pie-solido .s-cta__legal a[aria-current="page"]{opacity:.55}

@media (min-width: 760px){
  .pie-solido .s-cta__pie{flex-direction:row;justify-content:space-between;
    align-items:center;text-align:left}
}

@media (min-width: 1440px) {

/* ══════════════════════════════════════════════════════════════════════
   A partir de 1440 px: lienzo fijo, réplica exacta del diseño. Todo lo
   que sigue está generado desde las medidas del PDF.
   ══════════════════════════════════════════════════════════════════════ */
.landing{width:100%;margin:0;overflow-x:clip}
.landing > section{width:100%;display:block;padding:0;gap:0;overflow:clip}
.landing > section > *{max-width:none;width:auto}
.s-hero{height:977.3px;min-height:0}
.s-story{height:1119.6px}
.s-video{height:807.6px;background:none;color:inherit}
.s-stats{height:436.6px}
.s-arch{height:1227.0px;background:var(--c-crema)}
.s-sharing{height:1073.8px}
.s-int{height:1429.0px;background:var(--c-hueso)}
.s-priv{height:814.4px;background:var(--c-salvia)}
.s-out{height:986.3px}
.s-mat{height:945.9px}
.s-loc{height:879.6px}
.s-cta{height:1024.6px}

.landing [class*="__media"] img,.s-video__marco img{width:100%;height:100%;object-fit:cover}
.s-loc__mapa img,.s-mat__tira-img img{width:100%;height:100%;object-fit:contain}
.s-stats__icono{height:auto;margin:0}
.s-stats__icono img{width:100%;height:100%;object-fit:contain}
.s-video__banda{display:block}
.s-video__play{transform:none;top:auto;left:auto}
/* En el lienzo el icono va posicionado por coordenadas, sin `translate` de
   centrado: aquí el hover sólo escala, o saltaría media anchura. */
.landing .s-video__marco:hover .s-video__play,
.landing .s-video__marco:focus-visible .s-video__play{transform:scale(1.07)}
.s-video__boton,.s-cta__boton{max-width:none;margin:0}
.s-hero__media::after,.s-sharing__media::after,.s-out__media::after,.s-cta__media::after{
  background:none}
.s-sharing__media,.s-out__media,.s-cta__media{inset:auto}
.s-mat__tira{position:absolute;width:510px}
.s-mat__tira-rule{max-width:none}
.s-story__rule,.s-priv__rule,.s-out__dato-rule,.s-int__rule{max-width:none;margin:0;opacity:.55}
.eyebrow{white-space:nowrap;letter-spacing:normal}
.s-stats__lista{display:contents}
.s-loc__panel{padding:0}
.s-mat__marca{padding:58.5px 18px 0 21.7px;width:221.2px;height:214.5px}
.s-sharing__tarjeta,.s-out__dato{padding:0}
.s-priv__tarjeta{background:var(--c-salvia)}

.landing .s-hero__top {
	display: contents;
}

.landing .s-hero__cuerpo {
	display: contents;
}

.landing .s-story__texto {
	display: contents;
}

.landing .s-arch__cabecera {
	display: contents;
}

.landing .s-arch__texto {
	display: contents;
}

.landing .s-int__cabecera {
	display: contents;
}

.landing .s-int__nota {
	display: contents;
}

.landing .s-priv__cabecera {
	display: contents;
}

.landing .s-out__cabecera {
	display: contents;
}

.landing .s-out__texto {
	display: contents;
}

.landing .s-mat__izq {
	display: contents;
}

.landing .s-mat__der {
	display: contents;
}

.landing .s-loc__izq {
	display: contents;
}

.landing .s-sharing__intro {
	display: contents;
}

.landing .s-cta__cuerpo {
	display: contents;
}

.landing .s-cta__pie {
	display: contents;
}

.landing .s-cta__contacto {
	display: contents;
}

.landing .s-stats__lista {
	display: contents;
}

.landing .s-hero__media {
	position: absolute;
	top: 0.00px;
	left: 0;
	width: 100%;
	height: 977.30px;
}

.landing .s-hero__tag {
	position: absolute;
	top: 115.20px;
	left: calc(50% - 720px + 79.30px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 10.60px;
	line-height: 12.92px;
	color: var(--c-blanco);
	letter-spacing: 2.672px;
}

.landing .s-hero__tag--der {
	position: absolute;
	top: 115.20px;
	left: calc(50% - 720px + 1211.10px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 10.60px;
	line-height: 12.92px;
	color: var(--c-blanco);
	letter-spacing: 2.828px;
}

.landing .s-hero__logo {
	position: absolute;
	top: 39.90px;
	left: calc(50% - 720px + 613.38px);
	width: 210.29px;
	height: 113.07px;
}

.landing .s-hero__titulo {
	position: absolute;
	top: 637.91px;
	left: calc(50% - 720px + 69.20px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 61.30px;
	line-height: 67.10px;
	color: var(--c-blanco);
}

.landing .s-hero__sub {
	position: absolute;
	top: 801.97px;
	left: calc(50% - 720px + 69.20px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 18.00px;
	line-height: 21.60px;
	color: var(--c-blanco);
}

.landing .s-hero__omega {
	position: absolute;
	top: 886.50px;
	left: calc(50% - 720px + 69.10px);
	width: 286.28px;
	height: 46.86px;
}

.landing .s-hero__rule--izq {
	position: absolute;
	top: 136.00px;
	left: calc(50% - 720px + 83.00px);
	width: 498.00px;
	height: 1.00px;
	background: var(--c-blanco);
	opacity: .75;
}

.landing .s-hero__rule--der {
	position: absolute;
	top: 136.00px;
	left: calc(50% - 720px + 859.00px);
	width: 498.00px;
	height: 1.00px;
	background: var(--c-blanco);
	opacity: .75;
}

.landing .s-hero__tel {
	position: absolute;
	top: 44.00px;
	right: calc(50% - 720px + 69.20px);
	left: auto;
	width: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 13.00px;
	line-height: 22px;
	letter-spacing: 1.2px;
	color: var(--c-blanco);
	text-decoration: none;
}

.landing .s-hero__form-zona {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 977.30px;
	pointer-events: none;
}

.landing .s-hero__form {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: auto;
	right: calc(50% - 720px + 69.20px);
	left: auto;
	width: 380.00px;
	max-width: none;
	margin: 0;
	padding: 32px 30px 24px;
	background: var(--c-form-panel);
	-webkit-backdrop-filter: blur(22px) saturate(140%);
	backdrop-filter: blur(22px) saturate(140%);
	border: 1px solid rgba(255,255,255,.75);
	box-shadow: 0 30px 70px -30px rgba(30,30,20,.45);
	color: var(--c-form-txt);
}

.landing .s-hero__form > * {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.landing .s-hero__form-titulo {
	position: relative;
	padding-top: 18px;
	text-align: left;
	font-size: 25.00px;
	line-height: 30.00px;
	color: var(--c-form-txt);
}

.landing .s-hero__form-titulo::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 1px;
	background: var(--c-form-oliva);
}

.landing .s-hero__form-titulo::after {
	display: none;
}

.landing .s-hero__form-lead {
	text-align: left;
	max-width: none;
	margin: 8px 0 0;
	font-size: 12.50px;
	line-height: 20.00px;
	color: var(--c-form-apoyo);
}

.landing .s-hero__form-cuerpo {
	margin-top: 22px;
}

.landing .s-hero__form-cuerpo p {
	margin: 0 0 10px;
}

.landing .s-hero__form input[type="text"], .landing .s-hero__form input[type="tel"], .landing .s-hero__form input[type="email"] {
	height: 42px;
	padding: 0 14px;
	background: var(--c-form-campo);
	border: 1px solid var(--c-form-borde);
	border-radius: 0;
	color: var(--c-form-txt);
	font-size: 13px;
	transition: border-color var(--t-corta) var(--curva-suave),background-color var(--t-corta) var(--curva-suave);
}

.landing .s-hero__form ::placeholder {
	color: var(--c-form-place);
	opacity: 1;
}

.landing .s-hero__form input:focus {
	outline: none;
	border-color: var(--c-form-oliva);
	background: rgba(255,255,255,.85);
}

.landing .s-hero__form-cuerpo .wpcf7-acceptance label, .landing .s-hero__form-cuerpo .wpcf7-list-item label {
	font-size: 12px;
	color: var(--c-form-marca);
}

.landing .s-hero__form input[type="checkbox"] {
	border: 1px solid var(--c-form-borde);
	background: var(--c-form-campo);
}

.landing .s-hero__form input[type="checkbox"]:checked::after {
	background: var(--c-form-oliva);
}

.landing .s-hero__form input[type="submit"] {
	height: 46px;
	margin-top: 6px;
	background: var(--c-form-oliva);
	color: var(--c-form-claro);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11.5px;
}

.landing .s-hero__form input[type="submit"]:hover, .landing .s-hero__form input[type="submit"]:focus-visible {
	background: var(--c-form-txt);
}

.landing .s-hero__form-nota {
	margin: 14px 0 0;
	max-width: none;
}

.landing .s-hero__tel-icono {
	display: block;
	width: 22px;
	height: 22px;
}

.landing .s-hero__tel-icono svg {
	width: 100%;
	height: 100%;
	display: block;
}

.landing .s-hero__titulo-1 {
	font-weight: 700;
	display: block;
}

.landing .s-hero__titulo-2 {
	display: block;
}

.landing .s-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0,0,0,.715) 0, rgba(0,0,0,0) 252px),linear-gradient(to bottom, rgba(0,0,0,0) 539px, rgba(0,0,0,.70) 977.3px);
}

.landing .s-story__media {
	position: absolute;
	top: 194.10px;
	left: 0;
	width: calc(50% - 720px + 689.20px);
	height: 773.80px;
}

.landing .s-story__texto .eyebrow {
	position: absolute;
	top: 218.50px;
	left: calc(50% - 720px + 779.80px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-terracota);
	letter-spacing: 2.999px;
}

.landing .s-story__titulo {
	position: absolute;
	top: 260.69px;
	left: calc(50% - 720px + 780.20px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-tinta-2);
}

.landing .s-story__rule {
	position: absolute;
	top: 438.70px;
	left: calc(50% - 720px + 780.00px);
	width: 122.50px;
	height: 1.40px;
}

.landing .s-story__cuerpo {
	position: absolute;
	top: 486.53px;
	left: calc(50% - 720px + 779.80px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-tinta);
	width: 468.00px;
}

.landing .s-story__destacado {
	position: absolute;
	top: 778.70px;
	left: calc(50% - 720px + 780.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 27.00px;
	line-height: 32.40px;
	color: var(--c-terracota);
}

.landing .s-video__banda {
	position: absolute;
	top: 36.00px;
	left: 0;
	width: 100%;
	height: 771.60px;
	background: var(--c-salvia);
}

.landing .s-video__marco {
	position: absolute;
	top: 0.00px;
	left: calc(50% - 720px + 221.80px);
	width: 993.90px;
	height: 582.80px;
}

.landing .s-video__play {
	position: absolute;
	top: 286.40px;
	left: 450.70px;
	width: 89.16px;
	height: 68.40px;
}

.landing .s-video__boton {
	position: absolute;
	top: 663.10px;
	left: calc(50% - 720px + 719.50px);
	width: auto;
	height: 39.00px;
	background: var(--c-blanco);
	border-radius: 19.5px;
	box-shadow: 8px 8px 8px rgba(0,0,0,.68);
	transform: translateX(-50%);
	min-width: 300px;
	padding: 0 30px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11.20px;
	letter-spacing: 2.773px;
	text-indent: 2.773px;
	color: var(--c-tinta);
}

.landing .s-stats__item:nth-child(1) {
	position: static;
}

.landing .s-stats__item:nth-child(1) .s-stats__icono {
	position: absolute;
	top: 74.30px;
	left: calc(50% - 720px + 155.50px);
	width: 124.25px;
	height: 88.09px;
	margin: 0;
}

.landing .s-stats__item:nth-child(1) .s-stats__valor {
	position: absolute;
	top: 215.63px;
	left: calc(50% - 720px + 74.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 34.70px;
	line-height: 41.60px;
	color: var(--c-tinta);
	font-weight: 700;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(1) .s-stats__rule {
	position: absolute;
	top: 313.50px;
	left: calc(50% - 720px + 184.50px);
	width: 33.00px;
	height: 1.00px;
	background: var(--c-tinta);
	opacity: .5;
	margin: 0;
}

.landing .s-stats__item:nth-child(1) .s-stats__etiqueta {
	position: absolute;
	top: 334.39px;
	left: calc(50% - 720px + 67.75px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.60px;
	line-height: 11.52px;
	color: var(--c-tinta);
	letter-spacing: 2.050px;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(2) {
	position: static;
}

.landing .s-stats__item:nth-child(2) .s-stats__icono {
	position: absolute;
	top: 83.30px;
	left: calc(50% - 720px + 369.60px);
	width: 164.88px;
	height: 79.42px;
	margin: 0;
}

.landing .s-stats__item:nth-child(2) .s-stats__valor {
	position: absolute;
	top: 213.43px;
	left: calc(50% - 720px + 326.15px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 34.70px;
	line-height: 41.60px;
	color: var(--c-tinta);
	font-weight: 700;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(2) .s-stats__rule {
	position: absolute;
	top: 313.50px;
	left: calc(50% - 720px + 440.00px);
	width: 33.00px;
	height: 1.00px;
	background: var(--c-tinta);
	opacity: .5;
	margin: 0;
}

.landing .s-stats__item:nth-child(2) .s-stats__etiqueta {
	position: absolute;
	top: 334.39px;
	left: calc(50% - 720px + 326.75px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.60px;
	line-height: 11.52px;
	color: var(--c-tinta);
	letter-spacing: 2.208px;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(3) {
	position: static;
}

.landing .s-stats__item:nth-child(3) .s-stats__icono {
	position: absolute;
	top: 87.10px;
	left: calc(50% - 720px + 649.60px);
	width: 100.30px;
	height: 74.72px;
	margin: 0;
}

.landing .s-stats__item:nth-child(3) .s-stats__valor {
	position: absolute;
	top: 193.76px;
	left: calc(50% - 720px + 578.10px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 52.00px;
	line-height: 62.40px;
	color: var(--c-tinta);
	font-weight: 700;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(3) .s-stats__rule {
	position: absolute;
	top: 313.50px;
	left: calc(50% - 720px + 691.00px);
	width: 33.00px;
	height: 1.00px;
	background: var(--c-tinta);
	opacity: .5;
	margin: 0;
}

.landing .s-stats__item:nth-child(3) .s-stats__etiqueta {
	position: absolute;
	top: 334.39px;
	left: calc(50% - 720px + 578.10px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.60px;
	line-height: 11.52px;
	color: var(--c-tinta);
	letter-spacing: 2.178px;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(4) {
	position: static;
}

.landing .s-stats__item:nth-child(4) .s-stats__icono {
	position: absolute;
	top: 61.20px;
	left: calc(50% - 720px + 892.00px);
	width: 125.38px;
	height: 99.77px;
	margin: 0;
}

.landing .s-stats__item:nth-child(4) .s-stats__valor {
	position: absolute;
	top: 215.63px;
	left: calc(50% - 720px + 838.90px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 34.70px;
	line-height: 41.60px;
	color: var(--c-tinta);
	font-weight: 700;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(4) .s-stats__rule {
	position: absolute;
	top: 313.50px;
	left: calc(50% - 720px + 959.50px);
	width: 33.00px;
	height: 1.00px;
	background: var(--c-tinta);
	opacity: .5;
	margin: 0;
}

.landing .s-stats__item:nth-child(4) .s-stats__etiqueta {
	position: absolute;
	top: 334.39px;
	left: calc(50% - 720px + 846.45px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.60px;
	line-height: 11.52px;
	color: var(--c-tinta);
	letter-spacing: 2.249px;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(5) {
	position: static;
}

.landing .s-stats__item:nth-child(5) .s-stats__icono {
	position: absolute;
	top: 89.30px;
	left: calc(50% - 720px + 1165.90px);
	width: 95.20px;
	height: 83.83px;
	margin: 0;
}

.landing .s-stats__item:nth-child(5) .s-stats__valor {
	position: absolute;
	top: 215.63px;
	left: calc(50% - 720px + 1090.90px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 34.70px;
	line-height: 41.60px;
	color: var(--c-tinta);
	font-weight: 700;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__item:nth-child(5) .s-stats__rule {
	position: absolute;
	top: 313.50px;
	left: calc(50% - 720px + 1205.00px);
	width: 33.00px;
	height: 1.00px;
	background: var(--c-tinta);
	opacity: .5;
	margin: 0;
}

.landing .s-stats__item:nth-child(5) .s-stats__etiqueta {
	position: absolute;
	top: 334.39px;
	left: calc(50% - 720px + 1092.55px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.60px;
	line-height: 11.52px;
	color: var(--c-tinta);
	letter-spacing: 2.331px;
	width: 260.00px;
	text-align: center;
}

.landing .s-stats__div-322 {
}

.landing .s-stats__div-583 {
}

.landing .s-stats__div-843 {
}

.landing .s-stats__div-1094 {
}

.landing .s-stats::after {
	content: "";
	position: absolute;
	top: 196.50px;
	left: calc(50% - 720px + 0.00px);
	width: 1440px;
	height: 173.50px;
	pointer-events: none;
	background: linear-gradient(to right, transparent 322px, var(--c-tinta) 322px, var(--c-tinta) 323px, transparent 323px),linear-gradient(to right, transparent 583px, var(--c-tinta) 583px, var(--c-tinta) 584px, transparent 584px),linear-gradient(to right, transparent 843px, var(--c-tinta) 843px, var(--c-tinta) 844px, transparent 844px),linear-gradient(to right, transparent 1094px, var(--c-tinta) 1094px, var(--c-tinta) 1095px, transparent 1095px);
}

.landing .s-arch__cabecera .eyebrow {
	position: absolute;
	top: 102.30px;
	left: calc(50% - 720px + 109.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-terracota);
	letter-spacing: 3.552px;
}

.landing .s-arch__titulo {
	position: absolute;
	top: 86.49px;
	left: calc(50% - 720px + 919.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-tinta-2);
}

.landing .s-arch__cuerpo {
	position: absolute;
	top: 223.03px;
	left: calc(50% - 720px + 923.60px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-tinta);
	width: 394.00px;
}

.landing .s-arch__media--principal {
	position: absolute;
	top: 179.60px;
	left: calc(50% - 720px + 109.20px);
	width: 743.30px;
	height: 768.30px;
}

.landing .s-arch__media--secundaria {
	position: absolute;
	top: 429.00px;
	left: calc(50% - 720px + 897.50px);
	width: 429.00px;
	height: 518.90px;
}

.landing .s-arch__pie {
	position: absolute;
	top: 1072.80px;
	left: calc(50% - 720px + 265.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 27.00px;
	line-height: 32.40px;
	color: var(--c-terracota);
}

.landing .s-sharing__media {
	position: absolute;
	top: 0.00px;
	left: 0;
	width: 100%;
	height: 1073.80px;
}

.landing .s-sharing__intro .eyebrow {
	position: absolute;
	top: 99.90px;
	left: calc(50% - 720px + 103.50px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-blanco);
	letter-spacing: 3.950px;
}

.landing .s-sharing__titulo {
	position: absolute;
	top: 196.79px;
	left: calc(50% - 720px + 103.50px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-blanco);
}

.landing .s-sharing__sub {
	position: absolute;
	top: 270.33px;
	left: calc(50% - 720px + 103.50px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 19.00px;
	line-height: 28.10px;
	color: var(--c-blanco);
}

.landing .s-sharing__tarjeta {
	position: absolute;
	top: 424.70px;
	left: calc(50% - 720px + 104.20px);
	width: 456.80px;
	height: 429.80px;
	background: rgba(253,251,247,.88);
}

.landing .s-sharing__tarjeta-label {
	position: absolute;
	top: 80.55px;
	left: 39.40px;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 15.80px;
	line-height: 18.96px;
	color: var(--c-terracota);
	letter-spacing: 3.553px;
}

.landing .s-sharing__tarjeta-texto {
	position: absolute;
	top: 125.73px;
	left: 38.20px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-tinta);
	width: 382.00px;
}

.landing .s-int__cabecera .eyebrow {
	position: absolute;
	top: 117.70px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-terracota);
	letter-spacing: 3.794px;
}

.landing .s-int__media--principal {
	position: absolute;
	top: 201.50px;
	left: calc(50% - 720px + 105.20px);
	width: 764.10px;
	height: 824.40px;
}

.landing .s-int__media--sup {
	position: absolute;
	top: 201.50px;
	left: calc(50% - 720px + 909.60px);
	width: 422.20px;
	height: 397.50px;
}

.landing .s-int__media--inf {
	position: absolute;
	top: 633.80px;
	left: calc(50% - 720px + 909.60px);
	width: 422.20px;
	height: 392.10px;
}

.landing .s-int__titulo {
	position: absolute;
	top: 1065.39px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-tinta-2);
}

.landing .s-int__cuerpo {
	position: absolute;
	top: 1207.23px;
	left: calc(50% - 720px + 110.50px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-tinta);
	width: 615.00px;
}

.landing .s-int__lema {
	position: absolute;
	top: 1103.00px;
	left: calc(50% - 720px + 912.60px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18.00px;
	line-height: 21.60px;
	color: var(--c-tinta-2);
	letter-spacing: 4.955px;
}

.landing .s-int__nota-texto {
	position: absolute;
	top: 1149.06px;
	left: calc(50% - 720px + 911.10px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16.10px;
	line-height: 24.15px;
	color: var(--c-tinta-2);
	width: 300.00px;
}

.landing .s-priv__cabecera .eyebrow {
	position: absolute;
	top: 106.80px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-blanco);
	letter-spacing: 3.903px;
}

.landing .s-priv__media--izq {
	position: absolute;
	top: 222.90px;
	left: calc(50% - 720px + 105.20px);
	width: 723.90px;
	height: 502.70px;
}

.landing .s-priv__media--der {
	position: absolute;
	top: 222.90px;
	left: calc(50% - 720px + 873.50px);
	width: 458.30px;
	height: 502.70px;
}

.landing .s-priv__tarjeta {
	position: absolute;
	top: 300.90px;
	left: calc(50% - 720px + 612.30px);
	width: 386.40px;
	height: 379.90px;
	background: var(--c-salvia);
}

.landing .s-priv__titulo {
	position: absolute;
	top: 43.49px;
	left: 42.60px;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-blanco);
}

.landing .s-priv__rule {
	position: absolute;
	top: 179.20px;
	left: 45.70px;
	width: 291.00px;
	height: 1.00px;
	background: var(--c-blanco);
	opacity: .85;
}

.landing .s-priv__cuerpo {
	position: absolute;
	top: 193.93px;
	left: 43.10px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-blanco);
	width: 300.00px;
}

.landing .s-out__media {
	position: absolute;
	top: 0.00px;
	left: 0;
	width: 100%;
	height: 986.30px;
}

.landing .s-out__cabecera .eyebrow {
	position: absolute;
	top: 138.10px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13.50px;
	line-height: 16.20px;
	color: var(--c-blanco);
	letter-spacing: 3.898px;
}

.landing .s-out__titulo {
	position: absolute;
	top: 695.09px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 54.00px;
	color: var(--c-blanco);
}

.landing .s-out__cuerpo {
	position: absolute;
	top: 825.07px;
	left: calc(50% - 720px + 107.50px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 18.00px;
	line-height: 27.00px;
	color: var(--c-blanco);
	width: 500.00px;
}

.landing .s-out__dato {
	position: absolute;
	top: 629.60px;
	left: calc(50% - 720px + 996.00px);
	width: 350.10px;
	height: 367.80px;
	background: rgba(142,152,132,.62);
}

.landing .s-out__dato-valor {
	position: absolute;
	top: 41.69px;
	left: 76.30px;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 54.00px;
	line-height: 64.80px;
	color: var(--c-blanco);
}

.landing .s-out__dato-label {
	position: absolute;
	top: 113.80px;
	left: 76.30px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 10.10px;
	line-height: 12.12px;
	color: var(--c-blanco);
	letter-spacing: 2.417px;
}

.landing .s-out__dato-rule {
	position: absolute;
	top: 153.10px;
	left: 76.00px;
	width: 200.00px;
	height: 1.40px;
	background: var(--c-blanco);
	opacity: .8;
}

.landing .s-out__dato-texto {
	position: absolute;
	top: 170.33px;
	left: 76.60px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 27.00px;
	color: var(--c-blanco);
	width: 230.00px;
}

.landing .s-mat__izq .eyebrow {
	position: absolute;
	top: 126.34px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 11.10px;
	line-height: 13.32px;
	color: var(--c-terracota);
	letter-spacing: 3.674px;
}

.landing .s-mat__titulo {
	position: absolute;
	top: 203.99px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 56.40px;
	color: var(--c-tinta-2);
}

.landing .s-mat__cuerpo {
	position: absolute;
	top: 356.88px;
	left: calc(50% - 720px + 103.20px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 18.90px;
	color: var(--c-tinta-2);
	width: 541.00px;
	text-align: justify;
}

.landing .s-mat__tira-img {
	position: absolute;
	top: 513.40px;
	left: calc(50% - 720px + 97.30px);
	width: 513.30px;
	height: 108.30px;
}

.landing .s-mat__tira-img--colores {
	position: absolute;
	top: 677.10px;
	left: calc(50% - 720px + 98.30px);
	width: 512.20px;
	height: 108.30px;
}

.landing .s-mat__pie {
	position: absolute;
	top: 763.34px;
	left: calc(50% - 720px + 856.60px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 20.20px;
	line-height: 24.24px;
	color: var(--c-terracota);
}

.landing .s-mat__tira {
	display: contents;
}

.landing .s-mat__tira--texturas .s-mat__tira-label {
	position: absolute;
	top: 486.45px;
	left: calc(50% - 720px + 100.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 15.80px;
	line-height: 18.96px;
	color: var(--c-gris);
}

.landing .s-mat__tira--texturas .s-mat__tira-rule {
	position: absolute;
	top: 508.40px;
	left: calc(50% - 720px + 211.00px);
	width: 397.50px;
	height: 1.40px;
	background: var(--c-gris);
	opacity: .6;
	flex: none;
}

.landing .s-mat__tira--colores .s-mat__tira-label {
	position: absolute;
	top: 653.65px;
	left: calc(50% - 720px + 100.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 15.80px;
	line-height: 18.96px;
	color: var(--c-gris);
}

.landing .s-mat__tira--colores .s-mat__tira-rule {
	position: absolute;
	top: 668.40px;
	left: calc(50% - 720px + 198.00px);
	width: 410.50px;
	height: 1.40px;
	background: var(--c-gris);
	opacity: .6;
	flex: none;
}

.landing .s-mat__marcas {
	position: absolute;
	top: 276.30px;
	left: calc(50% - 720px + 849.20px);
	width: 472.50px;
	display: grid;
	grid-template-columns: 221.2px 221.2px;
	gap: 16.4px 30.2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.landing .s-mat__marca {
	background: var(--c-crema);
	width: 221.2px;
	height: 214.5px;
	padding: 58.5px 18px 0 21.7px;
	box-sizing: border-box;
}

.landing .s-loc__panel {
	position: absolute;
	top: 0.00px;
	left: calc(50% - 720px + 706.20px);
	width: calc(50% + 720px - 706.20px);
	height: 921.80px;
	background: var(--c-menta);
}

.landing .s-loc__izq .eyebrow {
	position: absolute;
	top: 69.24px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 11.10px;
	line-height: 13.32px;
	color: var(--c-tinta-2);
	letter-spacing: 3.674px;
}

.landing .s-loc__titulo {
	position: absolute;
	top: 109.89px;
	left: calc(50% - 720px + 105.40px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 45.00px;
	line-height: 56.40px;
	color: var(--c-tinta-2);
}

.landing .s-loc__mapa {
	position: absolute;
	top: 280.40px;
	left: calc(50% - 720px + 8.00px);
	width: 656.90px;
	height: 507.30px;
}

.landing .s-loc__notas {
	position: absolute;
	top: 720.32px;
	left: 96.00px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 18.90px;
	line-height: 22.60px;
	color: var(--c-tinta-2);
	width: 570.00px;
}

.landing .s-loc__lista {
	position: absolute;
	top: 140.10px;
	left: 88.30px;
	width: 560.00px;
	display: grid;
	grid-template-columns: 274.4px 274.4px;
	gap: 35.30px 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.landing .s-cta__media {
	position: absolute;
	top: 0.00px;
	left: 0;
	width: 100%;
	height: 963.40px;
}

.landing .s-cta__titulo {
	position: absolute;
	top: 140.55px;
	left: calc(50% - 720px + 293.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28.20px;
	line-height: 38.30px;
	color: var(--c-blanco);
	width: 854.00px;
	text-align: center;
}

.landing .s-cta__boton {
	position: absolute;
	top: 265.90px;
	left: calc(50% - 720px + 567.80px);
	width: 301.60px;
	height: 54.30px;
	background: var(--c-blanco);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 12.10px;
	letter-spacing: 2.009px;
	text-indent: 2.009px;
	color: var(--c-tinta-2);
}

.landing .s-cta__logo {
	position: absolute;
	top: 751.20px;
	left: calc(50% - 720px + 94.70px);
	width: 253.41px;
	height: 136.27px;
}

.landing .s-cta__omega {
	position: absolute;
	top: 848.30px;
	left: calc(50% - 720px + 1123.19px);
	width: 203.47px;
	height: 33.31px;
}

.landing .s-cta__direccion {
	position: absolute;
	top: 826.18px;
	left: calc(50% - 720px + 560.00px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 15.80px;
	line-height: 18.90px;
	color: var(--c-blanco);
	width: 320.00px;
	text-align: center;
}

.landing .s-cta__linea {
	position: absolute;
	top: 903.20px;
	left: calc(50% - 720px + 560.00px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 10.50px;
	line-height: 12.60px;
	color: var(--c-blanco);
	font-weight: 300;
	width: 320.00px;
	text-align: center;
}

.landing .s-cta__legal {
	position: absolute;
	top: 991.99px;
	left: calc(50% - 720px + 420.00px);
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9.00px;
	line-height: 10.80px;
	color: var(--c-tinta);
	font-weight: 300;
	width: 600.00px;
	text-align: center;
}

.landing .s-story__cuerpo p + p, .landing .s-sharing__tarjeta-texto p + p, .landing .s-arch__cuerpo p + p, .landing .s-priv__cuerpo p + p, .landing .s-int__cuerpo p + p, .landing .s-mat__cuerpo p + p {
	margin-top: 27px;
}

.landing .s-int__rule {
	position: absolute;
	top: 1140.10px;
	left: calc(50% - 720px + 911.00px);
	width: 423.50px;
	height: 1.40px;
	background: var(--c-tinta-2);
	opacity: .55;
	display: block;
}

.landing .s-cta__lema {
	position: absolute;
	top: 226.44px;
	left: calc(50% - 720px + 293.00px);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 11.10px;
	line-height: 13.32px;
	color: var(--c-blanco);
	letter-spacing: 3.275px;
	width: 854.00px;
	text-align: center;
}

.landing .s-cta__media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 544px, rgba(0,0,0,.68) 963.4px);
}

}