/* Santa Ana · composición 16 sep. Capa reversible sobre f3a6a4a.
   Referencias: aire y relación imagen/copy (Joby), umbral blanco/marino
   (Referencia 2). Curvas propuestas para Santa Ana, no medidas del vídeo. */
:root{
  --sa-paper:#fcfaf6; --sa-ink:#0e2a47; --sa-line:rgba(14,42,71,.18);
  --sa-radius:clamp(16px,2.2vw,36px); --sa-space:clamp(24px,5vw,88px);
  --sa-enter:cubic-bezier(.16,1,.3,1); --sa-settle:cubic-bezier(.22,.61,.36,1);
  --papel:var(--sa-paper); --blanco:var(--sa-paper);
}
body{ background:var(--sa-paper); }
.cabecera{ border-bottom:1px solid var(--sa-line); }
body.ha-bajado .cabecera,
body:not(.hero-oscuro).ha-bajado .cabecera{ background:var(--sa-paper); backdrop-filter:none; -webkit-backdrop-filter:none; }
.hero{
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:stretch; gap:var(--sa-space); height:auto; min-height:0;
  padding:clamp(20px,3vw,48px) var(--sa-space) var(--sa-space);
  background:var(--sa-paper); overflow:hidden; isolation:isolate;
}
.hero::after{ content:none; }
.hero__video{
  position:relative; inset:auto; grid-column:2; grid-row:1;
  width:100%; height:100%; min-height:clamp(410px,46vw,720px);
  border-radius:var(--sa-radius) var(--sa-radius) var(--sa-radius) 4px;
  object-fit:cover; object-position:56% center; animation:none; transform:none;
}
.hero__texto{
  position:relative; inset:auto; grid-column:1; grid-row:1;
  display:flex; flex-direction:column; justify-content:center;
  gap:clamp(20px,2.4vw,42px); padding:clamp(28px,5vw,78px) 0;
  box-sizing:border-box; min-width:0;
}
.hero__texto::before{ content:none; }
.hero__linea{
  position:relative; inset:auto; margin:0; white-space:normal;
  color:var(--sa-ink); font-family:var(--fuente-cuerpo-lectura,Georgia,serif);
  font-weight:400; letter-spacing:-.025em; line-height:1.07;
}
.hero__linea--1{ font-size:clamp(34px,3.8vw,66px); }
.hero__linea--2{ font-size:clamp(24px,2.5vw,43px); }
.hero__linea--3{
  font-family:var(--font-base); font-size:clamp(18px,1.5vw,24px);
  font-weight:500; line-height:1.5; letter-spacing:.1em;
  padding-top:22px; border-top:1px solid var(--sa-line);
}
.hacemos{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  height:auto; gap:clamp(24px,4vw,64px); overflow:visible;
  padding:var(--sa-space); background:var(--sa-paper);
}
.hacemos__eyebrow,.hacemos__titulo,.hacemos__parrafo,.hacemos .hacemos__flecha{
  position:relative; inset:auto; width:auto; margin:0;
}
.hacemos__eyebrow{ grid-column:1 / -1; font-size:12px; color:var(--sa-ink); }
.hacemos__titulo{
  grid-column:1 / -1; font-size:clamp(36px,6.2vw,104px);
  line-height:.98; max-width:17ch; color:var(--sa-ink);
}
.hacemos__parrafo{
  grid-column:2; font-size:clamp(19px,1.6vw,26px); line-height:1.5;
  text-align:left; max-width:42ch; color:var(--sa-ink);
}
.hacemos .hacemos__flecha{ grid-column:3; align-self:end; }
.proyectos{
  margin:var(--sa-space) var(--sa-space) 0; min-height:clamp(440px,42vw,690px);
  height:auto; padding:clamp(32px,5vw,80px); border-radius:var(--sa-radius) 4px var(--sa-radius) var(--sa-radius);
  box-sizing:border-box; isolation:isolate;
}
.proyectos::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(5,23,40,.85),rgba(5,23,40,.18));
}
.proyectos__titulo,.proyectos__texto{ position:relative; inset:auto; width:auto; z-index:2; }
.proyectos__titulo{ font-size:clamp(30px,3.1vw,54px); white-space:normal; line-height:1.05; }
.proyectos__texto{
  margin-top:clamp(28px,4vw,60px); font-size:clamp(16px,1.25vw,21px);
  font-family:var(--fuente-cuerpo-lectura,Georgia,serif); line-height:1.5; font-weight:400;
}
.pais{ margin:var(--sa-space) var(--sa-space) 0; border-radius:var(--sa-radius); isolation:isolate; }
.pais--panama{ border-top-left-radius:4px; }
.pais--colombia{ border-bottom-right-radius:4px; }
.cifras{ height:auto; padding:calc(var(--sa-space) * 1.5) var(--sa-space); }
.cifras__grid{ height:auto; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:clamp(32px,4vw,68px); }
.cifras__col1{ grid-row:auto; grid-column:1 / -1; padding:0; }
.cifras__titulo{ font-size:clamp(30px,3.2vw,54px); white-space:normal; color:var(--sa-ink); }
.cifras__subtitulo{ margin-top:24px; max-width:50ch; font-size:17px; line-height:1.6; }
.cifras__filete{ margin-top:32px; }
.cifras__card{ min-width:0; min-height:230px; padding:20px 0 0; border-top:1px solid var(--sa-ink); }
.cifras__antetitulo{ font-size:12px; line-height:1.5; }
.cifras__valor{ margin:20px 0 32px; color:var(--sa-ink); line-height:1.05; }
.cifras__valor--md{ font-size:clamp(54px,7vw,118px); }
.cifras__valor--sm{ font-size:clamp(32px,4.8vw,80px); }
.cifras__valor--lg{ font-size:clamp(48px,6vw,98px); }
.cifras__pie{ font-size:16px; line-height:1.6; padding-top:18px; }
.cifras__card:hover{ background:transparent; }
.cifras__card:hover .cifras__valor{ color:var(--sa-ink); }

