/* =====================================================================
   Andes Cordillera — LIENZO (v4) · "Bosque del sur en flor"
   Paleta de pintor con roles fijos (Método ACD-IA® / estilo BAW):
     Tinta     #14301f  texto sobre papel
     Primario  #1f8a47  verde bosque intenso (marca, enlaces)
     Profundo  #0f5c3a → #0f7a5a  degradados de secciones de color
     Emoción   #c2183c  rojo copihue (acentos, botón principal no-WhatsApp)
     Luz       #ffc861  sol (énfasis sobre color, h1, cifras)
     Vida      #8fd14f  brote (detalles, éxito)
     Flor      #7b3fd0  lupino (acentos secundarios)
     Papel     #fbf9f1 / #eef7e6  fondos claros
     Conversación #25D366 solo WhatsApp
   Regla: texto blanco sobre color, texto tinta sobre papel. Sin fondos casi negros.
   ===================================================================== */

/* ---------- Tipografías propias (alojadas en el sitio, sin terceros) ---------- */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/fraunces-latin-opsz-normal.woff2') format('woff2-variations'),url('fonts/fraunces-latin-opsz-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url('fonts/fraunces-latin-opsz-italic.woff2') format('woff2-variations'),url('fonts/fraunces-latin-opsz-italic.woff2') format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/work-sans-latin-wght-normal.woff2') format('woff2-variations'),url('fonts/work-sans-latin-wght-normal.woff2') format('woff2')}

