/* V3 · papel continuo, marca y movimiento breve. Sólo esta versión. */
html[data-sa-version="4"] {
  --sa-paper:#fff; --sa-ink:#17243a; --sa-line:rgba(23,36,58,.17);
  --sa-radius:24px; --sa-space:clamp(24px,4vw,72px);
  --sa-enter:cubic-bezier(.16,1,.3,1); --sa-settle:cubic-bezier(.22,.61,.36,1);
  --papel:#fff; --blanco:#fff; --papel-hueso:#f5f6f7;
  --header-alto:clamp(72px,6vw,96px);
  background:var(--sa-paper);
}
html[data-sa-version="4"] body { background:var(--sa-paper); }
html[data-sa-version="4"] :focus-visible { outline:2px solid #2b5c87; outline-offset:5px; }
html[data-sa-version="4"] .cabecera,
html[data-sa-version="4"] body.ha-bajado .cabecera {
  height:var(--header-alto); padding-inline:var(--sa-space);
  background:var(--sa-paper); border:0; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none; color:var(--sa-ink);
}
html[data-sa-version="4"] .cabecera__marca img { width:clamp(154px,16vw,238px); }
html[data-sa-version="4"] .cabecera__monograma img { width:30px; }
html[data-sa-version="4"] .cabecera__acciones { gap:24px; }
html[data-sa-version="4"] .hamburguesa { width:30px; height:24px; }
html[data-sa-version="4"] .menu { background:var(--sa-ink); }
html[data-sa-version="4"] .menu::before,
html[data-sa-version="4"] .pie::after { content:none; }
html[data-sa-version="4"] .menu__lista { max-width:min(80vw,740px); }
html[data-sa-version="4"] .pie { background:var(--sa-ink); }
html[data-sa-version="4"] .preloader { display:none; }

/* Un único wordmark continuo, sin piezas ni selector. No captura interacción. */
html[data-sa-version="4"] .sa-obra {
  background:#fff; pointer-events:none;
  animation:sa-v3-intro-out 240ms 600ms var(--sa-settle) both;
}
html[data-sa-version="4"] .sa-obra[hidden] { display:none; }
html[data-sa-version="4"] .sa-obra__logo {
  width:min(72vw,560px); aspect-ratio:2361/273;
  overflow:hidden; animation:sa-v3-intro-in 580ms var(--sa-enter) both;
}
html[data-sa-version="4"] .sa-obra__logo::after { content:none; }
html[data-sa-version="4"] .sa-obra__logo img { width:100%; height:auto; }
html[data-sa-version="4"]:focus-within .sa-obra { display:none; }
@keyframes sa-v3-intro-in {
  from { opacity:0; transform:translate3d(0,16px,0); clip-path:inset(100% 0 0); }
  to { opacity:1; transform:none; clip-path:inset(0); }
}
@keyframes sa-v3-intro-out { to { opacity:0; visibility:hidden; } }

/* La marca abre la escena; el vídeo tiene escala y el texto un fondo estable. */
html[data-sa-version="4"] .hero {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto clamp(440px,61svh,740px);
  gap:clamp(20px,2.5vw,40px); padding:clamp(12px,2vw,30px) var(--sa-space) 0;
  min-height:0; height:auto; overflow:visible; background:#fff; isolation:isolate;
}
html[data-sa-version="4"] .hero__marca {
  grid-column:1; grid-row:1; width:100%; height:auto; margin:0;
  padding:0; justify-self:stretch; align-self:center;
}
html[data-sa-version="4"] .hero__video {
  grid-column:1; grid-row:2; position:relative; inset:auto;
  width:100%; height:100%; min-height:0; max-height:none;
  border-radius:var(--sa-radius); object-fit:cover; object-position:center;
  transform:none; animation:none; z-index:0;
}
html[data-sa-version="4"] .hero::before {
  content:""; grid-column:1; grid-row:2; position:relative; inset:auto;
  border-radius:var(--sa-radius); z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(8,20,35,.78),rgba(8,20,35,.35) 60%,rgba(8,20,35,.12)),
             linear-gradient(0deg,rgba(8,20,35,.64),transparent 75%);
}
html[data-sa-version="4"] .hero::after { content:none; }
html[data-sa-version="4"] .hero__texto {
  grid-column:1; grid-row:2; position:relative; inset:auto;
  align-self:end; justify-self:start; display:flex; flex-direction:column;
  gap:14px; width:min(100%,850px); padding:clamp(28px,4.5vw,72px);
  z-index:2; color:white;
}
html[data-sa-version="4"] .hero__texto::before { content:none; }
html[data-sa-version="4"] .hero__linea {
  position:relative; inset:auto; margin:0; color:white; border:0;
  opacity:1; transform:none; clip-path:none; animation:none; transition:none;
  font-family:var(--fuente-cuerpo-lectura,Georgia,serif); font-weight:400;
  white-space:normal; line-height:1.08; letter-spacing:-.025em;
}
html[data-sa-version="4"] .hero__linea--1 { font-size:clamp(36px,4.3vw,70px); max-width:20ch; }
html[data-sa-version="4"] .hero__linea--2 { font-size:clamp(24px,2.7vw,42px); max-width:27ch; }
html[data-sa-version="4"] .hero__linea--3 {
  padding-top:18px; font-family:var(--font-base); font-size:12px;
  line-height:1.5; font-weight:600; text-transform:uppercase; letter-spacing:.16em;
}
html[data-sa-version="4"] .hacemos { padding-block:clamp(72px,9vw,148px); }
html[data-sa-version="4"] .hacemos__titulo { color:var(--sa-ink); max-width:18ch; }
html[data-sa-version="4"] .hacemos__parrafo { color:var(--sa-ink); }
html[data-sa-version="4"] .proyectos,
html[data-sa-version="4"] .pais { border-radius:var(--sa-radius); }
html[data-sa-version="4"] .proyectos {
  margin:0 var(--sa-space); min-height:clamp(420px,43vw,660px);
}
html[data-sa-version="4"] .proyectos::after { content:none; }
html[data-sa-version="4"] .pais { margin:24px var(--sa-space) 0; }
/* El acceso tiene su propio rincón: no comparte la trayectoria del rótulo. */
html[data-sa-version="4"] .pais .pais__flecha {
  left:auto; top:auto; right:clamp(24px,3vw,48px); bottom:clamp(24px,3vw,48px);
}
html[data-sa-version="4"] .cifras { background:white; }