/* OBRA: el wordmark existente se construye por franjas. Decoración sin
   intercepción de teclado/puntero; salida acotada por CSS, incluso sin JS. */
.preloader{ display:none; }
.sa-obra{
  position:fixed; inset:0; z-index:9998; display:grid; place-items:center;
  pointer-events:none; background:var(--sa-paper);
  animation:sa-obra-out 360ms 980ms var(--sa-settle) both;
}
.sa-obra__logo{ position:relative; width:min(70vw,440px); aspect-ratio:289/33; }
.sa-obra__logo::after{
  content:""; position:absolute; inset:auto 0 -24px; height:1px;
  background:var(--sa-ink); transform-origin:left;
  animation:sa-obra-line 420ms var(--sa-enter) both;
}
.sa-obra__logo span{
  position:absolute; inset:0; background:url('../img/logo-wordmark.png') center/100% 100% no-repeat;
  animation:sa-obra-lift 650ms var(--sa-enter) both;
}
.sa-obra__logo span:nth-child(1){ clip-path:inset(75% 0 0); animation-delay:80ms; }
.sa-obra__logo span:nth-child(2){ clip-path:inset(50% 0 25%); animation-delay:160ms; }
.sa-obra__logo span:nth-child(3){ clip-path:inset(25% 0 50%); animation-delay:240ms; }
.sa-obra__logo span:nth-child(4){ clip-path:inset(0 0 75%); animation-delay:320ms; }
@keyframes sa-obra-line{ from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes sa-obra-lift{ from{opacity:0; transform:translateY(30px)} to{opacity:1; transform:translateY(0)} }
@keyframes sa-obra-out{ to{opacity:0; visibility:hidden} }
@media (prefers-reduced-motion:no-preference){
  .hero__linea--1[data-reveal].visible{ animation:hero-linea-in 700ms 900ms var(--sa-enter) both; }
  .hero__linea--2[data-reveal].visible{ animation:hero-linea-in 780ms 1060ms var(--sa-enter) both; }
  .hero__linea--3[data-reveal].visible{ animation:hero-linea-in 620ms 1220ms var(--sa-enter) both; }
}
@media (max-width:760px){
  .hero{ grid-template-columns:1fr; gap:28px; padding-top:12px; }
  .hero__texto{ grid-column:1; grid-row:1; padding:24px 0 0; gap:20px; }
  .hero__video{ grid-column:1; grid-row:2; min-height:0; height:70vw; max-height:540px; }
  .hero__linea--1{ font-size:clamp(34px,7vw,52px); }
  .hero__linea--2{ font-size:clamp(26px,5vw,38px); }
  .hero__linea--3{ font-size:16px; }
  .hacemos{ grid-template-columns:minmax(0,1fr) auto; }
  .hacemos__parrafo{ grid-column:1; }
  .hacemos .hacemos__flecha{ grid-column:2; }
  .proyectos{ min-height:520px; padding:32px 24px; }
  .pais--chile,.pais--panama,.pais--colombia{ min-height:380px; height:100vw; max-height:680px; }
  .cifras__grid{ grid-template-columns:1fr; }
  .cifras__valor--md{ font-size:76px; }
  .cifras__valor--sm{ font-size:clamp(30px,7.7vw,52px); }
  .cifras__valor--lg{ font-size:64px; }
}