:root{
  --ink:#14301f; --ink-2:#1b3d29;
  --paper:#fbf9f1; --paper-2:#eef7e6;
  --moss:#1f8a47; --moss-light:#a6e07e;
  --clay:#c2183c; --clay-light:#ffc861;
  --stone:#5f6f62;
  --line:rgba(20,48,31,.12); --line-dark:rgba(255,255,255,.16);
  --forest:#0f5c3a; --emerald:#0f7a5a; --deep:#0c4a2e;
  --sun:#ffc861; --lime:#8fd14f; --lupino:#7b3fd0; --copihue:#c2183c; --lake:#2d9fbb;
  --serif:'Fraunces','Georgia',serif;
  --sans:'Work Sans',-apple-system,'Segoe UI',sans-serif;
  --g-forest:linear-gradient(140deg,#0c4a2e 0%,#12663d 48%,#0f7a5a 100%);
  --g-copihue:linear-gradient(120deg,#9d0f2c 0%,#c2183c 55%,#cf2f4c 100%);
  --sh-near:0 1px 2px rgba(15,60,35,.10),0 4px 10px -4px rgba(15,60,35,.14);
  --sh-far:0 30px 60px -30px rgba(15,60,35,.38);
}
body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
h1,h2,h3,h4{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.01em}
h3,h4{letter-spacing:0;word-spacing:.04em}
h1{font-weight:620} h2{font-weight:600}
p{color:#3b4d41}

/* ---------- Cabecera y menú ---------- */
header.scrolled{background:rgba(12,74,46,.93);box-shadow:0 10px 30px -10px rgba(5,40,22,.45)}
header.ac-solid{background:rgba(12,74,46,.96)}
.brand small{color:#bfe8a6}
.mobile-menu{background:var(--g-forest)}
.navlinks a:hover{color:var(--sun)}

/* ---------- HERO con más luz ---------- */
.hero{background:#0f5c3a}
.hero-video{filter:saturate(1.18) brightness(1.04) contrast(1.03)}
.hero-gradient{background:
  radial-gradient(ellipse 60% 55% at 88% 6%,rgba(255,214,120,.42),rgba(255,214,120,0) 70%),
  linear-gradient(100deg,rgba(8,52,30,.82) 0%,rgba(8,52,30,.62) 36%,rgba(8,52,30,.18) 70%,rgba(8,52,30,0) 100%)}
.hero-bg{filter:saturate(1.15) brightness(.98)}
.hero-bg::after{background:
  radial-gradient(ellipse 60% 55% at 88% 6%,rgba(255,214,120,.38),rgba(255,214,120,0) 70%),
  linear-gradient(100deg,rgba(8,52,30,.84) 0%,rgba(8,52,30,.6) 40%,rgba(8,52,30,.14) 78%,rgba(8,52,30,0) 100%)}
.hero h1{color:#fffdf5;text-shadow:0 2px 24px rgba(5,40,22,.35)}
.hero h1 em{color:var(--sun);font-weight:560}
.hero p.lede{color:#f1f7ec;text-shadow:0 1px 12px rgba(5,40,22,.4)}
.hero .ac-hero-note{color:#e2efdc}
.trustline{border-top-color:rgba(255,255,255,.28)}
.trustline .stat b{color:#fffdf5}
.trustline .stat span{color:#d9ecd0}
.ac-hero-price{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);backdrop-filter:blur(6px)}
.ac-hero-price b{background:var(--sun);color:#3a2600}
.hero .eyebrow,.ac-hero-eyebrow{color:var(--sun)!important}
.hero .eyebrow::before{background:var(--sun)}
.status-chip{background:rgba(255,200,97,.16);border-color:var(--sun);color:#fff3cf}
.status-chip::before{background:var(--sun)}
.crumb,.crumb a{color:#e2efdc}
.seal circle{stroke:var(--sun)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(4px)}
.btn-ghost:hover{border-color:var(--sun);background:rgba(255,255,255,.16)}

/* ---------- Botones ---------- */
.btn{border-radius:999px;transition:transform .18s ease,background .2s ease,box-shadow .2s ease}
.btn-clay{background:var(--copihue);color:#fff;box-shadow:0 8px 20px -10px rgba(194,24,60,.8)}
.btn-clay:hover{background:#a5122f}
.btn-wa{box-shadow:0 8px 20px -10px rgba(20,140,70,.9)}
.btn-outline-dark{border-color:var(--ink);color:var(--ink)}
.btn-outline-dark:hover{background:var(--ink);color:#fff}

/* ---------- Secciones de color: verdes vivos, nunca casi negro ---------- */
.section.dark-section,.dark-section{background:var(--g-forest);color:#f4fbef}
.dark-section h2,.dark-section h3,.dark-section h4{color:#fffdf5}
.dark-section p{color:#dcefd6}
.dark-section .eyebrow{color:var(--sun)!important}
.dark-section .eyebrow::before{background:var(--sun)}
.method-row{background:rgba(255,255,255,.14);border-radius:14px;overflow:hidden}
.method-step{background:rgba(9,58,35,.55)}
.method-step .n{color:var(--sun)}
.method-step p{color:#d6ead0}
.ac-uses{background:rgba(255,255,255,.14);border-radius:14px}
.ac-use{background:rgba(9,58,35,.55)}
.ac-use .n{color:var(--sun)}
.ac-use p{color:#d6ead0}
.ac-use li a{border-color:rgba(255,255,255,.22)}
.ac-use li a small{color:var(--sun)}
.ac-use li a:hover{border-color:var(--sun);background:rgba(255,255,255,.08)}
.modo{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);border-radius:12px}
.modo .star{color:var(--sun)}
.modo p{color:#d6ead0}
.cta-band{background:var(--g-copihue)}
.cta-band p{color:#ffe9ec}
.credit-cta{background:var(--g-forest);border-radius:16px}
.sim{border-radius:16px;box-shadow:var(--sh-near),var(--sh-far)}
.sim-out{background:var(--g-forest);border-radius:12px}
.sim-out span{color:var(--sun)}
.sim-out small{color:#d6ead0}
.field-top .val{color:var(--copihue)}
input[type=range]{background:#dcefd2}
input[type=range]::-webkit-slider-thumb{background:var(--moss);box-shadow:0 2px 8px rgba(31,138,71,.5)}
input[type=range]::-moz-range-thumb{background:var(--moss)}

/* ---------- Superficies claras ---------- */
.section{background:var(--paper)}
.eyebrow{color:var(--copihue)}
.eyebrow::before{background:var(--copihue)}
.strip{background:linear-gradient(90deg,#eef7e6,#f6f1fd 50%,#eef7e6);border-color:var(--line)}
.strip-track{color:var(--moss)}
.strip-track span::before{content:'❀';color:var(--copihue);font-size:12px}
.ac-card,.contact-card,.ac-step,.ac-table-wrap,.spec-grid,.aerial-cta{border-radius:16px}
.ac-card{box-shadow:var(--sh-near),var(--sh-far);border-color:rgba(20,48,31,.08)}
.ac-card .ac-img{border-radius:16px 16px 0 0}
.ac-chip{background:rgba(12,74,46,.88);border-radius:999px;padding:6px 12px}
.ac-chip.hot{background:var(--copihue)}
.ac-chip.new{background:var(--lupino)}
.ac-feats li{background:#f1f8ea;border-color:#d8ebcb;color:#21452f}
.ac-zone{color:var(--moss)}
.ac-card.ac-invest{background:var(--g-forest);border-color:transparent}
.ac-card.ac-invest .ac-zone{color:var(--sun)!important}
.ac-sold-item{border-radius:14px}
.ac-sold-item .stamp{background:var(--copihue);border-radius:4px}
.ac-sold-fig small{color:var(--copihue)}
.svc-num{color:var(--copihue)}
.why-list li::before{content:'❀';color:var(--copihue)}
.spec-grid{overflow:hidden}
.spec-cell .value{color:var(--forest)}
.contact-card:hover{border-color:var(--moss)}
.ac-step{box-shadow:var(--sh-near)}
.ac-step b{color:var(--copihue)}
.ac-state.ok{background:#dff3d4;color:#17572f}
.ac-state.last{background:#fde3e8;color:#9d0f2c}
.ac-table th{background:#f1f8ea}
.others-strip{background:var(--paper-2)}
.others-strip a.active{background:var(--moss);border-color:var(--moss)}
.others-strip a:hover{background:var(--forest);border-color:var(--forest)}
.lot-tag.available{background:#dff3d4;color:#17572f;border-color:#8fd14f}
.faq-q .plus{color:var(--copihue)}
.gallery-mosaic figure{border-radius:12px}
.ac-sold-grid,.gallery-mosaic{gap:12px}
.ac-map{border-radius:16px;overflow:hidden}
.ac-consent-banner{border-radius:16px}
.ac-bar{background:rgba(12,74,46,.97)}
.wa-float{background:#25D366!important}

/* ---------- Proporción áurea en composiciones de dos columnas (≥1100px) ---------- */
@media(min-width:1100px){
  .svc-grid{grid-template-columns:1fr 1.618fr;gap:89px}
  .ac-sold{grid-template-columns:1fr 1.618fr}
  .contact-grid{grid-template-columns:1fr 1.18fr;gap:89px}
}

/* ---------- Pie: bosque profundo, no negro ---------- */
footer{background:linear-gradient(180deg,#1c7a3f 0%,#0f5a35 30%,#0b4429 100%);color:#d6ead0}
footer .foot-grid a,footer .foot-grid p{color:#d6ead0}
footer .foot-grid a:hover{color:var(--sun)}
.foot-grid .foot-h{color:var(--sun)}
.foot-bottom{color:#a9cfa0;border-color:rgba(255,255,255,.14)}
.foot-grid{border-color:rgba(255,255,255,.14)}
.footer-grass{display:none}
.footer-forest{position:relative;height:clamp(150px,18vw,230px);margin:0 0 -1px;background:linear-gradient(180deg,var(--paper) 0%,#eaf6e0 100%);overflow:hidden}
.footer-forest svg{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ---------- Escena "Bosque del sur en flor" ---------- */
.nature-scene{height:clamp(190px,24vw,340px);background:#fff4da;overflow:hidden;position:relative}
.nature-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lz-scene .lz-sway{transform-box:fill-box;transform-origin:50% 100%;animation:lzSway 7s ease-in-out infinite}
.lz-scene .lz-sway.d1{animation-delay:-1.6s}.lz-scene .lz-sway.d2{animation-delay:-3.1s}.lz-scene .lz-sway.d3{animation-delay:-4.7s}
.lz-scene .lz-slow{animation-duration:11s}
.lz-scene .lz-flower{transform-box:fill-box;transform-origin:50% 100%;animation:lzFlower 4.6s ease-in-out infinite}
.lz-scene .lz-flower.lz-small{animation-duration:3.8s}
.lz-scene .lz-blade{transform-box:fill-box;transform-origin:50% 100%;animation:lzBlade 3.2s ease-in-out infinite}
.lz-scene .lz-bell{transform-box:fill-box;transform-origin:50% 0;animation:lzBell 3.6s ease-in-out infinite}
.lz-scene .lz-sun{transform-box:fill-box;transform-origin:center;animation:lzPulse 6s ease-in-out infinite}
.lz-scene .lz-rays{transform-box:view-box;transform-origin:1250px 96px;animation:lzSpin 60s linear infinite}
.lz-scene .lz-cloud{animation:lzDrift 48s ease-in-out infinite alternate}
.lz-scene .lz-c2{animation-duration:62s;animation-delay:-20s}.lz-scene .lz-c3{animation-duration:54s;animation-delay:-35s}
.lz-scene .lz-shimmer{animation:lzShimmer 4s ease-in-out infinite}
.lz-scene .lz-bfly{transform-box:fill-box;transform-origin:center;animation:lzFlap .32s ease-in-out infinite alternate}
.lz-off *{animation-play-state:paused!important}
@keyframes lzSway{0%,100%{rotate:-1.2deg}50%{rotate:1.2deg}}
@keyframes lzFlower{0%,100%{rotate:-4deg}50%{rotate:4deg}}
@keyframes lzBlade{0%,100%{rotate:-7deg}50%{rotate:6deg}}
@keyframes lzBell{0%,100%{rotate:-7deg}50%{rotate:7deg}}
@keyframes lzPulse{0%,100%{scale:1}50%{scale:1.04}}
@keyframes lzSpin{to{rotate:360deg}}
@keyframes lzDrift{from{translate:-40px 0}to{translate:60px 0}}
@keyframes lzShimmer{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes lzFlap{from{scale:1 1}to{scale:.35 1}}

/* ---------- Boceto áureo ---------- */
.lz-host{position:relative;isolation:isolate}
.lz-sketch{position:absolute;z-index:-1;pointer-events:none;width:min(64vw,940px);height:auto;top:50%;right:-6%;translate:0 -50%;fill:none;stroke:#14301f;stroke-width:1.4;opacity:.13}
.lz-sketch.lz-o-tl,.lz-sketch.lz-o-bl{right:auto;left:-6%}
.lz-sketch.lz-o-tl{transform:scale(-1,-1)}
.lz-sketch.lz-o-bl{transform:scaleX(-1)}
.lz-sketch.lz-o-tr{transform:scaleY(-1)}
.lz-dark .lz-sketch{stroke:#ffffff;opacity:.16}
.lz-sketch path,.lz-sketch rect{stroke-dasharray:6000;stroke-dashoffset:6000;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}
.lz-sketch.lz-drawn path,.lz-sketch.lz-drawn rect{stroke-dashoffset:0}
.lz-sketch .lz-spiral{stroke:#c2183c;stroke-width:1.8}
.lz-dark .lz-sketch .lz-spiral{stroke:#ffc861}
.lz-sketch .lz-eye{fill:#c2183c;stroke:none;opacity:0;transform-box:fill-box;transform-origin:center}
.lz-dark .lz-sketch .lz-eye{fill:#ffc861}
.lz-sketch.lz-drawn .lz-eye{opacity:1;animation:lzEye 2.4s ease-in-out 2.6s infinite}
@keyframes lzEye{0%,100%{scale:1}50%{scale:1.8}}
@media(max-width:860px){.lz-sketch{width:120vw;opacity:.08;right:-40%}.lz-sketch.lz-o-tl,.lz-sketch.lz-o-bl{left:-40%}}

/* ---------- Cartela de galería ---------- */
.lz-cartela{position:absolute;right:28px;bottom:34px;z-index:2;margin:0;max-width:260px;
  background:#fffdf6;border:1px solid rgba(20,48,31,.14);border-radius:6px;padding:10px 14px 11px;
  font-family:var(--mono);font-size:10.5px;line-height:1.5;letter-spacing:.02em;color:#3b4d41;
  box-shadow:0 1px 2px rgba(15,60,35,.12),0 12px 24px -12px rgba(15,60,35,.35);rotate:-.8deg;pointer-events:none}
.lz-cartela b{display:block;font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink);margin-bottom:2px}
.lz-cartela em{display:block;margin-top:6px;font-style:italic;font-family:var(--serif);font-size:12px;color:var(--copihue)}
.lz-dark .lz-cartela{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#e2efdc;backdrop-filter:blur(6px)}
.lz-dark .lz-cartela b{color:#fffdf5}
@media(max-width:1099px){.lz-cartela{display:none}}

/* ---------- Pincelada de firma ---------- */
.lz-brush{display:block;width:min(61.8%,300px);height:14px;margin:-6px 0 18px;overflow:visible}
.lz-brush path{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .2s}
.lz-brush.lz-drawn path{stroke-dashoffset:0}
.cta-band .lz-brush{display:none}

/* ---------- Bordes pintados entre secciones ---------- */
main > section.section:not(.hero),main > .strip{position:relative}
main > section.section:not(.hero)::before{content:'';position:absolute;left:0;right:0;top:-22px;height:24px;background:inherit;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath d='M0 24V14c22-4 40 3 64-2s38-9 62-4 36 8 58 3 44-10 70-6 34 9 60 5 40-8 66-5 30 7 56 4 42-8 68-5 32 6 50 4 26-4 46-3V24Z'/%3E%3C/svg%3E") bottom/600px 24px repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath d='M0 24V14c22-4 40 3 64-2s38-9 62-4 36 8 58 3 44-10 70-6 34 9 60 5 40-8 66-5 30 7 56 4 42-8 68-5 32 6 50 4 26-4 46-3V24Z'/%3E%3C/svg%3E") bottom/600px 24px repeat-x}
main > section.cta-band{position:relative}
.dark-section::before{background:linear-gradient(90deg,#0c4a2e,#12663d 60%,#0f7a5a)!important}

/* ---------- Grano de tela (solo escritorio) ---------- */
@media(min-width:900px) and (pointer:fine){
  body::after{content:'';position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.06;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
}

/* ---------- Pincel del visitante ---------- */
.lz-magic{position:fixed;inset:0;z-index:90;pointer-events:none}

/* ---------- Pajaritos con color de bosque ---------- */
.bird-wings{fill:#17572f}

/* ---------- Movimiento reducido: estado final, sin animación ---------- */
@media(prefers-reduced-motion:reduce){
  .lz-scene *{animation:none!important}
  .lz-sketch path,.lz-sketch rect,.lz-brush path{transition:none;stroke-dashoffset:0}
  .lz-sketch .lz-eye{opacity:1;animation:none}
}
main + .footer-forest{margin-top:-72px}
/* el boceto áureo no debe generar desplazamiento horizontal */
main > section.lz-host{overflow-x:clip}
@supports not (overflow:clip){ main > section.lz-host{overflow-x:hidden} }
@media(max-width:560px){.crumb{flex-wrap:wrap;row-gap:2px;font-size:10.5px}}

/* =====================================================================
   OBRA central · "Tu historia en la parcela" (secuencia de 46 s)
   Cada pieza tiene su propia fase (keyframes generados en andes-lienzo.js)
   y todas comparten la misma duración, así avanzan sincronizadas.
   ===================================================================== */
.nature-scene{height:clamp(240px,30vw,430px)}
.lz-scene .sq{animation-duration:46s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-box:fill-box}
.lz-scene .sq-eph{opacity:0}
/* humo de chimenea y parrilla */
.lz-scene .lz-smoke{transform-box:fill-box;transform-origin:center;animation:lzSmoke 3.6s ease-out infinite}
.lz-scene .lz-smoke-s{animation-duration:3s}
@keyframes lzSmoke{0%{opacity:0;translate:0 0;scale:.5}15%{opacity:.85}100%{opacity:0;translate:14px -46px;scale:2.6}}
/* lluvia bella */
.lz-scene .lz-drop{animation:lzDrop 1s linear infinite}
@keyframes lzDrop{0%{opacity:0;translate:0 -10px}12%{opacity:1}88%{opacity:1}100%{opacity:0;translate:-8px 128px}}
.lz-scene .lz-splash{transform-box:fill-box;transform-origin:center;animation:lzSplash 1.1s ease-out infinite}
@keyframes lzSplash{0%{opacity:0;scale:.2}30%{opacity:.95}100%{opacity:0;scale:1.9}}
.lz-scene .lz-raincloud{animation:lzRainCloud 15s ease-in-out infinite alternate}
@keyframes lzRainCloud{from{translate:-24px 0}to{translate:24px 0}}
/* vida: familia, mascotas, corazones, luces */
.lz-scene .lz-hop{transform-box:fill-box;transform-origin:50% 100%;animation:lzHop .9s ease-in-out infinite}
.lz-scene .lz-hop-2{animation-duration:1.1s;animation-delay:-.4s}
@keyframes lzHop{0%,55%,100%{translate:0 0}75%{translate:0 -5px}}
.lz-scene .lz-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:lzBreathe 4s ease-in-out infinite}
@keyframes lzBreathe{0%,100%{scale:1 1}50%{scale:1 1.015}}
.lz-scene .lz-wag{transform-box:fill-box;transform-origin:100% 100%;animation:lzWag .45s ease-in-out infinite alternate}
.lz-scene .lz-wag-slow{transform-origin:0% 100%;animation-duration:1.6s}
@keyframes lzWag{from{rotate:-14deg}to{rotate:14deg}}
.lz-scene .lz-heart{transform-box:fill-box;transform-origin:center;animation:lzHeart 3s ease-out infinite}
@keyframes lzHeart{0%{opacity:0;translate:0 6px;scale:.6}25%{opacity:1}100%{opacity:0;translate:0 -34px;scale:1.2}}
.lz-scene .lz-glow{animation:lzGlow 3.2s ease-in-out infinite}
@keyframes lzGlow{0%,100%{opacity:1}50%{opacity:.82}}
@media(prefers-reduced-motion:reduce){
  .lz-scene .lz-smoke{opacity:.5}
}
.lz-scene .lz-glint{transform-box:fill-box;transform-origin:center;animation:lzGlint 1.4s ease-in-out infinite}
@keyframes lzGlint{0%,100%{opacity:0;scale:.4}50%{opacity:1;scale:1.6;translate:-2px 26px}}

/* =====================================================================
   v6 · Pintura en capas + composición áurea
   ===================================================================== */
.nature-scene svg,.footer-forest svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lz-l-sketch,.lz-l-canvas{pointer-events:none}
.lz-l-canvas{mix-blend-mode:multiply}
.lz-l-sketch{mix-blend-mode:multiply;opacity:.3}
.lz-scene .lz-still *{animation:none!important}
.lz-scene .lz-rays{transform-box:view-box;transform-origin:989px 85px}
/* la espiral áurea se dibuja a lápiz al entrar la obra en pantalla */
.lz-l-sketch .lz-phi path,.lz-l-sketch .lz-phi rect{stroke-dasharray:3200;stroke-dashoffset:3200;transition:stroke-dashoffset 3.2s cubic-bezier(.4,0,.2,1) .4s}
.lz-scene.lz-seen .lz-l-sketch .lz-phi path,.lz-scene.lz-seen .lz-l-sketch .lz-phi rect{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.lz-l-sketch .lz-phi path,.lz-l-sketch .lz-phi rect{stroke-dashoffset:0;transition:none}}
/* la obra conserva la proporción del lienzo (composición áurea exacta en escritorio) */
.nature-scene{height:auto;aspect-ratio:1600/360;min-height:240px}

/* =====================================================================
   Proporción áurea en toda la estética (φ = 1,618)
   Escala tipográfica: 16 · 25,9 · 41,9 · 67,8 px (cada nivel × φ)
   Ritmo vertical: Fibonacci 8 · 13 · 21 · 34 · 55 · 89
   ===================================================================== */
:root{--f0:16px;--f1:25.9px;--f2:41.9px;--f3:67.8px;--s1:8px;--s2:13px;--s3:21px;--s4:34px;--s5:55px;--s6:89px}
p,li{line-height:1.618}
.hero h1{font-size:clamp(40px,6.2vw,var(--f3));line-height:1.08}
.hero-proj h1{font-size:clamp(34px,5vw,58px)}
h2{font-size:clamp(28px,3.6vw,var(--f2));line-height:1.12;margin-bottom:var(--s3)}
.svc-item h3,.method-step h3,.ac-step h3{font-size:clamp(17px,1.6vw,20px)}
.ac-use h3{font-size:clamp(20px,1.9vw,var(--f1))}
.section{padding:var(--s6) 0}
@media(max-width:720px){.section{padding:var(--s5) 0}}
.eyebrow{margin-bottom:var(--s2)}
.ac-grid{gap:var(--s3)}
.ac-uses,.method-row,.auth-grid{margin-top:var(--s4)}
.lz-brush{width:61.8%;max-width:300px}

/* ---------- Firma de diseño BAW (cierre del sitio) ---------- */
.bawf-sign{display:flex;align-items:center;justify-content:center;gap:13px;margin:34px auto 8px;padding:10px 21px 10px 10px;max-width:max-content;
  border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#e3f1de;font-size:13px;line-height:1.4;letter-spacing:.02em;
  background:rgba(8,20,15,.55);transition:border-color .22s,background .22s}
.bawf-sign:hover{border-color:var(--sun);background:rgba(255,200,97,.1)}
.bawf-sign:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.bawf-geo{flex:none;width:34px;height:34px;pointer-events:none;overflow:visible}
.bawf-disc{fill:#1a2b20;stroke:var(--sun);stroke-width:.8}
.bawf-path{fill:none;stroke:var(--sun);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.bawf-dot{fill:#fffdf5;stroke:var(--sun);stroke-width:.6}
.bawf-txt b{color:var(--sun);font-weight:700;letter-spacing:.06em}
@media(max-width:560px){.bawf-sign{border-radius:16px;font-size:12px;text-align:left}}

/* ===== v9.4 · Control de movimiento (pausa global, WCAG 2.2.2) ===== */
.ac-motion-paused *,.ac-motion-paused *::before,.ac-motion-paused *::after{animation-play-state:paused!important}
.ac-motion-paused .bird-field{display:none}
.ac-motion-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit}
.ac-motion-btn svg{width:16px;height:16px;fill:currentColor;flex:none}
.ac-motion-btn .i-play,.ac-motion-btn[aria-pressed="true"] .i-pause{display:none}
.ac-motion-btn[aria-pressed="true"] .i-play{display:inline}
.ac-motion-scene,.ac-motion-hero{position:absolute;z-index:4;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(16,29,24,.25);background:rgba(255,253,245,.82);color:#16261f;
  box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .18s,transform .18s}
.ac-motion-scene{right:13px;top:13px}
.ac-motion-hero{right:21px;bottom:21px;background:rgba(16,29,24,.55);color:#fffdf5;border-color:rgba(255,255,255,.35)}
.ac-motion-scene:hover,.ac-motion-hero:hover{transform:scale(1.06)}
.ac-motion-scene:focus-visible,.ac-motion-hero:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.ac-motion-foot{padding:0;border:0;background:none;color:inherit;text-decoration:underline;min-height:24px}
.ac-motion-foot svg{width:12px;height:12px}
@media(max-width:760px){.ac-motion-hero{bottom:13px;right:13px}}
@media(prefers-reduced-motion:reduce){.ac-motion-scene,.ac-motion-hero{transition:none}}

/* Sin JavaScript el contenido se ve completo */
html:not(.js) .reveal{opacity:1!important;transform:none!important}
/* v9.4 · contraste AA verificado con axe-core */
.others-strip a.active{background:#17703a;border-color:#17703a}
.ac-simple p a,.ac-simple li a{text-decoration:underline;text-underline-offset:3px}
/* v9.4 · objetivos táctiles ≥ 24 px (WCAG 2.5.8) con meta de diseño 44 px */
input[type=range]::-webkit-slider-thumb{width:26px;height:26px}
input[type=range]::-moz-range-thumb{width:26px;height:26px}
input[type=range]{height:6px;margin:10px 0}
.navlinks a{padding:6px 0}