/* Países: imagen completa y velo localizado en la zona de lectura. */
html[data-sa-version="4"] .pais-hero {
  height:auto; min-height:calc(100svh - var(--header-alto) - 24px);
  margin:0 var(--sa-space) 24px; border-radius:var(--sa-radius);
  padding:clamp(32px,5vw,80px); align-items:flex-end; isolation:isolate;
}
html[data-sa-version="4"] .pais-hero::before {
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(0deg,rgba(7,19,32,.9),rgba(7,19,32,.66) 45%,rgba(7,19,32,.08));
}
html[data-sa-version="4"] .pais-hero__video { animation:none; transform:none; }
html[data-sa-version="4"] .pais-hero__contenido {
  display:grid; grid-template-columns:1fr; gap:clamp(32px,6vw,90px);
  padding:0; z-index:3; color:white;
}
html[data-sa-version="4"] .pais-hero__nombre {
  font-size:clamp(56px,9.2vw,150px); line-height:1; color:#fff;
}
html[data-sa-version="4"] .pais-hero__cifras {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px;
}
html[data-sa-version="4"] .pais-hero .cifra {
  min-width:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.42); gap:10px;
}
html[data-sa-version="4"] .cifra__rotulo { font-size:11px; letter-spacing:.06em; line-height:1.6; }
html[data-sa-version="4"] .cifra__valor { font-size:clamp(22px,2.9vw,48px); line-height:1.2; }

/* La transición es decorativa y acotada; no cambia foco ni historial. */
html[data-sa-version="4"]::before {
  content:""; position:fixed; inset:0; z-index:10050; pointer-events:none;
  background:var(--sa-paper); opacity:0;
  transition:opacity 150ms ease-out;
}
html[data-sa-version="4"].sa-page-leaving::before { opacity:1; }
html[data-sa-version="4"].sa-page-entering::before { animation:sa-v3-page-in 180ms ease-out; }
html[data-sa-version="4"].sa-page-leaving::before { animation:none; }
@keyframes sa-v3-page-in { from { opacity:1; } to { opacity:0; } }
html[data-sa-version="4"][data-sa-motion="protected"] .sa-obra,
html[data-sa-version="4"][data-sa-motion="reduced"] .sa-obra { display:none; }
html[data-sa-version="4"][data-sa-motion="protected"] .pais-hero [data-reveal],
html[data-sa-version="4"][data-sa-motion="reduced"] [data-reveal] {
  animation:none; transition:none; opacity:1; transform:none; clip-path:none;
}
@media (max-width:760px) {
  html[data-sa-version="4"] { --sa-space:20px; --sa-radius:18px; }
  html[data-sa-version="4"] .cabecera__monograma { display:none; }
  html[data-sa-version="4"] .hero { grid-template-rows:auto minmax(460px,65svh); gap:20px; }
  html[data-sa-version="4"] .hero__texto { padding:28px; gap:14px; }
  html[data-sa-version="4"] .hero__linea--1 { font-size:clamp(33px,7.8vw,50px); }
  html[data-sa-version="4"] .hero__linea--2 { font-size:clamp(23px,5.7vw,36px); }
  html[data-sa-version="4"] .hero__linea--3 { font-size:10px; letter-spacing:.1em; }
  html[data-sa-version="4"] .proyectos { padding:32px 24px; }
  html[data-sa-version="4"] .pais-hero { min-height:680px; padding:32px 24px; }
  html[data-sa-version="4"] .pais-hero__nombre { font-size:clamp(40px,11.4vw,80px); }
  html[data-sa-version="4"] .pais-hero__cifras { grid-template-columns:1fr; gap:22px; }
  html[data-sa-version="4"] .pais-hero .cifra { display:grid; grid-template-columns:1fr 1fr; align-items:baseline; }
  html[data-sa-version="4"] .cifra__valor { font-size:clamp(20px,5.5vw,34px); }
  html[data-sa-version="4"] .menu__lista { max-width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-sa-version="4"] .sa-obra { display:none; }
  html[data-sa-version="4"]::before { display:none; }
  html[data-sa-version="4"] [data-reveal] {
    animation:none!important; transition:none!important; opacity:1!important;
    transform:none!important; clip-path:none!important;
  }
}