@font-face{font-family:'Archivo';src:url('../fonts/archivo-var.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
/* =========================================================
   Magna Oriental — v2 «Obra»
   Olivo noche #2F3720 · Olivo #5E6B45 · Latón #8C6A36
   Latón claro #D2B583 · Arena #EFE9DC · Hueso #F7F3EA
   ========================================================= */
:root{
  --olivo-noche:#2F3720; --olivo:#5E6B45; --texto:#454D33; --linea:#CFC3A8; --linea-osc:#4A5236;
  --laton:#8C6A36; --laton-claro:#D2B583; --arena:#EFE9DC; --hueso:#F7F3EA; --lino:#E9E1D0; --gris-c:#C9BFA6;
  --pie:#232A17;
  --f:'Archivo', system-ui, sans-serif;
  --ancho:1280px; --g:20px;
}
@media (min-width:900px){:root{--g:40px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--arena);color:var(--olivo-noche);font-family:var(--f);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--olivo-noche)}a:hover{color:var(--laton)}
:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3,.rotulo-xl,.rotulo-l,.rotulo-m,b{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.nw{white-space:nowrap}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.saltar{position:absolute;left:-9999px;top:8px;background:var(--olivo-noche);color:var(--hueso);padding:12px 16px;z-index:100}.saltar:focus{left:8px}
.contenedor{max-width:var(--ancho);margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
.seccion{padding-top:clamp(52px,8vw,110px)}

/* Tipografía: rótulo de obra (alto, fino, mayúscula) */
.rotulo-xl,.rotulo-l,.rotulo-m{font-weight:300;font-stretch:62%;text-transform:uppercase;line-height:.88;letter-spacing:-.005em}
.rotulo-xl{font-size:clamp(64px,9vw,150px)}
.lema .rotulo-xl{font-size:clamp(64px,7.4vw,124px)}
.rotulo-l{font-size:clamp(44px,6.4vw,92px)}
.rotulo-m{font-size:clamp(30px,3.6vw,48px);font-weight:700;font-stretch:75%;line-height:.95;letter-spacing:.005em}
.rotulo-xl b,.rotulo-l b{font-weight:700;color:var(--laton-claro)}
.sobre-claro .rotulo-xl b,.sobre-claro .rotulo-l b{color:var(--laton)}
.antetitulo{font-size:14px;font-weight:600;color:var(--laton);letter-spacing:.01em}
.texto{color:var(--texto)}
.cifra{font-weight:200;font-stretch:62%;line-height:.85;color:var(--laton)}
.cabeza{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:24px}
.cabeza p{max-width:520px}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;border:1.5px solid var(--olivo-noche);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn--solido{background:var(--olivo-noche);color:var(--hueso)}.btn--solido:hover{background:var(--olivo);border-color:var(--olivo);color:var(--hueso)}
.btn--linea{background:transparent;color:var(--olivo-noche)}.btn--linea:hover{background:var(--olivo-noche);color:var(--hueso)}
.btn--laton{background:var(--laton-claro);border-color:var(--laton-claro);color:var(--olivo-noche)}.btn--laton:hover{background:var(--hueso);border-color:var(--hueso);color:var(--olivo-noche)}
.btn--claro{background:transparent;border-color:var(--hueso);color:var(--hueso)}.btn--claro:hover{background:var(--hueso);color:var(--olivo-noche)}
.btn--chico{min-height:44px;padding:0 16px;font-size:14px}
.grupo-btn{display:flex;flex-wrap:wrap;gap:10px}
.enlace{font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}

/* ---------- Cabecera ---------- */
.cabecera{position:sticky;top:0;z-index:50;background:var(--arena);transition:box-shadow .2s}
.cabecera.con-sombra{box-shadow:0 1px 0 var(--linea)}
.admin-bar .cabecera{top:32px}@media (max-width:782px){.admin-bar .cabecera{top:46px}}
.cabecera__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--olivo-noche)}
.marca b{font-size:16px;font-weight:700;font-stretch:115%;letter-spacing:.06em;line-height:1}
.marca span{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--olivo);margin-top:4px}
.menu-principal{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:600}
.menu-principal ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.menu-principal ul a{text-decoration:none;padding:8px 0;display:inline-block;position:relative}
.menu-principal ul a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1.5px;background:var(--laton);transition:right .25s}
.menu-principal ul a:hover::after,.menu-principal .current-menu-item>a::after,.menu-principal .current_page_item>a::after{right:0}
.menu-principal .btn{min-height:44px;font-size:15px}
.menu-toggle{display:none;width:48px;height:48px;border:0;background:var(--olivo-noche);color:var(--hueso);cursor:pointer;align-items:center;justify-content:center}
@media (max-width:900px){
  .menu-toggle{display:inline-flex}
  .menu-principal{position:fixed;inset:0;z-index:70;background:var(--olivo-noche);flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;padding:80px var(--g) 40px;transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);visibility:hidden}
  .menu-principal.abierto{transform:none;visibility:visible}
  .menu-principal ul{flex-direction:column;gap:6px}
  .menu-principal ul a{color:var(--hueso);font-size:46px;font-weight:300;font-stretch:62%;text-transform:uppercase;line-height:1.05;padding:4px 0}
  .menu-principal ul a::after{background:var(--laton-claro)}
  .menu-principal .btn{background:var(--laton-claro);border-color:var(--laton-claro);color:var(--olivo-noche);min-height:52px}
  .menu-cerrar{position:absolute;top:12px;right:var(--g);width:48px;height:48px;border:0;background:var(--hueso);color:var(--olivo-noche);display:flex;align-items:center;justify-content:center;cursor:pointer}
}
@media (min-width:901px){.menu-cerrar{display:none}}

