/* LNE · Inicio — composición fiel a mockups/01-Inicio (1440 px).
   Escritorio (≥1100 px): cada sección es un "escenario" (.stg) con coordenadas de la maqueta
   (--x/--y/--w en px de diseño, escaladas con --u = 100cqw/1440). Móvil/tablet: flujo en columna. */

.pg-index{--ink2:#0D2B23;--teal-ink:#0F3B30;--gray:#5E6A64;--olv:#6C9324;--sage-bl:#E3ECD3}
.pg-index .ix{position:relative;overflow:hidden}
.pg-index .stg{position:relative;max-width:1440px;margin-inline:auto;container-type:inline-size;--u:calc(100cqw / 1440)}
.pg-index .ic,.pg-index svg use{pointer-events:none}
.pg-index [width] > use{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pg-index .deco{max-width:none}
.pg-index .mob{display:none}
.pg-index .ix-h2{color:var(--ink2)}
.pg-index .ix-pr .ix-h2{color:#fff}
.pg-index .pdot{margin-left:-.1em}
.pg-index .eyebrow--dk{color:var(--ink2)}
.pg-index .eyebrow--dk::before{background:var(--ink2)}

/* ───────────── 01 · HERO ───────────── */
.ix-hero{background:#001D15;min-height:min(872px,100svh)}
.ix-hx{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:0;background:radial-gradient(60% 40% at 60% 8%,rgba(70,110,120,.55),transparent 70%),linear-gradient(180deg,#0E2F31 0,#001D15 45%)}
.ix-hx .hx-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.ix-hx-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,#001D15 0,#001D15 36%,rgba(0,29,21,.78) 46%,rgba(0,29,21,.25) 60%,transparent 72%),
  linear-gradient(0deg,rgba(0,29,21,.85) 0,rgba(0,29,21,0) 26%),
  linear-gradient(180deg,rgba(0,29,21,.55) 0,rgba(0,29,21,0) 18%)}
.ix-hx-rings{position:absolute;left:0;top:28%;width:300px;height:600px;z-index:1;fill:none;stroke:rgba(198,227,90,.09);stroke-width:1;pointer-events:none}
.ix-hero-in{position:relative;z-index:2;padding-top:clamp(40px,7vw,70px);padding-bottom:clamp(64px,8.4vw,118px)}
.ix-eb{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.ix-eb-dot{position:relative;flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(198,227,90,.55)}
.ix-eb-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--lime);animation:pulse-dot 2.4s ease-in-out infinite}
.ix-eb-line{flex:none;width:clamp(40px,9vw,132px);height:1.5px;margin-left:6px;background:linear-gradient(90deg,var(--lime),rgba(198,227,90,.3));transform-origin:0 50%;animation:ix-line 1.4s var(--ease-out) .6s both}
@keyframes ix-line{from{transform:scaleX(0)}}
.ix-h1{margin-top:28px;max-width:700px;font-size:clamp(46px,6vw,86px);line-height:.92;letter-spacing:-.045em}
.ix-lead{margin-top:26px;font-size:clamp(18px,1.55vw,22px);line-height:1.42;color:#E1E9E3}
.ix-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.ix-btn{min-height:50px;padding:0 30px;border-radius:12px;font-size:13px;letter-spacing:.12em}
.ix-btn.btn-ghost{box-shadow:inset 0 0 0 1.2px rgba(255,255,255,.55)}
.ix-attrs{display:flex;margin-top:46px;max-width:560px}
.ix-attrs li{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:2px 10px;text-align:center;font-size:13.5px;line-height:1.35;color:#DCE6DF;border-left:1px solid rgba(255,255,255,.16)}
.ix-attrs li:first-child{border-left:0;align-items:flex-start;text-align:left;padding-left:0;flex:.8 1 0}
.ix-attrs li:first-child svg{margin-left:12px}
.ix-attrs svg{color:var(--lime);transition:transform .5s var(--ease-spring)}
.ix-attrs li:hover svg{transform:translateY(-4px) rotate(-6deg)}

/* ───────────── 02 · SERVICIOS ───────────── */
.ix-sv{background:#F8FAF6}
.ix-sv-curve{right:0;top:0;width:min(204px,14.2vw);height:auto;z-index:2;transform-origin:100% 0;animation:ix-sway-c 9s ease-in-out infinite alternate}
@keyframes ix-sway-c{from{transform:scale(1)}to{transform:scale(1.035) translateX(-4px)}}
.sv-blob{position:absolute;inset:4% 6% 6% 6%;z-index:-1;border-radius:46% 54% 42% 58% / 56% 40% 60% 44%;background:radial-gradient(120% 90% at 30% 20%,#F1F6E8 0,#E4EDD3 55%,#D9E5C4 100%);animation:ix-blob 14s ease-in-out infinite alternate}
.sv-blob::before,.sv-blob::after{content:"";position:absolute;inset:-12px;border-radius:inherit;border:1px solid rgba(150,180,110,.28)}
.sv-blob::after{inset:-24px;border-color:rgba(150,180,110,.16)}
.sv-blob--b{border-radius:58% 42% 55% 45% / 45% 58% 42% 55%;animation-delay:-3s}
.sv-blob--c{border-radius:40% 60% 48% 52% / 58% 46% 54% 42%;animation-delay:-6s}
.sv-blob--d{border-radius:52% 48% 38% 62% / 50% 62% 38% 50%;animation-delay:-2s}
.sv-blob--e{border-radius:62% 38% 56% 44% / 42% 50% 50% 58%;animation-delay:-8s}
.sv-blob--f{border-radius:44% 56% 60% 40% / 54% 42% 58% 46%;animation-delay:-5s}
@keyframes ix-blob{0%{transform:rotate(0) scale(1)}50%{transform:rotate(4deg) scale(1.03,.98)}100%{transform:rotate(-3deg) scale(.98,1.03)}}
.sv-art{isolation:isolate}
.sv-art img{position:relative;width:100%;height:auto}
.sv-it--1 .sv-art img{width:88%;margin:6% 0 0 6%}
.sv-it--2 .sv-art img{width:88%;margin:7% 0 0 6%}
.sv-it--3 .sv-art img{width:88%;margin:7% 0 0 6%}
.sv-it--4 .sv-art img{width:82%;margin:8% 0 0 9%}
.sv-it--5 .sv-art img{width:88%;margin:6% 0 0 6%}
.sv-it--6 .sv-art img{width:91%;margin:8% 0 0 5%}
.sv-txt{display:flex;flex-direction:column;align-items:flex-start}
/* Hover / foco de teclado: en TODAS las tarjetas el número se ilumina y la imagen se mueve sutilmente */
.sv-it .num-badge{transition:transform .9s var(--ease-spring) .3s,background-color .3s,box-shadow .35s,color .3s}
.sv-it:hover .num-badge,.sv-it:focus-within .num-badge{background:var(--lime);color:#0F2C22;box-shadow:0 0 0 7px rgba(198,227,90,.28),0 10px 22px -8px rgba(110,150,30,.75);transition-delay:0s}
.sv-art img{transition:scale .7s var(--ease-out),rotate .7s var(--ease-out),translate .7s var(--ease-out),filter .5s}
.sv-it:hover .sv-art img,.sv-it:focus-within .sv-art img{scale:1.045;rotate:-1.2deg;translate:0 -7px;filter:drop-shadow(0 16px 18px rgba(16,40,28,.2))}
.sv-blob{transition:scale .8s var(--ease-out)}
.sv-it:hover .sv-blob,.sv-it:focus-within .sv-blob{scale:1.04}
.sv-it:hover .sv-h3,.sv-it:focus-within .sv-h3{color:#2F5B1E}
.sv-h3{transition:color .3s}
.sv-txt .num-badge{width:50px;height:50px;font-size:19px;background:#E4EDCB}
.sv-h3{margin-top:12px;font-size:25px;line-height:1.14;letter-spacing:-.02em;font-weight:700;color:var(--ink2)}
.sv-p{margin-top:12px;font-size:17px;line-height:1.42;color:#6A746E}
.sv-txt .link-arrow{margin-top:18px;font-size:15px;padding:2px 0 4px;border-bottom-width:2px;border-color:#9DBE58;gap:22px}
.sv-badge5,.sv-badge6{width:50px;height:50px;font-size:19px;background:#E4EDCB}
.ix-lead2{margin-top:22px;font-size:22px;line-height:1.38;color:#6E7772;max-width:480px}
.ix-sv-h2 .accent{color:#78A024}
.ix-sv-trail path{stroke:#6E9A33;stroke-width:1.6}
.ix-sv-trail circle{fill:#79A33A}

/* ───────────── 03 · RESPALDO ───────────── */
.ix-rs{background:#FDFDFD}
.ix-rs-mist{z-index:0}
.ix-dot{color:#5E9F2D}
.ix-rs-lead{margin-top:22px;font-size:27px;line-height:1.38;color:#636D68;max-width:520px}
.rs-art img{width:100%;height:auto}
.rs-ic{position:absolute;left:calc(var(--ix)*1%);top:calc(var(--iy)*1%);width:60px;height:60px;background:#EEF2E8;color:#2B4A3A;box-shadow:0 0 0 5px #fff;transition:transform .5s var(--ease-spring)}
.rs-it:hover .rs-ic{transform:scale(1.08) rotate(-8deg)}
.rs-txt{display:flex;align-items:flex-start;gap:24px}
.rs-txt .num-badge{width:48px;height:48px;font-size:19px;background:#EEF2E8;margin-top:6px}
.rs-h3{font-size:27px;line-height:1.15;letter-spacing:-.025em;font-weight:700;color:var(--ink2)}
.rs-p{margin-top:8px;font-size:21px;line-height:1.33;color:#66706A}
.ix-rs-trail path{stroke:#5C8F2A;stroke-width:1.6}
.ix-rs-trail circle{fill:#4D8A28}

/* ───────────── 04 · PROCESO ───────────── */
.ix-pr{background:radial-gradient(70% 90% at 15% 20%,#00362A 0,#003024 45%,#00261C 100%)}
.ix-pr-topo{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(198,227,90,.06);stroke-width:1.2;pointer-events:none}
.ix-pr-land{left:0;top:auto;bottom:0;width:86.8%;max-width:1250px;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%),linear-gradient(90deg,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 28%),linear-gradient(90deg,#000 72%,transparent 100%);mask-composite:intersect;z-index:0}
.ix-pr .stg{z-index:1}
.ix-pr-lead{margin-top:24px;font-size:18px;line-height:1.38;color:#D7E2DA;max-width:350px}
.ix-pr-btn{margin-top:34px;min-height:48px;padding:0 26px;border-radius:6px;font-size:13.5px;letter-spacing:.12em}
.pr-ghost{font-size:78px;font-weight:800;letter-spacing:-.04em;line-height:1;color:rgba(150,210,110,.13);-webkit-text-stroke:1px rgba(198,227,90,.1);z-index:0}
.pr-img{z-index:2;height:auto;filter:drop-shadow(0 24px 22px rgba(0,10,6,.45))}
.pr-card{z-index:1;min-height:calc(var(--hh)*1px);padding:30px 18px 18px 16px;border-radius:16px;background:linear-gradient(160deg,rgba(9,74,52,.55),rgba(4,46,33,.35));box-shadow:inset 0 0 0 1px rgba(198,227,90,.1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background-color .3s,box-shadow .3s,transform .4s var(--ease-out)}
.pr-st:hover .pr-card{box-shadow:inset 0 0 0 1px rgba(198,227,90,.4),0 18px 40px -20px rgba(0,0,0,.6);transform:translateY(-3px)}
.pr-st:hover .pr-ghost{color:rgba(198,227,90,.2)}
.pr-ic{color:var(--lime)!important;position:absolute;left:-58px;top:-26px;width:58px;height:58px;background:rgba(0,40,28,.85)!important;box-shadow:inset 0 0 0 1.5px rgba(198,227,90,.75),0 0 18px rgba(198,227,90,.25)!important}
.pr-h3{font-size:18px;line-height:1.2;letter-spacing:-.03em;font-weight:700;color:#fff}
.pr-p{margin-top:8px;font-size:14px;line-height:1.36;letter-spacing:-.01em;color:#D3DED7}
.ix-pr-trail path{stroke:#D7F06A;stroke-width:2.6}
.ix-pr-trail .glow{stroke:#D7F06A;stroke-width:10;stroke-opacity:.18;filter:blur(4px)}
.ix-pr-trail circle{fill:#F2FFC9;stroke:#D7F06A;stroke-width:2}
.ix-pr-edge{position:absolute;left:0;bottom:-1px;width:100%;height:40px;fill:#FDFDFC;z-index:2;pointer-events:none}

/* ───────────── 05 · SECTORES ───────────── */
.ix-se{background-color:#FDFDFC}
.ix-se-lead{margin-top:20px;font-size:17.5px;line-height:1.38;color:#55625B;max-width:400px}
.se-comp{z-index:1}
.se-comp img{width:100%;height:auto}
.se-dots{position:absolute;right:-24%;top:9%;width:84px;height:52px;background-image:radial-gradient(circle,#4E8B3A 1.6px,transparent 2px);background-size:14px 13px;opacity:.75}
.se-pills{display:contents}
.se-pill{z-index:2;display:flex;align-items:center;gap:20px;min-height:140px;padding:14px 34px 16px 20px;border-radius:44px 46px 52px 44px;isolation:isolate;transition:transform .45s var(--ease-out),box-shadow .35s}
.se-pill::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(42% 46% at 96% 104%,var(--sw) 0,transparent 70%),linear-gradient(100deg,var(--c1) 0,var(--c2) 70%,rgba(255,255,255,.6) 100%);box-shadow:0 18px 36px -26px rgba(16,40,28,.35)}
.se-pill::after{content:"";position:absolute;right:26px;top:22px;width:24px;height:24px;background-image:radial-gradient(circle,var(--ic) 1.3px,transparent 1.7px);background-size:9px 9px;opacity:.7}
.se-pill > div{position:relative}
.se-pill > div::after{content:"";display:block;width:34px;height:3px;margin-top:14px;border-radius:2px;background:var(--ic)}
.se-pill .se-swoosh{display:none}
.se-pill--l{padding-left:24px}
.se-pill:hover{transform:translateY(-4px)}
.se-pill:hover .se-ic{transform:scale(1.06) rotate(-5deg)}
.se-ic{flex:none;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,var(--i1),var(--i2));box-shadow:0 0 0 7px rgba(255,255,255,.75),0 0 0 8px var(--ring),0 12px 22px -10px rgba(10,30,20,.5);transition:transform .5s var(--ease-spring)}
.se-pill--l .se-ic{width:96px;height:96px}
.se-h3{font-size:19px;line-height:1.22;letter-spacing:-.02em;font-weight:700;color:var(--ink2)}
.se-p{margin-top:12px;font-size:13.5px;line-height:1.38;color:#55625B}
.se-pill--g{--c1:#E7F0DC;--c2:#F2F7EC;--i1:#6FAA44;--i2:#2F7A2E;--ring:rgba(80,140,60,.35);--ic:#5E9E3A;--sw:rgba(140,190,110,.45)}
.se-pill--o{--c1:#F4EDDF;--c2:#FAF6EE;--i1:#C9A262;--i2:#8A6A2B;--ring:rgba(160,130,70,.35);--ic:#A8853F;--sw:rgba(210,185,130,.5)}
.se-pill--b{--c1:#E6EFF9;--c2:#F2F7FC;--i1:#3B7DBC;--i2:#1F5A82;--ring:rgba(60,120,180,.35);--ic:#2F6FAE;--sw:rgba(140,185,230,.5)}
.se-pill--b::before{background:radial-gradient(42% 46% at 96% 104%,var(--sw) 0,transparent 70%),linear-gradient(100deg,var(--c1) 0,var(--c2) 75%,#fff 100%)}

/* ───────────── 06 · COBERTURA ───────────── */
.ix-co{background:#FCFCFA}
.ix-co-h2{color:#0E3B30}
.ix-co-h2 .accent{color:#5E7F2A}
.ix-co-lead{margin-top:18px;font-size:18.5px;line-height:1.33;color:#6A736E;max-width:420px}
.co-ring{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(226,235,215,.0) 40%,rgba(214,226,200,.35) 41%,rgba(214,226,200,.15) 60%,transparent 61%);pointer-events:none;animation:ix-breathe 8s ease-in-out infinite}
@keyframes ix-breathe{0%,100%{transform:scale(.97);opacity:.7}50%{transform:scale(1.03);opacity:1}}
.co-h3{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#0E3B30}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:10px}
.co-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;min-height:67px;padding:5px 8px 5px 17px;line-height:1.25;border-radius:12px;background:#fff;border:1px solid #E3E8E2;box-shadow:0 8px 20px -18px rgba(16,40,28,.4);transition:transform .35s var(--ease-out),box-shadow .3s,border-color .3s}
.co-card:hover{transform:translateY(-3px);border-color:#C9DAB5;box-shadow:0 14px 26px -18px rgba(16,40,28,.45)}
.co-n{grid-column:1;font-family:var(--mono);font-size:12px;font-weight:500;color:#4F7A2A;letter-spacing:.05em;align-self:end}
.co-name{grid-column:1;font-size:17px;font-weight:700;color:#11392E;align-self:start}
.co-card img{grid-column:2;grid-row:1/3;width:94px;margin-block:-3px;height:auto;transition:transform .5s var(--ease-out)}
.co-card:hover img{transform:scale(1.07)}
.co-note{display:flex;align-items:center;gap:22px;margin-top:18px;padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #E3E8E2}
.co-note-ic{width:60px;height:60px;background:#EDF1EA;color:#2D4E3A}
.co-note-t{font-size:18px;font-weight:700;color:#11392E;letter-spacing:-.01em}
.co-note-p{margin-top:4px;font-size:15px;line-height:1.38;color:#6A736E}
.co-map{z-index:1;container-type:inline-size}
.co-map-img{display:block;width:100%;height:auto}
/* Pines y rótulos del mapa (posiciones en % del viewBox 1000×1000 de peru-cobertura.svg) */
.co-pin{position:absolute;left:var(--px);top:var(--py);width:2.3cqw;height:2.3cqw;margin:-1.15cqw 0 0 -1.15cqw;border-radius:50%;background:#fff;border:.55cqw solid #1F5A3C;box-shadow:0 .3cqw .9cqw rgba(14,59,48,.35);transform:scale(0);transition:transform .6s var(--ease-out) calc(.5s + var(--d) * .09s)}
.co-pin--s{width:1.6cqw;height:1.6cqw;margin:-.8cqw 0 0 -.8cqw;border-width:.45cqw}
.co-pin--sede{width:3cqw;height:3cqw;margin:-1.5cqw 0 0 -1.5cqw;background:#C6E35A;border-color:#0E3B30;z-index:1}
.co-map.in .co-pin{transform:scale(1)}
.co-lbs{list-style:none;margin:0;padding:0}
.co-lb{position:absolute;left:var(--lx);top:var(--ly);display:flex;align-items:center;gap:1.3cqw;padding:.55cqw 2cqw .55cqw .55cqw;border-radius:99px;background:rgba(255,255,255,.94);box-shadow:0 1cqw 2.6cqw -1.2cqw rgba(14,59,48,.45),0 0 0 1px rgba(14,59,48,.06);font-size:2.05cqw;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#11392E;white-space:nowrap;transform:translate(-100%,-50%);opacity:0;transition:opacity .5s ease calc(.7s + var(--d) * .09s),transform .5s var(--ease-out) calc(.7s + var(--d) * .09s),box-shadow .3s}
.co-lb--r{transform:translate(0,-50%)}
.co-map:not(.in) .co-lb{transform:translate(calc(-100% - 12px),-50%)}
.co-map:not(.in) .co-lb--r{transform:translate(12px,-50%)}
.co-map.in .co-lb{opacity:1}
.co-lb img{width:6.4cqw;height:6.4cqw;border-radius:50%;box-shadow:0 0 0 .35cqw #fff,0 .4cqw 1.2cqw rgba(14,59,48,.3)}
.co-lb--sede{border-radius:1.6cqw;padding:.9cqw 2cqw .9cqw 1cqw}
.co-lb--sede small{display:block;margin-top:.3cqw;font-size:1.6cqw;font-weight:600;color:#4F7A2A;letter-spacing:.04em;text-transform:uppercase}
.co-lb-ic{display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:1.2cqw;background:#EDF1EA;color:#2D4E3A}
.co-lb-ic svg{width:3.2cqw;height:3.2cqw}
.co-src{position:absolute;right:2%;bottom:-1%;font-size:max(11px,1.45cqw);color:#8A928D}
.co-ping{position:absolute;left:var(--px);top:var(--py);width:0;height:0}
.co-ping::before,.co-ping::after{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:2px solid rgba(46,110,70,.6);animation:ix-ping 2.8s ease-out infinite}
.co-ping::after{animation-delay:1.4s}
@keyframes ix-ping{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}

/* ───────────── 07 · PROYECTO DESTACADO ───────────── */
.ix-pd{background:#FCFCFB}
.pd-pill{margin-top:18px;background:linear-gradient(90deg,#1F5B2C,#2E6E30);font-size:14px;letter-spacing:.12em;padding:9px 18px}
.ix-pd .eyebrow{letter-spacing:.3em;font-size:13px}
.ix-pd-h2{margin-top:20px;font-size:48px;line-height:1.02;letter-spacing:-.045em}
.ix-pd-h2 .accent{color:#6F9E2C}
.ix-pd-lead{margin-top:22px;font-size:16.5px;line-height:1.42;color:#6A736E;max-width:410px}
.pd-btn{margin-top:20px;min-height:40px;padding:0 24px;border-radius:12px;font-size:15px;letter-spacing:.04em;background:linear-gradient(90deg,#8FCB3C,#B6E05A);color:#0E3A1F;box-shadow:0 10px 22px -12px rgba(80,140,30,.8)}
.pd-btn:hover{color:#0E3A1F;background:linear-gradient(90deg,#9BD447,#C3E86A)}
.pd-fig{z-index:1}
.pd-fig img{width:100%;height:auto}
.pd-cap{position:absolute;right:6%;bottom:6%;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.82);font-size:11px;color:#4A574F}
.pd-loc{z-index:2;border-radius:50%}
.pd-loc img{width:100%;height:auto;animation:ix-spin-slow 60s linear infinite paused}
.pd-loc:hover img{animation-play-state:running}
@keyframes ix-spin-slow{to{rotate:2deg}}
.pd-loc-ping{position:absolute;left:23.7%;top:43.4%;width:0;height:0}
.pd-loc-ping::before,.pd-loc-ping::after{content:"";position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(198,227,90,.85);animation:ix-ping 2.6s ease-out infinite}
.pd-loc-ping::after{animation-delay:1.3s}
.pd-ficha{z-index:2;padding:22px 15px 13px;border-radius:20px;background:rgba(246,248,243,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 22px 40px -28px rgba(16,40,28,.45),inset 0 0 0 1px rgba(255,255,255,.7)}
.pd-ficha-t{padding-left:10px;font-size:15px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#1C3A2E}
.pd-ficha-t::after{content:"";display:block;width:26px;height:2px;margin-top:9px;background:#6FA03A}
.pd-dl{margin-top:14px;padding:4px 14px;border-radius:14px;background:#fff;box-shadow:0 6px 18px -14px rgba(16,40,28,.3)}
.pd-dl > div{display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:64px;border-bottom:1px solid #EDF0EA}
.pd-dl > div:last-child{border-bottom:0;min-height:70px}
.pd-dl dt{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4A5852}
.pd-dl dd{font-size:14.5px;line-height:1.36;color:#22342B}
.pd-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#F1F4EE;color:#1F3A2E}
.pd-state{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 14px;border-radius:999px;background:#E6F2CF;font-weight:700;font-size:13.5px;color:#1C3A2E}
.pd-state::before{content:"";width:8px;height:8px;border-radius:50%;background:#3E9A2E;animation:pulse-dot 2s ease-in-out infinite}
.pd-scope{z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.pd-sc{position:relative;min-height:178px;padding:15px 18px 22px 22px;border-radius:16px;background:linear-gradient(170deg,var(--b1),var(--b2));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 16px 34px -22px rgba(0,30,10,.55),inset 0 0 0 1px rgba(255,255,255,.65);transition:transform .4s var(--ease-out),box-shadow .3s}
.pd-sc:hover{transform:translateY(-6px);box-shadow:0 26px 40px -22px rgba(0,30,10,.6),inset 0 0 0 1px rgba(255,255,255,.8)}
.pd-sc-ic{position:relative;display:grid;place-items:center;width:80px;height:64px;color:var(--ic)}
.pd-sc-ic svg use{stroke-width:1.5}
.pd-sc-ic::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:52% 48% 58% 42% / 55% 50% 50% 45%;background:var(--bl);transform:rotate(-12deg);transition:transform .6s var(--ease-spring)}
.pd-sc:hover .pd-sc-ic::before{transform:rotate(8deg) scale(1.08)}
.pd-sc-ic{isolation:isolate}
.pd-sc p{margin-top:16px;padding-left:28px;font-size:14.5px;line-height:1.3;color:#2B3B33}
.pd-sc::after{content:"";position:absolute;left:50px;bottom:16px;width:36px;height:3px;border-radius:2px;background:var(--ic)}
.pd-sc--g{--b1:rgba(236,245,228,.95);--b2:rgba(244,249,240,.92);--bl:#A9D98A;--ic:#2E7A2E}
.pd-sc--b{--b1:rgba(234,243,252,.95);--b2:rgba(244,249,253,.92);--bl:#A9CDF0;--ic:#2063A8}
.pd-sc--o{--b1:rgba(253,243,230,.95);--b2:rgba(254,249,242,.92);--bl:#F7CF8A;--ic:#7A5A12}
.pd-sc--p{--b1:rgba(244,238,252,.95);--b2:rgba(249,246,254,.92);--bl:#CDB7F2;--ic:#6B3FC0}
.pd-sc--r{--b1:rgba(252,236,236,.95);--b2:rgba(254,246,246,.92);--bl:#F3AFB0;--ic:#B1262B}
.pd-sc--t{--b1:rgba(234,246,247,.95);--b2:rgba(244,250,251,.92);--bl:#AEDDE3;--ic:#1E6C78}
.pd-sc--o::after{background:#E0A526}.pd-sc--t::after{background:#2A9AA6}

/* ───────────── 08 · HERRAMIENTAS ───────────── */
.ix-he{background:#FAFBF9}
.ix-he .eyebrow{font-size:11px;letter-spacing:.24em}
.ix-he-h2{font-size:52px;line-height:.98}
.ix-he-h2 .accent{color:#5E7F2A}
.ix-he-lead{margin-top:14px;font-size:17px;line-height:1.36;color:#6A736E;max-width:470px}
.he-tools{z-index:2;display:grid;grid-template-columns:178fr 165fr 165fr 152fr;gap:10px}
.he-tool{min-height:134px;padding:12px 14px 12px 18px;border-radius:10px;background:#fff;border:1px solid #E9EDE6;box-shadow:0 10px 24px -20px rgba(16,40,28,.35);transition:transform .35s var(--ease-out),box-shadow .3s}
.he-tool:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(16,40,28,.45)}
.he-ic{display:flex;gap:8px;height:50px;align-items:center;justify-content:center}
.he-ic img{width:auto;height:48px;transition:transform .45s var(--ease-spring)}
.he-ic--office img{height:35px}
.he-tool:hover .he-ic img{transform:translateY(-3px) scale(1.06)}
.he-tool:hover .he-ic img:nth-child(2){transition-delay:.04s}.he-tool:hover .he-ic img:nth-child(3){transition-delay:.08s}
.he-tool h3{margin-top:10px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:#10261A}
.he-tool p{margin-top:3px;font-size:12.3px;line-height:1.33;color:#6A736E}
.he-hud{display:flex;gap:12px;align-items:flex-start;font-family:var(--mono);font-size:9.5px;line-height:1.5;letter-spacing:.18em;color:#7E8A82}
.he-cross{position:relative;width:24px;height:24px;margin-top:-8px;border-radius:50%;border:1px solid #9AA79F}
.he-cross::before,.he-cross::after{content:"";position:absolute;background:#9AA79F}
.he-cross::before{left:50%;top:-8px;bottom:-8px;width:1px}
.he-cross::after{top:50%;left:-8px;right:-8px;height:1px}
.he-art{z-index:1}
.he-art img{width:100%;height:auto}
.he-scan{position:absolute;left:8%;top:6%;width:62%;height:70%;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(198,227,90,.0) 40%,rgba(233,247,176,.35) 50%,transparent 60%);background-size:100% 300%;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);animation:ix-scan 6s ease-in-out infinite}
@keyframes ix-scan{0%{background-position:0 100%}100%{background-position:0 0}}

/* ───────────── 09 · FAQ ───────────── */
.ix-fq{background:#F9FBF8}
.ix-fq .eyebrow{font-size:11px;letter-spacing:.2em}
.ix-fq-h2{font-size:42px;line-height:.96;letter-spacing:-.04em}
.ix-fq-h2 .accent{color:#5E7F2A}
.ix-fq-lead{margin-top:18px;font-size:16.5px;line-height:1.36;color:#5E6A64}
.fq-btn{margin-top:22px;min-height:48px;padding:0 18px 0 18px;border-radius:9px;font-size:11.5px;letter-spacing:.15em;background:#0B3326;gap:22px}
.fq-btn .orb{margin-right:-6px;width:30px;height:30px}
.fq-art{z-index:1}
.fq-art img{width:100%;height:auto}
.fq-parcel{position:absolute;inset:0;width:100%;height:100%;fill:rgba(255,255,255,.06);stroke:#fff;stroke-width:1.4;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;animation:ants 30s linear infinite}
.fq-parcel path{vector-effect:non-scaling-stroke}
.fq-trail path{stroke:#6E9A33;stroke-width:1.5;stroke-dasharray:none}
.fq-trail circle{fill:#5C8C2A}
.fq-acc{z-index:2;display:flex;flex-direction:column;gap:6px}
.fq-it{border-radius:14px;background:#fff;box-shadow:0 8px 22px -20px rgba(16,40,28,.4),inset 0 0 0 1px #EEF1EB}
.fq-it:has(.acc-btn[aria-expanded="true"]){background:#EEF3E2}
.fq-it h3{font-size:inherit;font-weight:inherit}
.fq-it .acc-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:4px 12px 4px 15px;border:0;background:none;text-align:left;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#0F241A}
.fq-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#EEF3DC;font-size:12px;font-weight:700;color:#304A20}
.fq-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#F2F5EF;color:#2A3F33}
.fq-q{flex:1}
.fq-it .acc-sign{flex:none;width:31px;height:31px;border-radius:50%;border:1.5px solid #C9D2C4;background:#fff;font-size:20px;line-height:1;color:#0F241A}
.fq-it .acc-btn[aria-expanded="true"] .acc-sign{background:#0E3326;border-color:#0E3326;color:#fff}
.fq-it [role="region"] p{padding:4px 30px 18px 120px;font-size:13.5px;line-height:1.4;color:#5E6A64}

/* ───────────── 10 · CONTACTO ───────────── */
.ix-ct{background:#FDFDFB}
.ix-ct .eyebrow{letter-spacing:.24em;font-size:12px}
.ix-ct-h2{font-size:52px;line-height:.98;letter-spacing:-.045em}
.ix-ct-h2 .accent{color:#4E7A1E}
.ix-ct-lead{margin-top:24px;font-size:17px;line-height:1.42;color:#56625C}
.ct-art{z-index:1}
.ct-art img{clip-path:polygon(0 0,100% 0,100% 79.4%,95% 87.8%,86% 97.7%,76% 100%,67.5% 97.7%,57.5% 85%,45% 72.2%,32.5% 61.5%,22.5% 51.2%,15.6% 41%,0 41%)}
.ct-art img{width:100%;height:auto}
.ct-cards{z-index:2;display:grid;grid-template-columns:325fr 300fr 315fr;gap:0}
.ct-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:30px 30px 30px 66px;isolation:isolate}
.ct-card:nth-child(2),.ct-card:nth-child(3){padding-left:42px}
.ct-card::before{content:"";position:absolute;inset:4px 6px 0 4px;z-index:-1;border-radius:46% 54% 44% 56% / 34% 30% 70% 66%;background:rgba(255,255,255,.0)}
.ct-ic svg{width:30px;height:30px}
.ct-ic{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#E8EFDE;color:#173A2A;transition:transform .5s var(--ease-spring)}
.ct-card:hover .ct-ic{transform:rotate(-8deg) scale(1.06)}
.ct-card--hi .ct-ic{background:#C5E14F;color:#163A22}
.ct-h3{margin-top:14px;font-size:22px;line-height:1.08;letter-spacing:-.02em;font-weight:700;color:#0F2C22;max-width:200px}
.ct-p{margin-top:12px;font-size:14.5px;line-height:1.3;color:#5E6A64;max-width:215px}
.ct-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;min-height:50px;padding:0 6px 0 20px;border-radius:999px;background:#EEF3E3;color:#0F241A;font-weight:700;font-size:15px;text-decoration:none;transition:transform .35s var(--ease-out),background-color .25s,box-shadow .3s}
.ct-btn:hover{color:#0F241A;transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(16,40,28,.5)}
.ct-btn--dark{background:#1C4421;color:#fff;font-size:12.5px;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;padding-left:22px}
.ct-btn--dark:hover{color:#fff;background:#24542A}
.ct-orb{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#B9DA2E;color:#10261A;transition:transform .35s var(--ease-out)}
.ct-btn--dark .ct-orb{background:#fff;color:#10261A}
.ct-btn:hover .ct-orb{transform:translateX(3px)}
.ct-trust{z-index:2;display:flex;align-items:center}
.ct-trust li{display:flex;align-items:center;gap:22px;padding:0 26px;font-size:14.5px;line-height:1.35;color:#53605A;border-left:1px solid #C9D1C6}
.ct-trust li:first-child{padding-left:0;border-left:0}
.ct-trust svg{flex:none;color:#173A2A}
.ct-leaf{z-index:3;transform-origin:85% 100%;animation:sway 8s ease-in-out infinite}

/* ═════════════ ESCRITORIO: escenario con coordenadas de la maqueta ═════════════ */
@media (min-width:1280px){
  .pg-index .stg{aspect-ratio:1440 / var(--h)}
  .pg-index .ab{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u))}
  .pg-index .ab[style*="--w"]{width:calc(var(--w) * var(--u))}
  .pg-index .stg > .trail{left:0;top:0;width:100%;height:100%}
  .pg-index .ix-h2{font-size:calc(70 * var(--u));line-height:.96}
  .ix-sv-h2{font-size:calc(68 * var(--u))!important;line-height:.97!important;letter-spacing:-.045em}
  .ix-lead2{font-size:max(15px,calc(22 * var(--u)))}
  .sv-h3{font-size:max(17px,calc(25 * var(--u)))}
  .sv-p{font-size:max(13px,calc(17 * var(--u)))}
  .ix-rs-h2{font-size:calc(70 * var(--u))!important;line-height:1.03!important;letter-spacing:-.05em}
  .ix-rs-lead{font-size:max(17px,calc(28.5 * var(--u)));max-width:calc(505 * var(--u))}
  .rs-h3{font-size:max(19px,calc(27.5 * var(--u)))}
  .rs-p{font-size:max(14px,calc(21 * var(--u)))}
  .ix-pr-h2{font-size:calc(59 * var(--u))!important;line-height:1!important;letter-spacing:-.05em}
  .pr-ghost{font-size:calc(78 * var(--u))}
  .pr-card{min-height:calc(var(--hh) * var(--u));padding:calc(30 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u))}
  .pr-h3{font-size:max(14px,calc(18 * var(--u)))}
  .pr-p{font-size:max(12px,calc(14 * var(--u)))}
  .pr-ic{width:calc(58 * var(--u));height:calc(58 * var(--u));left:calc(-58 * var(--u));top:calc(-26 * var(--u))}
  .ix-se-h2{font-size:calc(48 * var(--u))!important;line-height:1!important;letter-spacing:-.05em}
  .ix-se-lead{font-size:max(14px,calc(17.5 * var(--u)))}
  .se-pill{min-height:calc(140 * var(--u))}
  .se-h3{font-size:max(15px,calc(18 * var(--u)))}
  .se-p{font-size:max(12px,calc(12.6 * var(--u)))}
  .se-ic{width:calc(84 * var(--u));height:calc(84 * var(--u))}
  .se-pill--l .se-ic{width:calc(96 * var(--u));height:calc(96 * var(--u))}
  .ix-co-h2{font-size:calc(58 * var(--u))!important;line-height:1!important;letter-spacing:-.045em}
  .ix-pd-h2{font-size:calc(48.5 * var(--u))!important;line-height:1.01!important}
  .ix-he-h2{font-size:calc(51 * var(--u))!important;line-height:.93!important;letter-spacing:-.04em}
  .ix-fq-h2{font-size:calc(42.5 * var(--u))!important;line-height:.95!important}
  .ix-ct-h2{font-size:calc(52 * var(--u))!important;line-height:1!important}
  .ix-pr-lead{font-size:calc(18 * var(--u))}
  .ix-co-lead{font-size:calc(18.5 * var(--u))}
  .ix-pd-lead{font-size:calc(16.5 * var(--u))}
  .ix-he-lead{font-size:calc(17 * var(--u))}
  .ix-fq-lead{font-size:calc(16.5 * var(--u))}
  .ix-ct-lead{font-size:calc(17 * var(--u))}
  .ix-se-lead{font-size:calc(17.5 * var(--u))!important}
  .ct-cards{height:calc(310 * var(--u))}
  .ct-card{min-height:0;height:100%}
  .pd-sc{min-height:calc(178 * var(--u))}
  .pd-scope{min-height:calc(178 * var(--u))}
  .dk.ix-fq-plate,.dk.ix-ct-plate,.dk.ix-pd-plate,.dk.ix-he-plate{z-index:0}
}
@media (min-width:1280px) and (max-width:1380px){
  .co-card img{width:80px}
  .pd-dl > div{grid-template-columns:128px 1fr}
  .pd-dl dt{gap:12px}
  .fq-it [role="region"] p{padding-left:70px}
  .ct-card{padding-left:44px}
  .ct-btn{font-size:13px}
}

/* ═════════════ TABLET / MÓVIL ═════════════ */
@media (max-width:1279px){
  .pg-index .dk{display:none!important}
  .pg-index br.b{display:none}
  .pg-index .mob{display:inline-grid}
  .pg-index .stg{display:flex;flex-direction:column;gap:28px;padding:clamp(64px,10vw,96px) var(--gutter)}
  .pg-index .ab{position:relative}
  .pg-index .ix-h2{font-size:clamp(34px,7.4vw,56px);line-height:1}
  .ix-hx{width:100%;opacity:.55}
  .ix-hx-shade{background:linear-gradient(90deg,rgba(0,29,21,.92) 0,rgba(0,29,21,.6) 70%,rgba(0,29,21,.35)),linear-gradient(0deg,#001D15 0,transparent 30%)}
  .ix-sv-curve{display:none}
  /* Servicios: lista con blob detrás de cada imagen */
  .ix-sv .stg{gap:12px}
  .sv-it{display:grid;grid-template-columns:1fr;gap:6px;padding:18px 0}
  .sv-art{width:min(440px,92%);margin:0 auto}
  .sv-txt{max-width:560px}
  .ix-sv-h2{font-size:clamp(34px,7.4vw,56px)}
  .ix-lead2{font-size:18px}
  /* Respaldo */
  .ix-rs .stg{background:linear-gradient(180deg,transparent 60%,rgba(238,242,232,.6))}
  .rs-list{display:flex;flex-direction:column;gap:30px}
  .rs-it{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .rs-art{width:min(340px,86%);margin-left:24px}
  .ix-rs-lead{font-size:20px}
  .rs-h3{font-size:24px}.rs-p{font-size:18px}.rs-p br{display:none}
  /* Proceso */
  .ix-pr .stg{padding-bottom:clamp(200px,40vw,360px)}
  .ix-pr-land{width:160%;max-width:none;left:-10%}
  .pr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:56px 28px;counter-reset:pr;position:relative}
  .pr-st{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-top:10px}
  .pr-ghost{position:absolute!important;left:0;top:-6px;font-size:72px}
  .pr-img{width:min(240px,70%);margin:0 0 -26px 22%;order:1}
  .pr-card{order:2;width:100%;min-height:0;padding:34px 20px 20px 22px}
  .pr-ic{left:16px;top:-28px}
  .pr-list::before{content:"";position:absolute;left:14px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--lime),rgba(198,227,90,.1));opacity:.35;border-radius:2px}
  /* Sectores */
  .se-comp{width:min(420px,80%);margin:0 auto}
  .se-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
  .se-pill{padding:18px 26px 18px 18px;min-height:0;border-radius:36px}
  .se-ic,.se-pill--l .se-ic{width:72px;height:72px}
  .se-ic svg{width:36px;height:36px}
  .se-dots{display:none}
  /* Cobertura */
  .co-map{order:3;width:min(620px,100%);margin:0 auto}
  .co-exp{order:4}
  .co-ring{display:none}
  .ix-co .stg{background:radial-gradient(60% 40% at 70% 45%,rgba(214,226,200,.4),transparent)}
  /* Proyecto */
  .ix-pd .stg{background:linear-gradient(180deg,#FCFCFB 0,#FCFCFB 70%,#E4EDDA 100%)}
  .pd-loc{order:2;width:150px;margin:-10px 0 -70px auto;z-index:3}
  .pd-fig{order:3;width:min(520px,100%);margin:0 auto}
  .pd-ficha{order:4;width:min(520px,100%);margin:0 auto}
  .pd-scope{order:5;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .pd-sc{min-height:150px}
  .ix-pd-h2{font-size:clamp(30px,6.4vw,46px)}
  .pd-pill{align-self:flex-start}
  /* Herramientas */
  .he-tools{order:3;grid-template-columns:repeat(2,1fr)}
  .he-art{order:2;width:min(640px,100%);margin:0 auto}
  .ix-he .stg{background:radial-gradient(50% 30% at 60% 40%,rgba(214,226,200,.35),transparent)}
  /* FAQ */
  .fq-art{width:min(300px,70%);margin:0 auto}
  .fq-acc{width:100%}
  .fq-it [role="region"] p{padding:0 18px 16px 18px}
  .ix-fq .stg{padding-top:56px}
  /* Contacto */
  .ct-art{width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter))}
  .ct-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
  .ct-card,.ct-card:nth-child(2),.ct-card:nth-child(3){min-height:0;padding:26px;border-radius:44px 52px 40px 56px;background:#fff;box-shadow:0 18px 36px -26px rgba(16,40,28,.35);gap:0}
  .ct-card--hi{background:#E6EFCF!important;box-shadow:inset 0 0 0 1.5px #8DB23A!important}
  .ct-btn{margin-top:20px}
  .ct-h3,.ct-p{max-width:none}
  .ct-trust{flex-wrap:wrap;gap:14px 0}
  .ct-leaf{position:absolute!important;right:-40px;bottom:-60px;width:220px;opacity:.85}
}

@media (min-width:700px) and (max-width:1279px){
  .ix-sv .stg{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:8px}
  .ix-sv .ix-head{grid-column:1/-1}
  .ix-sv .stg > .sv-it{align-content:start}
  .rs-it{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px}
  .rs-art{width:100%;margin:0}
  .ix-rs .stg{display:grid;grid-template-columns:1fr;gap:36px}
  .ix-co .stg{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}
  .ix-co .ix-head{grid-column:1/-1}
  .co-map{order:0;grid-column:2;grid-row:2}
  .co-exp{order:0;grid-column:1;grid-row:2}
  .co-grid{grid-template-columns:1fr}
  .he-tools{grid-template-columns:repeat(4,1fr)}
  .ix-fq .stg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:36px;align-items:start}
  .ix-fq .ix-head{grid-column:1/-1}
  .fq-art{grid-column:1;width:100%}
  .fq-acc{grid-column:2}
  .pd-ficha{width:100%}
}
@media (min-width:1000px) and (max-width:1279px){
  .ix-hx{width:62%;opacity:1}
  .ix-hx-shade{background:linear-gradient(90deg,#001D15 0,#001D15 36%,rgba(0,29,21,.6) 50%,transparent 72%),linear-gradient(0deg,rgba(0,29,21,.85) 0,transparent 26%)}
  .rs-list{display:grid;grid-template-columns:1fr 1fr;gap:34px 40px}
  .ix-pd .stg{display:grid;grid-template-columns:1.1fr .9fr;column-gap:36px;align-items:start}
  .ix-pd .ix-head{grid-column:1;grid-row:1/3}
  .pd-loc{grid-column:2;grid-row:1;margin:0 auto -60px 0}
  .pd-fig{grid-column:2;grid-row:2}
  .pd-ficha{grid-column:1;grid-row:3}
  .pd-scope{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(6,1fr)}
  .ct-cards{grid-template-columns:repeat(3,1fr)}
  .ix-ct .stg{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  .ix-ct .ix-head{grid-column:1;grid-row:1;align-self:center}
  .ct-art{grid-column:2;grid-row:1;width:100%;margin:0}
  .ct-cards,.ct-trust{grid-column:1/-1}
}
.pg-index .nw{white-space:nowrap}
@media (max-width:600px){
  .ix-h1{font-size:clamp(42px,12vw,56px)}
  .ix-attrs{display:grid;grid-template-columns:1fr 1fr;gap:18px 0}
  .ix-attrs li,.ix-attrs li:first-child{align-items:flex-start;text-align:left;padding:0 10px;border-left:1px solid rgba(255,255,255,.16)}
  .ix-attrs li:first-child svg{margin-left:0}
  .ix-btn{width:100%}
  .co-grid{grid-template-columns:1fr}
  .he-tools{grid-template-columns:1fr 1fr}
  .he-tool{padding:12px}
  .pd-dl > div{grid-template-columns:1fr;gap:6px;padding:10px 0}
  .pd-dl dt{gap:12px}
  .ct-trust li{border-left:0;padding:0 18px 0 0;width:100%}
  .fq-it .acc-btn{gap:10px;padding:8px 10px}
  .fq-ic{display:none}
  .fq-it [role="region"] p{padding:0 14px 16px}
  .pd-scope{grid-template-columns:1fr 1fr}
  .pd-sc p{padding-left:0}
  .pd-sc::after{left:22px}
}
@media (max-width:759px){
  .co-map{width:86%!important;margin:0 0 0 12%!important}
  .co-src{right:0;bottom:-3%}
  .co-lb{font-size:max(10.5px,2.7cqw);gap:6px;padding:4px 9px 4px 4px}
  .co-lb img{width:max(22px,6.4cqw);height:max(22px,6.4cqw)}
  .co-lb--sede{padding:5px 9px 5px 5px}
  .co-lb--sede small{font-size:max(9px,1.6cqw)}
  .co-lb-ic{width:24px;height:24px;border-radius:7px}
  .co-lb-ic svg{width:15px;height:15px}
}
@media (max-width:429px){.co-lb-x{display:none}}
@media (prefers-reduced-motion:reduce){
  .sv-blob,.ix-sv-curve,.co-ring,.he-scan,.ct-leaf,.fq-parcel{animation:none!important}
  .co-pin,.co-lb{transition:none!important}
  .sv-it:hover .sv-art img,.sv-it:focus-within .sv-art img,.sv-it:hover .sv-blob,.sv-it:focus-within .sv-blob{scale:1;rotate:0deg;translate:0 0}
  .he-scan{display:none}
}
/* Escritorio estrecho: el escenario escala, el texto de los componentes densos se compacta un poco */
@media (min-width:1280px) and (max-width:1359px){
  .pd-ficha > *,.ct-card > *,.ct-trust > li,.fq-it > *,.he-tool > *,.pd-sc > *,.co-exp > *,.rs-txt > *,.pr-card > *,.se-pill > *{zoom:.88}
}
@media (min-width:1360px) and (max-width:1439px){
  .pd-ficha > *,.ct-card > *,.ct-trust > li,.fq-it > *,.he-tool > *,.pd-sc > *,.co-exp > *,.rs-txt > *,.pr-card > *,.se-pill > *{zoom:.95}
}

/* ═════════════ TRANSICIONES ENTRE SECCIONES ═════════════
   Antes cada sección tenía su propio tono y sus recortes de maqueta terminaban en línea recta («fotos pegadas»).
   Ahora: un solo fondo claro continuo, olas orgánicas en los cambios claro↔oscuro y bordes de imagen difuminados. */
.pg-index{--base:#FDFDFC}
.pg-index .ix:not(.ix-hero):not(.ix-pr){background-color:var(--base)}
.ix-wave{fill:var(--base);height:clamp(36px,6vw,90px)}
.ix-wave--b{z-index:3}
.ix-wave--t{top:-1px;bottom:auto;transform-origin:50% 0;z-index:3}
.ix-pr-edge{fill:var(--base)}
/* el hero se funde hacia abajo antes de la ola */
.ix-hx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,#001D15);pointer-events:none;z-index:3}
/* decoración que tocaba el borde de su sección: se desvanece en vez de cortarse */
.ix-sv-fol,.ix-rs-mist{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 38%,transparent 100%)}
.ix-sv-curve{-webkit-mask-image:linear-gradient(200deg,transparent 0,#000 30%);mask-image:linear-gradient(200deg,transparent 0,#000 30%)}
.dk.ix-pd-plate{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 84%,transparent 100%)}
.dk.ix-he-plate,.dk.ix-fq-plate{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%)}
.ct-leaf{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
.dk.ix-ct-plate{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 86%,transparent 100%)}
/* Cotización: tarjetas con fondo propio (antes eran manchas de la maqueta) */
@media (min-width:1280px){
  .ct-cards{gap:calc(22 * var(--u));width:calc(970 * var(--u))!important}
  .ct-card,.ct-card:nth-child(2),.ct-card:nth-child(3){padding:calc(28 * var(--u)) calc(28 * var(--u)) calc(26 * var(--u))}
  .ct-card::before{inset:0;border-radius:34px 42px 30px 46px / 30px 34px 40px 36px;background:#fff;box-shadow:0 22px 44px -30px rgba(16,40,28,.38),inset 0 0 0 1px #E6EBE2}
  .ct-card--hi::before{background:linear-gradient(160deg,#EEF5DA,#E2ECC6);box-shadow:0 22px 44px -30px rgba(60,100,20,.4),inset 0 0 0 1.5px #A9C65A}
}
/* WhatsApp: botón más ancho para que el número se lea corrido */
.ct-btn{align-self:stretch;min-width:0}
.ct-card:nth-child(2) .ct-btn{padding-left:24px;font-size:16.5px;letter-spacing:.03em;white-space:nowrap}
/* entrada de cada sección: el fondo claro «sube» sobre la anterior con un leve desplazamiento */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:1280px){
    .dk.ix-pd-plate,.dk.ix-he-plate,.dk.ix-fq-plate,.ix-rs-mist,.ix-sv-fol,.ix-pr-land{animation:ix-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes ix-drift{from{translate:0 36px}to{translate:0 -36px}}
  }
}

/* espacio para la ola del pie (no tapa la fila de garantías) */
.ix-ct{padding-bottom:clamp(30px,4.4vw,64px)}
@media (max-width:1279px){.ix-pr .stg{padding-top:calc(clamp(64px,10vw,96px) + clamp(36px,6vw,90px))}.pg-index .ix-rs .stg{background:none}}
/* pantallas más anchas que la maqueta (1440): el escenario se funde a los lados en vez de cortarse en vertical */
@media (min-width:1460px){
  .pg-index .ix:not(.ix-hero) > .stg{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
}