/* Barlow local: menor latencia y sin dependencia de CSS externo para el diseño. */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/barlow-300-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/barlow-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/barlow-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/barlow-condensed-900-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/barlow-condensed-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/barlow-condensed-900-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--papel:#f8faf8;--tinta:#020617;--verde:#047857;--linea:#d4dcd5;--ease:cubic-bezier(.32,.72,0,1)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:Barlow,Arial,sans-serif}
a{color:inherit}
button,input{font:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,.rotulo{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
h1,h2,h3{margin:0;line-height:.96;text-wrap:balance;font-weight:900;text-transform:uppercase}
p{line-height:1.55}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--verde);outline-offset:5px}
.salto{position:fixed;top:12px;left:12px;z-index:10;background:white;padding:14px;transform:translateY(-160%)}
.salto:focus{transform:none}
.contenedor{width:min(1320px,calc(100% - 48px));margin:auto}
.navegacion{position:relative;margin:20px auto 0;padding:8px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid var(--linea);border-radius:38px}
.marca{display:inline-flex;align-items:center;min-height:44px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:24px;font-weight:900;text-decoration:none;white-space:nowrap}
.nav-enlaces{display:flex;gap:14px;align-items:center}
.nav-enlaces a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.nav-enlaces a:last-child{background:var(--verde);color:white;padding:0 15px;border-radius:24px}
.cabecera{padding:66px 0 48px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--verde)}
h1{font-size:clamp(52px,7.5vw,104px);letter-spacing:-.035em}
h1 em,h2 em{color:var(--verde)}
.bajada{font-size:18px;max-width:48ch}
.estado{display:inline-block;padding:8px 12px;border:1px solid var(--linea);font-size:12px;font-weight:600}
.seccion{padding:60px 0;border-top:1px solid var(--linea);scroll-margin-top:30px}
.titulo-seccion{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:26px}
h2{font-size:clamp(40px,4vw,62px);letter-spacing:-.025em}
.nota{font-size:14px;color:#475569}
.plano-anotado{margin:0;position:relative}
.plano-imagen{position:relative;overflow:hidden;border-radius:2.25rem;background:#e5e9e4}
.plano-imagen img{width:100%;height:auto}
.plano-capa{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.plano-capa .llamada{transition:opacity .3s var(--ease)}
.plano-capa path,.plano-capa line,.plano-capa circle{fill:none;stroke:white;stroke-width:3;vector-effect:non-scaling-stroke}
.plano-capa .llamada-linea{stroke-width:1.2}
.plano-capa text{fill:white;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:28px;paint-order:stroke;stroke:#020617;stroke-width:6;stroke-linejoin:round;letter-spacing:2px}
.plano-capa .numero{font-size:40px;letter-spacing:0}
.plano-capa .punto{fill:#34d399;stroke:#020617;stroke-width:2}
.plano-preparado:not(.plano-visible) .llamada-linea{stroke-dasharray:1;stroke-dashoffset:1}
.plano-preparado:not(.plano-visible) .llamada{opacity:0}
.plano-visible .llamada-linea{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease);transition-delay:var(--paso,0ms)}
.plano-visible .llamada{opacity:1;transition-delay:var(--paso,0ms)}
.referencial{position:absolute;bottom:18px;left:18px;font-size:12px;font-weight:600;color:white;background:rgba(2,6,23,.85);padding:7px 12px;border-radius:20px}
.plano-leyenda{font-size:14px;line-height:1.5;padding:14px 2px}
.plano-leyenda ol{margin:8px 0 0;padding-left:22px}
.opciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 0}
.opcion{display:block;text-decoration:none;border-top:2px solid transparent;padding-top:10px}
.opcion[aria-current=true]{border-color:var(--verde)}
.opcion img{aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.opcion strong{display:block;font-size:16px;margin-top:12px}
.opcion span{font-size:14px;line-height:1.4;color:#475569;display:block;margin-top:4px}
.vista-servicios{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.vista-servicios h3{font-size:clamp(48px,5vw,76px)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;background:var(--verde);color:white;border-radius:28px;text-decoration:none;font-weight:600;border:0;cursor:pointer}
.btn:hover{background:#065f46}
.btn:active{transform:scale(.98)}
.wordmarks{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wordmark-panel{padding:45px;border:1px solid var(--linea);display:flex;align-items:center;justify-content:center;min-height:230px}
.wordmark-panel.oscuro{background:var(--tinta)}
.wordmark-panel img{max-width:420px;width:100%}
.cajetin{font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--linea);padding-top:16px;margin-top:24px}
.pie{padding:36px 0 70px;font-size:14px}
.eleccion{font-size:14px;min-height:22px;margin:18px 0;color:var(--verde);font-weight:600}
.plano-imagen-fallida .plano-capa{display:none}
.plano-imagen-fallida .plano-imagen{border:1px solid var(--linea);min-height:160px}
.ayuda{margin:0;font-size:14px;color:#475569}

@media(min-width:768px){.plano-leyenda ol{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

@media(max-width:767px){html{scroll-padding-top:20px}
.contenedor{width:calc(100% - 32px)}
.navegacion{border-radius:26px;gap:0;padding:8px 14px;flex-wrap:wrap}
.marca{width:100%;padding:4px 0;font-size:22px}
.nav-enlaces{width:100%;justify-content:space-between;gap:8px}
.nav-enlaces a{font-size:12px}
.nav-enlaces a:last-child{padding:0 12px}
.cabecera{grid-template-columns:1fr;gap:20px;padding:40px 0 34px}
.cabecera h1{font-size:clamp(50px,12vw,76px)}
.bajada{font-size:17px;margin:12px 0}
.seccion{padding:38px 0}
.titulo-seccion{display:block}
.titulo-seccion .nota{margin-top:12px}
.plano-imagen{border-radius:24px}
.plano-capa .rotulo-largo,.plano-capa .llamada-linea{display:none}
.plano-capa .numero{font-size:66px;stroke-width:8}
.referencial{left:12px;bottom:12px;font-size:11px;padding:5px 9px}
.opciones{gap:10px}
.opcion strong{font-size:14px}
.opcion span{font-size:12px}
.opcion img{border-radius:10px}
.vista-servicios{grid-template-columns:1fr;gap:25px}
.vista-servicios h3{font-size:48px}
.wordmarks{grid-template-columns:1fr}
.wordmark-panel{min-height:180px;padding:34px}
.pie{padding-bottom:35px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.plano-preparado .llamada{opacity:1!important}
.plano-preparado .llamada-linea{stroke-dashoffset:0!important}
}


/* Páginas de proyecto: jerarquía editorial y escenas opcionales. */
[hidden]{display:none!important}
main{overflow:clip}
summary:focus-visible{outline:3px solid var(--verde);outline-offset:5px}
h3{font-size:30px;line-height:1.06}
em{font-style:italic}
.navegacion .marca span{color:var(--verde)}
.proyecto .seccion{padding:90px 0;scroll-margin-top:95px}
.intro-servicios{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:58px 0 65px}
.intro-servicios h1{font-size:clamp(64px,7.2vw,110px)}
.intro-servicios .beneficios{padding:0;list-style:none;line-height:1.7;font-weight:600}
.beneficios li::before{content:'✓';color:var(--verde);margin-right:10px}
.acciones{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:26px 0}
.enlace{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px;font-weight:600}
.hero-latas{position:relative;margin-top:22px;background:var(--tinta);color:white}
.hero-latas .hero-figura{position:relative}
.hero-latas .plano-imagen{border-radius:0}
.hero-latas .hero-copia{position:absolute;left:0;bottom:0;width:48%;padding:36px max(24px,calc((100vw - 1320px)/2));padding-right:32px;background:rgba(2,6,23,.94)}
.hero-latas h1{font-size:clamp(60px,7vw,106px)}
.hero-latas em{color:#34d399}
.hero-latas .eyebrow{color:#a7f3d0}
.hero-latas .bajada{font-size:18px;margin-bottom:24px}
.hero-latas .plano-leyenda{max-width:1320px;margin:auto;color:#cbd5e1;padding:16px 24px}
.hero-latas .referencial{left:auto;right:22px}
.hero-latas .capa-movil{display:none}
.franja-estado{padding:22px 0;border-bottom:1px solid var(--linea);font-size:15px}
.franja-estado strong::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#b45309;margin-right:10px}
.cabecera-seccion{max-width:750px;margin-bottom:38px}
.cabecera-seccion h2{font-size:clamp(48px,5.5vw,76px)}
.cabecera-seccion p:not(.eyebrow){color:#475569;font-size:19px;max-width:56ch}
.hechos{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:0}
.hechos li{border-top:1px solid var(--linea);padding-top:18px}
.numero-grande{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;font-size:64px;line-height:1;color:var(--verde);display:block;margin-bottom:16px}
.hechos p{font-size:17px}
.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.equipo-foto{max-width:470px}
.papel{background-color:#f0f3ed;background-image:linear-gradient(rgba(2,6,23,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(2,6,23,.04) 1px,transparent 1px);background-size:32px 32px}
.papel .seccion{border:0}
.escena{border:1px solid #b5c1b6;background:var(--papel);padding:20px;border-radius:4px}
.ficha-cabecera{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--linea);padding-bottom:12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#475569}
.tecnico{width:100%;height:auto;display:block;max-height:520px;fill:none;stroke:var(--tinta);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.tecnico .metal{fill:#dbe2dd}
.tecnico .verde{fill:#047857;stroke:#047857}
.tecnico .claro{fill:#f8faf8}
.tecnico .linea-fina{stroke-width:1;stroke:#718278}
.tecnico text{font:600 16px Barlow,Arial,sans-serif;fill:var(--tinta);stroke:none}
.recorrido-marco{display:none}
.recorrido-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:36px 0 0}
.recorrido-lista li{border-top:1px solid #aab8ae;padding:22px 0}
.recorrido-lista h3{font-size:28px}
.recorrido-lista .tecnico{height:210px;margin-bottom:18px}
.recorrido-lista p{margin-bottom:0}
.recorrido.activo{min-height:300svh}
.recorrido.activo .recorrido-marco{display:grid;position:sticky;top:30px;min-height:560px;height:calc(100svh - 60px);max-height:840px;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.recorrido-copia h3{font-size:clamp(42px,4.2vw,64px)}
.recorrido-copia p{font-size:20px;max-width:34ch}
.estaciones{display:flex;gap:8px;flex-wrap:wrap}
.estaciones button,.borde-btn{border:1px solid #aab8ae;color:var(--tinta);background:var(--papel);cursor:pointer;min-width:44px;min-height:44px;border-radius:24px;font-weight:600;padding:9px 14px}
.estaciones button[aria-current=step]{background:var(--verde);color:white;border-color:var(--verde)}
.recorrido.activo+.recorrido-lista{grid-template-columns:repeat(3,1fr)}
.preparacion{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:48px}
.preparacion article{border-top:2px solid var(--verde);padding-top:20px}
.preparacion h3{font-size:26px}
.preparacion p{font-size:16px}
.juego{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}
.iman-escena{position:relative;min-height:250px}
.iman-escena .tecnico{height:290px}
.iman-arrastre{position:absolute;left:calc(50% - 28px);top:22px;width:56px;height:56px;touch-action:none;cursor:grab;border:2px solid var(--tinta);border-radius:12px;background:white;color:var(--tinta);display:grid;place-items:center;z-index:1}
.iman-arrastre svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:5}
.iman-arrastre:active{cursor:grabbing}
.prueba-controles{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.prueba-controles button{max-width:100%;font-size:14px;line-height:1.3;text-align:left}
.resultado-iman{min-height:92px;padding:16px 0;border-top:1px solid var(--linea);font-weight:600;color:var(--verde);margin-bottom:0}
.org-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}
.org-card{grid-column:span 2;min-width:0}
.org-card:nth-child(4){grid-column:2/span 2}
.org-card h3{font-size:28px;margin-top:18px}
.org-card .plano-imagen img{transition:transform .5s var(--ease)}
.org-card:hover .plano-imagen img,.org-card:focus-within .plano-imagen img{transform:scale(1.04)}
.org-card .enlace{font-size:14px;color:var(--verde)}
.pasos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:35px 0}
.pasos li{padding-top:16px;border-top:1px solid var(--linea)}
.pasos li span{font:900 40px 'Barlow Condensed',Arial,sans-serif;color:var(--verde);display:block;margin-bottom:10px}
.pasos h3{font-size:25px}
.sumate-imagenes{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;margin:48px 0}
.mensaje{background:white;border:1px solid var(--linea);padding:36px;border-radius:24px}
.mensaje fieldset{border:0;margin:0;padding:0}
.mensaje legend{font-weight:600;font-size:19px;margin-bottom:15px}
.selector-opciones{display:flex;gap:10px;flex-wrap:wrap}
.selector-opciones button{background:white;color:var(--tinta);border:1px solid #9caaa0;border-radius:24px;min-height:46px;padding:10px 16px;cursor:pointer;font-weight:600;text-align:left}
.selector-opciones button[aria-pressed=true]{border-color:var(--verde);background:#e5f3eb;color:#065f46}
.selector-opciones button[aria-pressed=true]::before{content:'✓ ';font-weight:700}
.campo{display:block;margin:25px 0 8px;font-weight:600}
.mensaje input{display:block;width:min(100%,520px);border:1px solid #87968b;border-radius:10px;padding:14px;background:var(--papel);color:var(--tinta)}
.mensaje .btn{margin-top:26px}
.mensaje .nota{max-width:62ch}
.mensaje [data-resumen]{min-height:24px;color:var(--verde);font-weight:600;font-size:14px}
.aliados{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.aliado{min-height:160px;border:1px solid var(--linea);background:white;display:flex;align-items:center;justify-content:center;padding:24px}
.aliado img{width:auto;max-width:100%;height:auto;max-height:100px;object-fit:contain}
.aliado:first-child img{max-height:125px}
.faq{max-width:900px;margin:auto}
.faq details{border-bottom:1px solid var(--linea);padding:6px 0}
.faq summary{font-weight:600;font-size:19px;cursor:pointer;padding:18px 28px 18px 0;min-height:56px;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:16px;font-size:26px;font-weight:400}
.faq details[open] summary::after{content:'−'}
.faq details p{margin:0 0 22px;max-width:68ch;color:#475569;font-size:17px}
.selector-servicios{position:sticky;top:0;z-index:5;padding:8px 0;background:rgba(248,250,248,.97);border-block:1px solid var(--linea)}
.selector-servicios .contenedor{display:flex;gap:15px;justify-content:center}
.selector-servicios a{padding:14px 18px;min-height:48px;display:flex;align-items:center;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.selector-servicios a[aria-current=true]{border-color:var(--verde);color:var(--verde)}
.mosaico{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1120px;margin:auto}
.mosaico .principal{grid-column:1/-1}
.mosaico .secundaria{max-width:520px}
.lista-servicios{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.lista-servicios li{border-top:1px solid var(--linea);padding:24px 0}
.lista-servicios strong{font-size:20px}
.lista-servicios p{margin-bottom:0;color:#475569}
.corte-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.corte-grid .escena{margin:0}
.capas{display:grid;grid-template-columns:1fr;gap:5px;list-style:none;padding:0;color:#475569;font-size:14px}
.capas li::before{content:'— ';color:var(--verde)}
.corte-animando .capa-radier{animation:asentar .55s var(--ease) both;animation-delay:var(--retraso)}
@keyframes asentar{0%{opacity:0;transform:translateY(-35px)}
80%{opacity:1;transform:translateY(4px)}
100%{opacity:1;transform:translateY(0)}
}
.descenso .recorrido-marco{grid-template-columns:1fr 1.2fr}
.descenso.activo{min-height:200svh}
.descenso .descenso-dibujo{max-width:600px;margin:0 auto}
.descenso.activo .descenso-dibujo{display:none}
.descenso.activo .recorrido-marco .descenso-dibujo{display:block}
.descenso .tecnico{max-height:540px}
.metodos{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}
.metodos article{border-top:1px solid var(--linea);padding-top:20px}
.metodos p{color:#475569}
.oscura{background:var(--tinta);color:white}
.oscura .cabecera-seccion p{color:#cbd5e1}
.oscura .eyebrow{color:#a7f3d0}
.oscura .plano-leyenda{color:#cbd5e1}
.respaldo-lista{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.respaldo-lista h3{font-size:28px;color:#a7f3d0}
.respaldo-lista p{color:#cbd5e1}
.cobertura{margin-top:44px;padding-top:22px;border-top:1px solid var(--linea);font-size:18px}
.footer-proyecto{padding:60px 0 100px;background:var(--tinta);color:white}
.footer-proyecto .contenedor{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-proyecto .marca span{color:#a7f3d0}
.footer-proyecto p{color:#cbd5e1;margin:8px 0}
.sociales{display:flex;gap:22px;flex-wrap:wrap}
.sociales a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;text-underline-offset:5px}
.whatsapp-proyecto{position:fixed;right:20px;bottom:20px;z-index:8;min-height:48px;max-width:calc(100vw - 40px);padding:12px 18px;background:var(--verde);color:white;border-radius:28px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 18px #02061726}
.oscura a:focus-visible,.hero-latas a:focus-visible{outline-color:#a7f3d0}
.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.proyecto .plano-leyenda ol{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:flex;gap:12px 22px;flex-wrap:wrap;list-style:none;padding:0;font-size:13px}
.proyecto .plano-leyenda li{max-width:100%}
.proyecto .plano-leyenda li::before{content:attr(data-numero) ' · ';font-weight:600}
.proyecto .plano-capa .rotulo-largo{font-size:26px}

@media(max-width:1000px){.hero-latas .hero-copia{position:static;width:100%;padding:40px 24px}
.hero-latas .plano-imagen{max-height:none}
.intro-servicios,.dos-columnas,.corte-grid{gap:32px}
.hero-latas h1{font-size:76px}
.recorrido-lista{grid-template-columns:repeat(2,1fr)}
.preparacion{grid-template-columns:repeat(2,1fr)}
.proyecto .plano-capa .rotulo-largo{display:none}
.proyecto .plano-capa .llamada-linea{display:none}
.juego{gap:24px}
.recorrido.activo .recorrido-marco{gap:24px}
}

@media(max-width:767px){.proyecto .seccion{padding:56px 0;scroll-margin-top:82px}
.intro-servicios{grid-template-columns:1fr;gap:30px;padding:40px 0}
.intro-servicios h1{font-size:clamp(58px,14vw,90px)}
.intro-servicios .plano-imagen{max-width:520px;margin:auto}
.hero-latas .hero-copia{padding:36px 16px}
.hero-latas h1{font-size:clamp(64px,18vw,96px)}
.hero-latas .plano-imagen{aspect-ratio:4/5}
.hero-latas .plano-imagen img{aspect-ratio:4/5;object-fit:cover}
.hero-latas .capa-desktop{display:none}
.hero-latas .capa-movil{display:block}
.hechos,.dos-columnas,.juego,.corte-grid{grid-template-columns:1fr}
.hechos{gap:22px}
.numero-grande{font-size:48px}
.equipo-foto{max-width:400px}
.recorrido-lista{grid-template-columns:1fr;gap:12px}
.recorrido-lista li{display:grid;grid-template-columns:90px 1fr;gap:0 18px}
.recorrido-lista .tecnico{grid-row:1/3;height:125px;margin:0}
.recorrido-lista h3{font-size:28px}
.recorrido-lista p{font-size:16px;margin-top:10px}
.preparacion{gap:20px}
.preparacion h3{font-size:25px}
.preparacion p{font-size:15px}
.org-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
.org-card,.org-card:nth-child(4){grid-column:auto}
.org-card h3{font-size:26px}
.org-card p{font-size:15px}
.org-card .referencial{font-size:10px;left:8px;bottom:8px}
.pasos{grid-template-columns:1fr 1fr;gap:20px}
.sumate-imagenes{grid-template-columns:1fr;gap:24px}
.mensaje{padding:24px 20px}
.selector-opciones button{font-size:14px}
.aliados{grid-template-columns:1fr}
.aliado{min-height:130px}
.faq summary{font-size:18px}
.selector-servicios .contenedor{width:100%;gap:0;justify-content:space-between}
.selector-servicios a{font-size:13px;padding:12px 8px;white-space:normal;text-align:center;flex:1;justify-content:center;line-height:1.2;min-height:55px}
.mosaico{gap:24px;grid-template-columns:1fr}
.mosaico .principal{grid-column:auto}
.mosaico .secundaria{max-width:520px}
.lista-servicios{grid-template-columns:1fr}
.metodos{grid-template-columns:1fr;gap:18px}
.respaldo-lista{gap:25px}
.respaldo-lista h3{font-size:26px}
.footer-proyecto .contenedor{grid-template-columns:1fr}
.acciones{gap:12px}
.btn{font-size:15px;max-width:100%;text-align:center}
.proyecto .plano-leyenda ol{display:block}
.proyecto .plano-leyenda li{margin:4px 0}
.cabecera-seccion p:not(.eyebrow){font-size:18px}
.whatsapp-proyecto{right:12px;bottom:12px;font-size:13px;min-height:44px}
.proyecto .plano-capa .numero{font-size:48px}
}

@media(max-width:420px){.org-grid{grid-template-columns:1fr}
.pasos{grid-template-columns:1fr}
.respaldo-lista{grid-template-columns:1fr}
.recorrido-lista li{grid-template-columns:72px 1fr;gap:0 14px}
.proyecto .plano-capa .numero{font-size:62px}
}

@media(prefers-reduced-motion:reduce){.recorrido.activo,.descenso.activo{min-height:0}
.recorrido.activo .recorrido-marco{display:none}
.descenso.activo .descenso-dibujo{display:block}

.org-card:hover .plano-imagen img,.org-card:focus-within .plano-imagen img{transform:none}
.corte-animando .capa-radier{animation:none!important}
}


.recorrido.activo [data-estacion]{animation:estacion-entra .28s var(--ease) both}
@keyframes estacion-entra{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){.recorrido.activo [data-estacion]{animation:none}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navegacion .marca .sr-only{color:var(--tinta)}

/* Revisión de Claude (2026-10-10) */
/* Tarjetas de acopio: a ~420 px los rótulos de 28 u. quedan en ~10 px; se muestra solo el número (leyenda debajo). */
.org-card .plano-capa .rotulo-largo,.org-card .plano-capa .llamada-linea{display:none}
.org-card .plano-capa .numero{font-size:72px;stroke-width:8}
/* Hero de Latas: el rótulo referencial arriba a la derecha, lejos del botón flotante de WhatsApp. */
.hero-latas .referencial{top:18px;bottom:auto;right:22px;left:auto}
/* El descenso: el dibujo era un ítem de grid con margin:auto y sin ancho, y se encogía a ~170 px. */
.descenso .descenso-dibujo{width:100%}
.descenso .tecnico{max-height:min(640px,calc(100svh - 140px))}