/* ---------- Hero: del plano a la obra ---------- */
.hero{position:relative;height:min(86svh,820px);min-height:520px;overflow:hidden;background:var(--olivo-noche);touch-action:pan-y}
.hero__obra{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero__plano{position:absolute;inset:0;overflow:hidden;background:var(--hueso);clip-path:inset(0 calc(100% - var(--eje,42%)) 0 0)}
.hero__plano img{position:absolute;left:var(--g);top:50%;transform:translateY(-50%);width:calc(100% - 2*var(--g));height:72%;object-fit:contain;object-position:left center}
@media (max-width:700px){.hero__plano img{width:150%;height:60%}}
.hero__plano-pie{position:absolute;left:var(--g);bottom:84px;font-size:13px;font-weight:600;color:var(--olivo)}
.hero__eje{position:absolute;top:0;bottom:0;left:var(--eje,42%);width:0;border-left:1.5px dashed var(--laton-claro);pointer-events:none}
.hero__tirador{position:absolute;top:50%;left:-26px;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:var(--laton-claro);color:var(--olivo-noche);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 4px 16px rgba(35,42,23,.3)}
.hero__control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.hero__control:focus-visible + .hero__eje .hero__tirador{outline:3px solid var(--hueso)}
.hero__marcas{position:absolute;left:var(--g);right:var(--g);bottom:20px;display:flex;justify-content:space-between;pointer-events:none}
.hero__marcas span{background:var(--olivo-noche);color:var(--hueso);font-size:12px;font-weight:600;padding:7px 11px}
.hero__rotulo{position:absolute;right:var(--g);top:20px;background:var(--olivo-noche);color:var(--hueso);font-size:13px;font-weight:600;padding:8px 12px;text-decoration:none}
.hero__rotulo:hover{color:var(--laton-claro)}

.lema{background:var(--olivo-noche);color:var(--hueso)}
.lema__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px 64px;align-items:end;padding-top:clamp(34px,6vw,72px);padding-bottom:clamp(40px,6vw,80px)}
.lema p{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--lino);max-width:520px}
.lema .grupo-btn{margin-top:24px}

/* ---------- Carrusel de obras ---------- */
.carrusel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g) 10px;scrollbar-width:thin;scrollbar-color:var(--linea) transparent;margin:0 auto;max-width:calc(var(--ancho) + 0px)}
.carrusel::-webkit-scrollbar{height:6px}.carrusel::-webkit-scrollbar-thumb{background:var(--linea)}
.obra{flex:0 0 min(78vw,360px);scroll-snap-align:start;position:relative;aspect-ratio:4/5;display:block;text-decoration:none;color:var(--hueso);background:var(--olivo-noche);overflow:hidden}
.obra img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.obra:hover img{transform:scale(1.04)}
.obra__num{position:absolute;top:12px;left:14px;font-size:72px;font-weight:200;font-stretch:62%;line-height:.8;color:var(--hueso);text-shadow:0 1px 12px rgba(35,42,23,.35)}
.obra__pie{position:absolute;left:0;right:0;bottom:0;background:var(--olivo-noche);padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.obra__pie b{font-size:19px;line-height:1.15}
.obra__pie span{font-size:13px;font-weight:600;color:var(--laton-claro)}
.obra__vacia{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:70px}
.carrusel-nav{display:flex;gap:8px}
.carrusel-nav button{width:48px;height:48px;border:1.5px solid var(--olivo-noche);background:transparent;color:var(--olivo-noche);cursor:pointer;display:flex;align-items:center;justify-content:center}
.carrusel-nav button:hover{background:var(--olivo-noche);color:var(--hueso)}
@media (max-width:700px){.carrusel-nav{display:none}}
.rejilla-obras{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.rejilla-obras .obra{flex:none;width:100%}

/* ---------- Servicios / pasos ---------- */
.pasos{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--olivo-noche);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));column-gap:40px}
.pasos li{display:flex;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--linea)}
.pasos .cifra{font-size:52px;min-width:34px}
.pasos b{display:block;font-size:19px;margin-bottom:4px}
.pasos span.d{font-size:15px;color:var(--texto);line-height:1.5}

/* Pasos con foto */
.pasos li.con-foto{flex-wrap:wrap;align-items:baseline;border-bottom:0;padding-top:0}
.pasos li.con-foto img{flex:0 0 100%;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:6px;background:var(--hueso)}
.pasos li.con-foto img.es-dibujo{object-fit:contain;padding:10px}
.pasos:has(.con-foto){border-top:0;row-gap:24px}
@media (max-width:640px){
.pasos:has(.con-foto){row-gap:0;border-top:1.5px solid var(--olivo-noche)}
.pasos li.con-foto{display:grid;grid-template-columns:116px 1fr;grid-template-rows:auto 1fr;column-gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--linea)}
.pasos li.con-foto img{grid-row:1 / 3;width:116px;aspect-ratio:1;margin:0}
.pasos li.con-foto .cifra{line-height:1}
.pasos li.con-foto img.es-dibujo{padding:6px}
.pasos li.con-foto .cifra{font-size:30px;min-width:0;margin-bottom:4px}
.pasos li.con-foto b{font-size:17px}
.pasos li.con-foto span.d{font-size:14px}
}

/* Mosaico de obra real */
.mosaico{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(420px,52vw,640px)}
.mosaico__item{position:relative;overflow:hidden;display:block;color:var(--hueso);text-decoration:none;background:var(--olivo-noche)}
.mosaico__item--0{grid-row:1 / span 2}
.mosaico__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mosaico__item:hover img{transform:scale(1.04)}
.mosaico__item span{position:absolute;left:0;bottom:0;background:var(--olivo-noche);padding:8px 12px;font-size:13px}
.mosaico__item span b{color:var(--laton-claro);font-weight:600}
@media (max-width:700px){.mosaico{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}.mosaico__item--0{grid-column:1 / span 2;grid-row:auto;aspect-ratio:4/3}.mosaico__item--1,.mosaico__item--2{aspect-ratio:3/4}}

/* ---------- Banda de foto con nota ---------- */
.banda{position:relative;margin-top:clamp(52px,8vw,110px)}
.banda img{width:100%;height:clamp(300px,48vw,620px);object-fit:cover}
.banda__nota{position:relative;margin:-60px var(--g) 0;max-width:520px;background:var(--hueso);padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
@media (min-width:900px){.banda__nota{position:absolute;margin:0;left:max(var(--g),calc((100% - var(--ancho))/2 + var(--g)));bottom:-48px}}
.banda__nota b{font-size:22px;line-height:1.2}
.banda__nota .enlace{align-self:flex-start;margin-top:6px;font-size:15px}

/* ---------- Somos Magna ---------- */
.oscuro{background:var(--olivo-noche);color:var(--hueso)}
.oscuro a:not(.btn){color:var(--laton-claro)}
.magna{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px 72px;align-items:center;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px)}
.magna p{font-size:18px;color:var(--lino);max-width:560px;margin-top:20px}
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linea-osc);margin-top:28px}
.cifras div{padding:18px 12px 0 0}
.cifras div+div{padding-left:14px;border-left:1px solid var(--linea-osc)}
.cifras .cifra{display:block;font-size:56px;color:var(--hueso)}
.cifras span{font-size:13px;color:var(--gris-c)}

/* ---------- Asesora ---------- */
.asesora{display:flex;gap:18px;align-items:center}
.asesora img{width:104px;height:128px;object-fit:cover;flex:0 0 auto}
.asesora__txt{display:flex;flex-direction:column;gap:5px}
.asesora__txt b{font-size:22px;line-height:1.1}
.asesora__txt span:last-child{font-size:15px;color:var(--texto);line-height:1.45}
.oscuro .asesora__txt span:last-child{color:var(--lino)}

/* ---------- Cotizar ---------- */
.cotizar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:40px 64px;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px)}
.cotizar__info{display:flex;flex-direction:column;gap:22px;min-width:0}
.cotizar .rotulo-l{font-size:clamp(44px,5vw,80px)}
.rotulo-xl,.rotulo-l,.rotulo-m{overflow-wrap:normal;word-break:keep-all;hyphens:manual}
.proy-cab__titulo{max-width:22ch;font-size:clamp(36px,4.4vw,64px)}
.contacto-lista{display:flex;flex-direction:column;gap:12px;font-size:16px;border-top:1px solid var(--linea);padding-top:20px}
.contacto-lista a{text-decoration:none}.contacto-lista a.fuerte{font-weight:700}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px 18px;align-content:start}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{font:inherit;font-weight:400;font-size:16px;padding:12px 0;border:0;border-bottom:1.5px solid var(--olivo-noche);background:transparent;min-height:46px;color:var(--olivo-noche);border-radius:0}
.form textarea{border:1.5px solid var(--olivo-noche);padding:12px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--laton)}
.form input[type=file]{border:0;padding:6px 0;font-size:14px;min-height:auto}
.form input[type=file]::file-selector-button{font:inherit;font-weight:700;font-size:14px;min-height:44px;padding:0 16px;margin-right:12px;border:1.5px solid var(--olivo-noche);background:transparent;color:var(--olivo-noche);cursor:pointer}
.form input[type=file]::file-selector-button:hover{background:var(--olivo-noche);color:var(--hueso)}
.form .ancho{grid-column:1/-1}
.form .trampa{position:absolute;left:-9999px}
.form .legal{flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;color:var(--texto)}
.form .legal input{min-height:auto;margin-top:3px}
.form button{justify-self:start}
.aviso{grid-column:1/-1;padding:14px 16px;font-weight:600}
.aviso--ok{background:var(--olivo-noche);color:var(--hueso)}.aviso--error{background:#7A2E1E;color:#fff}

/* ---------- Páginas interiores ---------- */
.intro{padding-top:clamp(36px,6vw,80px);display:flex;flex-direction:column;gap:18px}
.intro .bajada{font-size:clamp(17px,1.5vw,20px);color:var(--texto);max-width:640px}
.contenido{max-width:760px}
.contenido>*+*{margin-top:1em}
.contenido h2{font-size:28px;margin-top:1.6em}
.contenido ul{padding-left:1.2em}
.dos-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px 56px}
.col-texto b{display:block;font-size:22px;margin:10px 0 8px;line-height:1.2}

/* ---------- Proyecto ---------- */
.proy-visor{position:relative;background:var(--hueso)}
.proy-visor__img{width:100%;height:clamp(320px,56vw,720px);object-fit:cover}
.proy-visor__img.es-plano{object-fit:contain;background:var(--hueso);padding:16px}
.proy-visor__pie{position:absolute;left:var(--g);bottom:16px;background:var(--olivo-noche);color:var(--hueso);font-size:12px;font-weight:600;padding:7px 11px}
.proy-visor__flechas{position:absolute;right:var(--g);bottom:12px;display:flex;gap:6px}
.proy-visor__flechas button{width:46px;height:46px;border:0;background:var(--hueso);color:var(--olivo-noche);cursor:pointer;display:flex;align-items:center;justify-content:center}
.proy-vistas{display:flex;border-bottom:1px solid var(--linea)}
.proy-vistas button{flex:1 1 0;max-width:220px;font:inherit;font-size:14px;font-weight:600;min-height:52px;border:0;background:transparent;color:var(--olivo-noche);cursor:pointer}
.proy-vistas button[aria-pressed="true"]{background:var(--olivo-noche);color:var(--hueso)}
.proy-cab{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 64px;padding-top:clamp(28px,4vw,56px);position:relative}
.proy-cab__num{position:absolute;right:var(--g);top:clamp(4px,2vw,24px);font-size:clamp(110px,16vw,220px);font-weight:200;font-stretch:62%;line-height:.8;color:#D9CFBB;pointer-events:none}
.proy-cab__txt{position:relative;display:flex;flex-direction:column;gap:12px}
.proy-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--olivo-noche);border-bottom:1.5px solid var(--olivo-noche);margin-top:clamp(24px,4vw,44px)}
.proy-cifras div{padding:16px 10px 16px 0;display:flex;flex-direction:column;gap:2px}
.proy-cifras div+div{padding-left:14px;border-left:1px solid var(--linea)}
.proy-cifras .cifra{font-size:clamp(40px,5vw,64px);color:var(--olivo-noche)}
.proy-cifras span{font-size:13px;color:var(--olivo)}
.ficha{margin:0;font-size:15px}
.ficha div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--linea)}
.ficha dt{color:var(--olivo)}.ficha dd{margin:0;text-align:right;font-weight:600}
.compartir{display:flex;flex-direction:column;gap:10px}
.siguiente{display:flex;align-items:center;gap:16px;text-decoration:none;background:var(--olivo-noche);color:var(--hueso);padding:12px;max-width:520px}
.siguiente:hover{color:var(--hueso);background:var(--olivo)}
.siguiente img{width:110px;height:80px;object-fit:cover}
.siguiente span span{display:block;font-size:12px;font-weight:600;color:var(--laton-claro)}
.siguiente b{font-size:18px}

/* ---------- Del solar a la obra ---------- */
.etapas{position:relative;height:260vh;margin-top:clamp(52px,8vw,110px)}
.etapas__fijo{position:sticky;top:72px;height:calc(100svh - 72px);display:flex;flex-direction:column;gap:14px;padding:14px 0 18px}
.admin-bar .etapas__fijo{top:104px;height:calc(100svh - 104px)}
.etapas__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;width:100%}
.etapas__botones{display:flex;border:1.5px solid var(--olivo-noche)}
.etapas__botones button{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:0 16px;border:0;background:transparent;color:var(--olivo-noche);cursor:pointer;display:flex;align-items:center;gap:8px}
.etapas__botones button span{font-weight:300;font-stretch:62%;font-size:20px;color:var(--laton)}
.etapas__botones button+button{border-left:1.5px solid var(--olivo-noche)}
.etapas__botones button[aria-pressed="true"]{background:var(--olivo-noche);color:var(--hueso)}
.etapas__botones button[aria-pressed="true"] span{color:var(--laton-claro)}
.etapas__lienzo{position:relative;flex:1 1 auto;min-height:0;margin:0 var(--g);max-width:calc(var(--ancho) - 2*var(--g));width:calc(100% - 2*var(--g));align-self:center;overflow:hidden;background:var(--arena)}
@media (min-width:1360px){.etapas__lienzo{margin:0 auto}}
.etapas__capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
img.etapas__capa:first-child{object-fit:contain;background:#EFE9DC}
.etapas__capa--plano{background:var(--hueso);display:flex;align-items:center;justify-content:center}
.etapas__capa--plano img{width:92%;height:92%;object-fit:contain}
.etapas__eje{position:absolute;top:0;bottom:0;left:var(--x,0%);border-left:1.5px dashed var(--laton);pointer-events:none;opacity:var(--ejeop,0)}
.etapas__pie{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;width:100%}
.etapas__pie p{font-size:16px;color:var(--texto);max-width:640px}
.etapas__pie p b{color:var(--olivo-noche)}
@media (max-width:700px){.etapas__botones button{padding:0 12px;font-size:13px}.etapas__pie p{font-size:15px}}
@media (prefers-reduced-motion:reduce){.etapas{height:auto}.etapas__fijo{position:relative;top:0;height:80svh}}

/* ---------- Pie ---------- */
.pie{background:var(--pie);color:var(--lino)}
.pie a{color:var(--lino);text-decoration:none}.pie a:hover{color:var(--laton-claro)}
.pie__top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px;padding-top:56px;padding-bottom:32px}
.pie__lema{font-size:clamp(40px,5vw,64px);font-weight:300;font-stretch:62%;text-transform:uppercase;line-height:.9;color:var(--hueso)}
.pie__lema b{font-weight:700;color:var(--laton-claro)}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.pie .gris{color:var(--gris-c);font-size:14px}
.pie__base{border-top:1px solid #3B4429;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;padding-bottom:28px;font-size:13px;color:var(--gris-c)}
.pie__base a{color:var(--laton-claro)}

/* ---------- Acción fija ---------- */
.accion-fija{display:none}
.wa-flotante{position:fixed;right:22px;bottom:22px;z-index:60;min-height:52px;padding:0 18px 0 14px;background:var(--olivo-noche);color:var(--hueso);display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(35,42,23,.3)}
.wa-flotante:hover{color:var(--laton-claro)}
@media (max-width:900px){
  .wa-flotante{display:none}
  .accion-fija{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--hueso);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom)}
  .accion-fija a{min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;color:var(--olivo-noche)}
  .accion-fija a+a{background:var(--olivo-noche);color:var(--hueso)}
  body{padding-bottom:60px}
}

/* ---------- Aparición ---------- */
.js .revelar{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .revelar.ver{opacity:1;transform:none}
@media (min-width:901px){.etapas__pie{padding-right:170px}}
@media (max-width:340px){.nw.nw-amplio{white-space:normal}}