/* ============================================================
   KUSHIM 3.6 · DISEÑO WEB HUB · REGIÓN DE VALPARAÍSO
   ============================================================ */
:root{
    --dw-jade:#00d6a2;
    --dw-jade-deep:#00a87d;
    --dw-gold:#d4b968;
    --dw-line:rgba(255,255,255,.09);
    --dw-muted:#7e8b91;
    --dw-panel:#101416;
}

.dw-page{position:relative;overflow:clip;background:var(--ink);}
.dw-page strong{color:var(--white);}
.dw-kicker{display:inline-flex;align-items:center;gap:.65rem;color:var(--dw-jade);font:500 .72rem/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;}
.dw-kicker i{width:8px;height:8px;border-radius:50%;background:var(--dw-jade);box-shadow:0 0 18px rgba(0,214,162,.8);}
.dw-btn-ghost{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.018);color:#dce6e2;}
.dw-btn-ghost:hover{border-color:rgba(0,214,162,.38);background:rgba(0,214,162,.065);color:#fff;}
.dw-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem;}
.dw-scene{position:relative;min-height:88svh;padding:clamp(6rem,9vw,9rem) 0;display:flex;align-items:center;isolation:isolate;}
.dw-scene::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 15%,rgba(0,214,162,.055),transparent 31%),radial-gradient(circle at 88% 86%,rgba(212,185,104,.035),transparent 30%);}
.dw-split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(2.5rem,7vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem);}
.dw-split-head .sec-title,.dw-split-head .sec-intro{margin-bottom:0;}

/* HERO */
.dw-hero{position:relative;min-height:100svh;padding:9rem 0 5.5rem;display:flex;align-items:center;isolation:isolate;background:linear-gradient(180deg,#0a0f11 0%,var(--ink) 84%);}
.dw-grid-bg,.dw-final-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.036) 1px,transparent 1px);background-size:54px 54px;opacity:.17;mask-image:linear-gradient(to bottom,#000,transparent 90%);}
.dw-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.4;}
.dw-glow-a{width:420px;height:420px;background:rgba(0,214,162,.12);right:4%;top:8%;}
.dw-glow-b{width:300px;height:300px;background:rgba(212,185,104,.07);left:-8%;bottom:0;}
.dw-hero-shell{position:relative;z-index:2;width:100%;}
.dw-breadcrumb{display:flex;align-items:center;gap:.65rem;margin-bottom:2rem;color:#5d6a70;font:500 .65rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;}
.dw-breadcrumb a{color:#6c797e;text-decoration:none}.dw-breadcrumb a:hover{color:var(--dw-jade)}.dw-breadcrumb strong{color:#94a09d;font-weight:500}.dw-breadcrumb span{color:#3c464a}
.dw-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:clamp(3rem,6vw,7rem);align-items:center;}
.dw-hero-copy h1{margin:1.25rem 0 1.6rem;max-width:850px;font-family:var(--font-display);font-weight:900;font-size:clamp(3.2rem,6vw,6.8rem);line-height:.91;letter-spacing:-.067em;text-wrap:balance;}
.dw-hero-copy h1 span{display:block;color:var(--dw-jade);font-weight:300;font-style:italic;}
.dw-lead{max-width:760px;color:#89969b;font-size:clamp(1rem,1.3vw,1.17rem);line-height:1.82;}.dw-lead strong{font-weight:600;}
.dw-local-proof{display:flex;flex-wrap:wrap;gap:.5rem .7rem;margin-top:2.2rem;color:#5f6d72;font:500 .67rem/1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;}.dw-local-proof i{font-style:normal;color:var(--dw-jade)}
.dw-hero-system{position:relative;min-height:610px;padding:1.2rem;border:1px solid rgba(0,214,162,.22);border-radius:30px;background:radial-gradient(circle at 50% 32%,rgba(0,214,162,.09),transparent 31%),linear-gradient(145deg,rgba(18,23,24,.96),rgba(7,10,12,.98));box-shadow:0 42px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;}
.dw-hero-system::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;opacity:.25;mask-image:linear-gradient(#000,transparent);}
.dw-system-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:.35rem .4rem 1rem;color:#5f6b6f;font:500 .6rem var(--font-mono);letter-spacing:.11em;}.dw-system-head span{display:flex;align-items:center;gap:.5rem}.dw-system-head i{width:7px;height:7px;border-radius:50%;background:var(--dw-jade);box-shadow:0 0 15px rgba(0,214,162,.8)}.dw-system-head b{font-weight:500;color:#596568}
.dw-browser{position:relative;z-index:2;margin:1rem auto 1.35rem;max-width:84%;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.018);box-shadow:0 18px 45px rgba(0,0,0,.25);}
.dw-browser-top{height:40px;padding:0 1rem;display:flex;align-items:center;gap:.35rem;border-bottom:1px solid rgba(255,255,255,.06);}.dw-browser-top span{width:7px;height:7px;border-radius:50%;background:#343d40}.dw-browser-top b{margin-left:.5rem;color:#505b60;font:500 .58rem var(--font-mono)}
.dw-browser-content{min-height:180px;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 85% 20%,rgba(0,214,162,.075),transparent 34%);}.dw-browser-content small{color:var(--dw-jade);font:500 .6rem var(--font-mono);letter-spacing:.12em}.dw-browser-content strong{margin:.7rem 0 1rem;font:700 1.65rem/1.15 var(--font-display);max-width:340px}.dw-browser-content button{pointer-events:none;border:0;border-radius:9px;background:var(--dw-jade);color:#06110e;padding:.75rem 1rem;font:800 .68rem var(--font-mono);letter-spacing:.05em}
.dw-data-line{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:#61706f;font:500 .56rem var(--font-mono);letter-spacing:.1em}.dw-data-line i{height:1px;background:linear-gradient(90deg,transparent,rgba(0,214,162,.28))}.dw-data-line i:last-child{background:linear-gradient(90deg,rgba(0,214,162,.28),transparent)}
.dw-system-nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.2rem .4rem 0}.dw-system-nodes article{min-height:100px;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.017)}.dw-system-nodes span{color:#465356;font:500 .56rem var(--font-mono)}.dw-system-nodes b{display:block;margin:.35rem 0;color:var(--dw-jade);font:700 .72rem var(--font-mono);letter-spacing:.07em}.dw-system-nodes small{color:#5e6a6d;font-size:.67rem;line-height:1.45}
.dw-system-footer{position:relative;z-index:2;margin-top:1rem;padding:1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:1rem;color:#687477;font-size:.7rem}.dw-system-footer b{color:#87938f;font-weight:500}

/* DIFFERENCE */
.dw-problem{background:linear-gradient(180deg,var(--ink),#0d1113);}
.dw-difference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.dw-difference-card{position:relative;min-height:490px;padding:clamp(2rem,3.6vw,3.2rem);border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden;}.dw-difference-card.is-kushim{border-color:rgba(0,214,162,.28);background:linear-gradient(145deg,rgba(0,214,162,.055),rgba(255,255,255,.008));}.dw-card-index{position:absolute;right:2rem;top:1.5rem;color:rgba(255,255,255,.045);font:900 4.2rem/1 var(--font-display)}.dw-difference-card>small{color:#627075;font:600 .61rem var(--font-mono);letter-spacing:.12em}.dw-difference-card.is-kushim>small{color:var(--dw-jade)}.dw-difference-card h3{max-width:540px;margin:2rem 0;font:900 clamp(2rem,3.3vw,3.6rem)/.98 var(--font-display);letter-spacing:-.045em}.dw-difference-card ul{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.dw-difference-card li{position:relative;padding-left:1.35rem;color:#7f8b8e;font-size:.9rem;line-height:1.65}.dw-difference-card li::before{content:"";position:absolute;left:0;top:.65rem;width:5px;height:5px;border-radius:50%;background:#4c575a}.dw-difference-card.is-kushim li::before{background:var(--dw-jade);box-shadow:0 0 10px rgba(0,214,162,.5)}

/* IMPLEMENTATION */
.dw-implementation{background:#0f1315}.dw-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}.dw-product-card{position:relative;min-height:700px;padding:clamp(2rem,3.5vw,3rem);border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));display:flex;flex-direction:column}.dw-product-card.is-commerce{border-color:rgba(212,185,104,.2);background:radial-gradient(circle at 90% 10%,rgba(212,185,104,.055),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008))}.dw-product-top{display:flex;justify-content:space-between;align-items:center;color:var(--dw-jade);font:600 .68rem var(--font-mono);letter-spacing:.11em}.dw-product-card.is-commerce .dw-product-top{color:var(--dw-gold)}.dw-product-top b{font:900 3rem/1 var(--font-display);color:rgba(255,255,255,.045)}.dw-product-card h3{margin:2rem 0 1rem;max-width:600px;font:900 clamp(2.1rem,3.5vw,3.8rem)/.96 var(--font-display);letter-spacing:-.05em}.dw-product-card>p{color:#7e8a8e;line-height:1.75;max-width:600px}.dw-product-price{margin:2rem 0;padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.dw-product-price small{width:100%;color:#596568;font:500 .62rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.dw-product-price strong{font:900 clamp(2.4rem,4vw,4rem) var(--font-display);letter-spacing:-.05em}.dw-product-price span{color:#596568;font:500 .7rem var(--font-mono)}.dw-product-card ul{display:grid;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none}.dw-product-card li{position:relative;padding-left:1.3rem;color:#7d898c;font-size:.84rem;line-height:1.55}.dw-product-card li::before{content:"✓";position:absolute;left:0;color:var(--dw-jade);font-weight:800}.dw-product-card.is-commerce li::before{color:var(--dw-gold)}.dw-text-link{margin-top:auto;align-self:flex-start;color:var(--dw-jade);font:600 .74rem var(--font-mono);letter-spacing:.04em;text-decoration:none}.dw-product-card.is-commerce .dw-text-link{color:var(--dw-gold)}
.dw-plan-note{margin-top:1rem;padding:1.4rem 1.6rem;border:1px solid rgba(0,214,162,.16);border-radius:16px;background:rgba(0,214,162,.035);display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center}.dw-plan-note>span{color:var(--dw-jade);font:600 .6rem var(--font-mono);letter-spacing:.1em}.dw-plan-note p{margin:0;color:#7b878a;font-size:.8rem;line-height:1.6}.dw-plan-note p strong{font-weight:600}.dw-plan-note a{color:#9aa6a2;font:600 .68rem var(--font-mono);text-decoration:none;white-space:nowrap}

/* SEO READY */
.dw-seo{background:linear-gradient(180deg,#0f1315,var(--ink));}.dw-seo-board{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:1rem;align-items:stretch}.dw-seo-score{padding:clamp(2rem,4vw,3.5rem);border:1px solid rgba(0,214,162,.22);border-radius:26px;background:radial-gradient(circle at 70% 15%,rgba(0,214,162,.1),transparent 34%),rgba(255,255,255,.015);display:flex;flex-direction:column}.dw-seo-score>span{color:var(--dw-jade);font:600 .61rem var(--font-mono);letter-spacing:.12em}.dw-seo-score>strong{margin:2rem 0;font:900 clamp(4.3rem,8vw,7.8rem)/.78 var(--font-display);letter-spacing:-.07em}.dw-seo-score p{margin-top:auto;color:#788588;line-height:1.75}.dw-seo-score a{margin-top:1.5rem;color:var(--dw-jade);font:600 .7rem var(--font-mono);text-decoration:none}.dw-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:26px;background:rgba(255,255,255,.012)}.dw-check-grid>div{min-height:106px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018);display:flex;gap:.85rem;align-items:center}.dw-check-grid i{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:rgba(0,214,162,.08);border:1px solid rgba(0,214,162,.24);color:var(--dw-jade);font-style:normal;font-weight:900}.dw-check-grid b{display:block;font:700 .84rem var(--font-display)}.dw-check-grid small{display:block;margin-top:.25rem;color:#667276;font-size:.68rem}

/* FLOW */
.dw-flow{background:#0e1214}.dw-flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.65rem;align-items:stretch;margin-top:3rem}.dw-flow-track>article{min-height:310px;padding:1.4rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.006));display:flex;flex-direction:column}.dw-flow-track>article:nth-of-type(3){border-color:rgba(0,214,162,.3);background:rgba(0,214,162,.04)}.dw-flow-track>i{align-self:center;color:#3c494c;font-style:normal}.dw-flow-track article>span{font:900 2.7rem var(--font-display);color:rgba(255,255,255,.055)}.dw-flow-track article>small{margin-top:auto;color:var(--dw-jade);font:600 .58rem var(--font-mono);letter-spacing:.1em}.dw-flow-track h3{margin:.5rem 0;font:800 1.15rem var(--font-display)}.dw-flow-track p{color:#697578;font-size:.75rem;line-height:1.55}

/* AUDIT */
.dw-audit{background:radial-gradient(circle at 75% 50%,rgba(0,214,162,.055),transparent 33%),var(--ink)}.dw-audit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);gap:clamp(3rem,7vw,7rem);align-items:center}.dw-audit-copy .sec-intro{max-width:680px}.dw-audit-note{margin-top:1.2rem;color:#59666a;font-size:.72rem}.dw-audit-terminal{border:1px solid rgba(0,214,162,.2);border-radius:24px;padding:1.2rem;background:linear-gradient(145deg,rgba(18,24,24,.96),rgba(7,10,11,.98));box-shadow:0 32px 80px rgba(0,0,0,.32)}.dw-terminal-head{display:flex;justify-content:space-between;align-items:center;padding:.25rem .35rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);color:#5e6b6e;font:500 .58rem var(--font-mono);letter-spacing:.1em}.dw-terminal-head span{display:flex;align-items:center;gap:.45rem}.dw-terminal-head i{width:6px;height:6px;border-radius:50%;background:var(--dw-jade);box-shadow:0 0 12px rgba(0,214,162,.7)}.dw-terminal-score{display:flex;justify-content:space-between;align-items:end;padding:1.5rem .4rem}.dw-terminal-score>span{color:#596568;font:600 .61rem var(--font-mono);letter-spacing:.1em}.dw-terminal-score strong{font:900 4.5rem/1 var(--font-display);color:var(--dw-jade)}.dw-terminal-score small{font-size:1rem;color:#657174}.dw-audit-terminal ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.06)}.dw-audit-terminal li{display:grid;grid-template-columns:30px 1fr auto;gap:.6rem;align-items:center;padding:.85rem .4rem;border-bottom:1px solid rgba(255,255,255,.055);color:#839093;font-size:.76rem}.dw-audit-terminal li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:900}.dw-audit-terminal li b{font:600 .55rem var(--font-mono);letter-spacing:.08em}.dw-audit-terminal li.ok i,.dw-audit-terminal li.ok b{color:var(--dw-jade)}.dw-audit-terminal li.warn i,.dw-audit-terminal li.warn b{color:var(--dw-gold)}.dw-audit-terminal li.bad i,.dw-audit-terminal li.bad b{color:#ef6e67}.dw-audit-terminal>small{display:block;padding:.9rem .4rem .25rem;color:#4e5a5d;font-size:.62rem}

/* REGION */
.dw-region{background:#0f1315}.dw-region-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(3rem,7vw,7rem);align-items:center}.dw-city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.dw-city-grid>span,.dw-city-grid>a{min-height:130px;padding:1.35rem;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.016);color:#dce4e0;font:800 1.2rem var(--font-display);display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}.dw-city-grid small{margin-top:.35rem;color:#5f6c70;font:500 .58rem var(--font-mono);letter-spacing:.08em}.dw-city-grid>span:first-child,.dw-city-grid>a:first-child{border-color:rgba(0,214,162,.24);background:rgba(0,214,162,.035)}.dw-city-grid>a:hover{border-color:rgba(0,214,162,.38);background:rgba(0,214,162,.06);transform:translateY(-3px);transition:.3s ease}.dw-region-note{max-width:900px;margin:2rem auto 0;text-align:center;color:#566367;font-size:.7rem;line-height:1.65}

/* FAQ */
.dw-faq{background:linear-gradient(180deg,#0f1315,var(--ink))}.dw-faq-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,7vw,8rem);align-items:start}.dw-faq-head{position:sticky;top:9rem}.dw-faq-list{border-top:1px solid rgba(255,255,255,.08)}.dw-faq-list details{border-bottom:1px solid rgba(255,255,255,.08)}.dw-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.45rem .2rem;color:#dfe6e3;font:700 1rem var(--font-display)}.dw-faq-list summary::-webkit-details-marker{display:none}.dw-faq-list summary i{font-style:normal;color:var(--dw-jade);font:400 1.5rem/1 var(--font-display);transition:transform .3s}.dw-faq-list details[open] summary i{transform:rotate(45deg)}.dw-faq-list details p{max-width:820px;margin:0;padding:0 .2rem 1.5rem;color:#758184;font-size:.82rem;line-height:1.75}

/* FINAL */
.dw-final{position:relative;min-height:78svh;padding:8rem 0;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 50% 30%,rgba(0,214,162,.08),transparent 36%),#090d0f}.dw-final-grid-bg{opacity:.14}.dw-final-shell{position:relative;z-index:2;text-align:center;max-width:1160px}.dw-final h2{margin:1.4rem auto 1.5rem;font:900 clamp(3rem,6vw,6.8rem)/.92 var(--font-display);letter-spacing:-.065em;text-wrap:balance}.dw-final h2 span{color:var(--dw-jade);font-weight:300;font-style:italic}.dw-final p{max-width:820px;margin:0 auto;color:#7c888c;font-size:1rem;line-height:1.75}.dw-final .dw-actions{justify-content:center}

/* LIGHT */
html[data-theme="light"] .dw-page{background:#f3f5f2;color:#14211d}
html[data-theme="light"] .dw-page strong{color:#14211d}
html[data-theme="light"] .dw-hero{background:linear-gradient(180deg,#f5f7f5,#eef3ef 84%)}
html[data-theme="light"] .dw-grid-bg,html[data-theme="light"] .dw-final-grid-bg{background-image:linear-gradient(rgba(20,33,29,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,29,.055) 1px,transparent 1px)}
html[data-theme="light"] .dw-hero-copy h1,html[data-theme="light"] .dw-difference-card h3,html[data-theme="light"] .dw-product-card h3,html[data-theme="light"] .dw-flow-track h3,html[data-theme="light"] .dw-faq-list summary,html[data-theme="light"] .dw-final h2{color:#13211d}
html[data-theme="light"] .dw-lead,html[data-theme="light"] .dw-page .sec-intro,html[data-theme="light"] .dw-product-card>p,html[data-theme="light"] .dw-difference-card li,html[data-theme="light"] .dw-flow-track p,html[data-theme="light"] .dw-faq-list details p,html[data-theme="light"] .dw-final p{color:#5d6b66}
html[data-theme="light"] .dw-btn-ghost{border-color:rgba(20,33,29,.13);background:rgba(255,255,255,.62);color:#21312c}
html[data-theme="light"] .dw-hero-system,html[data-theme="light"] .dw-audit-terminal{color:#e7efeb}
html[data-theme="light"] .dw-hero-system strong,html[data-theme="light"] .dw-audit-terminal strong{color:#fff}
html[data-theme="light"] .dw-problem,html[data-theme="light"] .dw-implementation,html[data-theme="light"] .dw-flow,html[data-theme="light"] .dw-region,html[data-theme="light"] .dw-faq{background:#f3f5f2}
html[data-theme="light"] .dw-seo{background:linear-gradient(180deg,#eef3ef,#f3f5f2)}
html[data-theme="light"] .dw-audit{background:radial-gradient(circle at 75% 50%,rgba(0,168,125,.08),transparent 33%),#f3f5f2}
html[data-theme="light"] .dw-difference-card,html[data-theme="light"] .dw-product-card,html[data-theme="light"] .dw-check-grid,html[data-theme="light"] .dw-flow-track>article,html[data-theme="light"] .dw-city-grid>span{border-color:rgba(20,33,29,.1);background:rgba(255,255,255,.68);box-shadow:0 18px 45px rgba(55,75,67,.055)}
html[data-theme="light"] .dw-difference-card.is-kushim,html[data-theme="light"] .dw-city-grid>span:first-child,html[data-theme="light"] .dw-city-grid>a:first-child{border-color:rgba(0,168,125,.22);background:rgba(0,168,125,.045)}
html[data-theme="light"] .dw-product-card.is-commerce{border-color:rgba(150,120,40,.18);background:rgba(255,255,255,.7)}
html[data-theme="light"] .dw-card-index,html[data-theme="light"] .dw-product-top b,html[data-theme="light"] .dw-flow-track article>span{color:rgba(20,33,29,.07)}
html[data-theme="light"] .dw-product-price{border-color:rgba(20,33,29,.1)}
html[data-theme="light"] .dw-plan-note{background:rgba(0,168,125,.05);border-color:rgba(0,168,125,.18)}
html[data-theme="light"] .dw-plan-note p,html[data-theme="light"] .dw-seo-score p,html[data-theme="light"] .dw-region-note{color:#64716d}
html[data-theme="light"] .dw-seo-score{border-color:rgba(0,168,125,.2);background:radial-gradient(circle at 70% 15%,rgba(0,168,125,.08),transparent 34%),rgba(255,255,255,.63)}
html[data-theme="light"] .dw-check-grid>div{border-color:rgba(20,33,29,.08);background:rgba(255,255,255,.76)}
html[data-theme="light"] .dw-check-grid b,html[data-theme="light"] .dw-city-grid>span,html[data-theme="light"] .dw-city-grid>a{color:#17241f}
html[data-theme="light"] .dw-check-grid small,html[data-theme="light"] .dw-city-grid small{color:#68756f}
html[data-theme="light"] .dw-faq-list,html[data-theme="light"] .dw-faq-list details{border-color:rgba(20,33,29,.1)}
html[data-theme="light"] .dw-final{background:radial-gradient(circle at 50% 30%,rgba(0,168,125,.1),transparent 36%),#eef3ef}
html[data-theme="light"] .dw-breadcrumb strong{color:#53625c}

/* RESPONSIVE */
@media (max-width:1180px){
    .dw-hero-grid{grid-template-columns:1fr minmax(430px,.8fr);gap:3rem}
    .dw-flow-track{grid-template-columns:repeat(5,1fr);gap:.6rem}.dw-flow-track>i{display:none}
    .dw-flow-track>article{min-height:280px}
}
@media (max-width:900px){
    .dw-scene{min-height:auto;padding:6.5rem 0}
    .dw-hero{min-height:auto;padding:8.5rem 0 5rem}
    .dw-hero-grid,.dw-split-head,.dw-seo-board,.dw-audit-grid,.dw-region-grid,.dw-faq-grid{grid-template-columns:1fr}
    .dw-hero-system{min-height:560px}
    .dw-difference-grid,.dw-product-grid{grid-template-columns:1fr}
    .dw-product-card{min-height:auto}
    .dw-plan-note{grid-template-columns:1fr;gap:.7rem}
    .dw-plan-note a{white-space:normal}
    .dw-faq-head{position:static}
    .dw-flow-track{grid-template-columns:repeat(2,1fr)}
    .dw-flow-track>article:last-of-type{grid-column:1/-1;min-height:230px}
}
@media (max-width:620px){
    .dw-hero{padding:7.6rem 0 4rem}
    .dw-breadcrumb{margin-bottom:1.5rem}
    .dw-hero-copy h1{font-size:clamp(3rem,14vw,4.5rem)}
    .dw-lead{font-size:.96rem;line-height:1.7}
    .dw-actions{display:grid;grid-template-columns:1fr}.dw-actions .btn{width:100%;justify-content:center;text-align:center}
    .dw-local-proof{gap:.4rem .55rem;font-size:.58rem}
    .dw-hero-system{min-height:auto;padding:.9rem;border-radius:22px;margin-top:1rem}
    .dw-browser{max-width:100%}.dw-browser-content{min-height:150px;padding:1.4rem}.dw-browser-content strong{font-size:1.3rem}
    .dw-system-nodes{grid-template-columns:1fr}.dw-system-nodes article{min-height:auto}.dw-system-footer{flex-direction:column}
    .dw-difference-card,.dw-product-card,.dw-seo-score{padding:1.6rem;border-radius:21px}
    .dw-difference-card{min-height:auto}.dw-difference-card h3,.dw-product-card h3{font-size:2.35rem}
    .dw-card-index{right:1.2rem;top:1rem;font-size:3.2rem}
    .dw-check-grid{grid-template-columns:1fr;padding:.7rem;border-radius:20px}.dw-check-grid>div{min-height:88px}
    .dw-flow-track{grid-template-columns:1fr}.dw-flow-track>article,.dw-flow-track>article:last-of-type{grid-column:auto;min-height:210px}
    .dw-city-grid{grid-template-columns:1fr}.dw-city-grid>span,.dw-city-grid>a{min-height:105px}
    .dw-audit-terminal{padding:.9rem;border-radius:20px}.dw-terminal-score strong{font-size:3.7rem}.dw-audit-terminal li{grid-template-columns:28px 1fr}.dw-audit-terminal li b{grid-column:2}
    .dw-final{min-height:auto;padding:6.5rem 0}.dw-final h2{font-size:clamp(3rem,14vw,4.7rem)}
}
@media (prefers-reduced-motion:reduce){.dw-page *, .dw-page *::before,.dw-page *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* ============================================================
   KUSHIM 3.7 · VISUAL WOW / VALPARAÍSO HERO / SCENE RHYTHM
   ============================================================ */

/* HERO CINEMATOGRÁFICO: la fotografía es un elemento real del DOM
   para mejorar descubrimiento/LCP; el velo mantiene la identidad Kushim. */
.dw-hero{
    min-height:100svh;
    padding:clamp(7.8rem,9vh,9.5rem) 0 clamp(4.5rem,7vh,6.5rem);
    overflow:hidden;
    background:#07100f !important;
}
.dw-hero-photo{
    position:absolute;
    inset:-3%;
    width:106%;
    height:106%;
    object-fit:cover;
    object-position:50% 52%;
    z-index:-4;
    transform:translate3d(0,var(--dw-hero-shift,0px),0) scale(1.035);
    filter:saturate(.92) contrast(1.04) brightness(.72);
    will-change:transform;
}
.dw-hero-veil{
    position:absolute;
    inset:0;
    z-index:-3;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(3,10,10,.94) 0%,rgba(4,14,13,.82) 37%,rgba(3,12,13,.50) 63%,rgba(4,10,11,.72) 100%),
        linear-gradient(180deg,rgba(0,214,162,.08),transparent 28%,rgba(4,9,10,.50) 76%,#07100f 100%),
        radial-gradient(circle at 76% 22%,rgba(0,214,162,.22),transparent 31%),
        radial-gradient(circle at 14% 78%,rgba(212,185,104,.14),transparent 34%);
}
.dw-hero .dw-grid-bg{
    z-index:-2;
    opacity:.22;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 87%);
}
.dw-hero .dw-glow{z-index:-1;mix-blend-mode:screen;opacity:.38}
.dw-hero-shell{
    width:min(calc(100% - clamp(2rem,5vw,7rem)),1880px);
    max-width:none;
}
.dw-hero-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(470px,.8fr);
    gap:clamp(2.8rem,5vw,6.5rem);
}
.dw-hero-copy{max-width:1120px}
.dw-hero-copy h1{
    max-width:1120px;
    font-size:clamp(4rem,5.55vw,7.1rem);
    line-height:.89;
    letter-spacing:-.068em;
    text-wrap:pretty;
    text-shadow:0 8px 38px rgba(0,0,0,.26);
}
.dw-hero-copy h1 span{
    display:inline;
    color:#08e2ad;
    font-weight:400;
    font-style:italic;
}
.dw-hero .dw-lead{
    max-width:880px;
    color:rgba(229,239,235,.72);
    font-size:clamp(1.02rem,1.12vw,1.2rem);
    text-shadow:0 2px 18px rgba(0,0,0,.30);
}
.dw-hero .dw-lead strong{color:#fff}
.dw-hero .dw-breadcrumb a,.dw-hero .dw-breadcrumb strong{color:rgba(222,236,230,.64)}
.dw-hero .dw-breadcrumb span{color:rgba(0,214,162,.7)}
.dw-hero .dw-local-proof{color:rgba(224,235,231,.56)}
.dw-hero-system{
    min-height:575px;
    align-self:center;
    border-color:rgba(0,214,162,.30);
    background:radial-gradient(circle at 50% 29%,rgba(0,214,162,.15),transparent 34%),linear-gradient(145deg,rgba(11,18,18,.83),rgba(4,8,10,.90));
    backdrop-filter:blur(18px) saturate(1.12);
    -webkit-backdrop-filter:blur(18px) saturate(1.12);
    box-shadow:0 45px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055);
}
.dw-hero-scroll{
    position:absolute;
    left:50%;
    bottom:1.5rem;
    z-index:5;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.55rem;
    color:rgba(222,235,230,.52);
    text-decoration:none;
    font:500 .54rem/1 var(--font-mono);
    letter-spacing:.17em;
}
.dw-hero-scroll i{position:relative;width:1px;height:28px;background:rgba(255,255,255,.16);overflow:hidden}
.dw-hero-scroll i::after{content:"";position:absolute;left:0;top:-100%;width:1px;height:100%;background:var(--dw-jade);animation:dwScrollPulse 1.8s ease-in-out infinite}
@keyframes dwScrollPulse{0%{top:-100%}55%,100%{top:100%}}

/* RITMO ENTRE ESCENAS: cada bloque conserva Kushim, pero se siente distinto. */
.dw-problem{
    background:
        radial-gradient(circle at 82% 18%,rgba(0,214,162,.08),transparent 28%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 18px),
        #0a1011;
}
.dw-implementation{
    background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        radial-gradient(circle at 18% 74%,rgba(0,214,162,.085),transparent 29%),
        #101716;
    background-size:72px 72px,72px 72px,auto,auto;
}
.dw-seo{
    background:
        radial-gradient(circle at 50% 0%,rgba(0,214,162,.11),transparent 37%),
        linear-gradient(180deg,#0b1513 0%,#0d1112 100%);
}
.dw-seo::after{
    content:"";
    position:absolute;
    inset:6% 4%;
    z-index:-1;
    pointer-events:none;
    opacity:.17;
    background-image:radial-gradient(circle,rgba(0,214,162,.35) 1px,transparent 1.2px);
    background-size:22px 22px;
    mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
}
.dw-flow{
    background:
        linear-gradient(120deg,transparent 0 47%,rgba(0,214,162,.025) 47% 47.2%,transparent 47.2% 100%),
        radial-gradient(circle at 74% 52%,rgba(0,214,162,.06),transparent 31%),
        #080d0f;
}
.dw-audit{
    background:
        radial-gradient(circle at 79% 42%,rgba(212,185,104,.10),transparent 29%),
        radial-gradient(circle at 17% 72%,rgba(0,214,162,.045),transparent 27%),
        #10110f;
}
.dw-region{
    background:
        radial-gradient(circle at 74% 44%,transparent 0 110px,rgba(0,214,162,.045) 111px 112px,transparent 113px 185px,rgba(0,214,162,.035) 186px 187px,transparent 188px),
        radial-gradient(circle at 18% 12%,rgba(0,214,162,.08),transparent 32%),
        #0c1514;
}
.dw-faq{
    background:
        repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 32px),
        linear-gradient(180deg,#0a0f10,var(--ink));
}

/* FULL-BLEED SIGNAL STRIPS: contenido visible, útil y semántico. */
.dw-signal-strip{
    position:relative;
    width:100%;
    overflow:hidden;
    border-top:1px solid rgba(0,214,162,.18);
    border-bottom:1px solid rgba(0,214,162,.18);
    background:#07100f;
    color:#9eaaa6;
}
.dw-signal-strip::before,.dw-signal-strip::after{content:"";position:absolute;top:0;bottom:0;width:min(10vw,160px);z-index:2;pointer-events:none}
.dw-signal-strip::before{left:0;background:linear-gradient(90deg,#07100f,transparent)}
.dw-signal-strip::after{right:0;background:linear-gradient(-90deg,#07100f,transparent)}
.dw-signal-strip.is-local{background:#0e1513;border-color:rgba(212,185,104,.16)}
.dw-signal-strip.is-local::before{background:linear-gradient(90deg,#0e1513,transparent)}
.dw-signal-strip.is-local::after{background:linear-gradient(-90deg,#0e1513,transparent)}
.dw-signal-track{
    display:flex;
    width:max-content;
    min-width:200%;
    animation:dwTicker 34s linear infinite;
}
.dw-signal-track.is-reverse{animation-direction:reverse;animation-duration:38s}
.dw-signal-track p{
    flex:0 0 auto;
    margin:0;
    padding:1.15rem 2.2rem;
    white-space:nowrap;
    font:600 .68rem/1 var(--font-mono);
    letter-spacing:.095em;
    text-transform:uppercase;
}
.dw-signal-track strong{color:#dce7e2;font-weight:700}
.dw-signal-track i{margin:0 .75rem;color:var(--dw-jade);font-style:normal}
.dw-signal-strip.is-local .dw-signal-track i{color:var(--dw-gold)}
@keyframes dwTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* STAGGERED INTERSECTION REVEALS */
.dw-motion-ready .dw-stagger > *{
    opacity:0;
    transform:translate3d(0,28px,0) scale(.988);
    filter:blur(7px);
    transition:
        opacity .72s cubic-bezier(.2,.7,.2,1),
        transform .82s cubic-bezier(.2,.7,.2,1),
        filter .72s ease;
    transition-delay:var(--dw-stagger-delay,0ms);
}
.dw-motion-ready .dw-stagger.is-inview > *{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
}
.dw-motion-ready .dw-hero-system.dw-stagger > *{transform:translate3d(24px,0,0) scale(.99)}
.dw-motion-ready .dw-hero-system.dw-stagger.is-inview > *{transform:translate3d(0,0,0) scale(1)}

/* Profundidad en cards al entrar/hover, sin volver la página un parque de efectos. */
.dw-difference-card,.dw-product-card,.dw-flow-track>article,.dw-city-grid>span,.dw-check-grid>div{
    transition:border-color .32s ease,background-color .32s ease,transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease;
}
@media (hover:hover){
    .dw-difference-card:hover,.dw-product-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(0,0,0,.22)}
    .dw-flow-track>article:hover,.dw-city-grid>span:hover,.dw-check-grid>div:hover{transform:translateY(-4px);border-color:rgba(0,214,162,.22)}
}

/* LIGHT: el Hero se mantiene cinematográfico; las demás escenas tienen ritmo propio. */
html[data-theme="light"] .dw-hero{background:#07100f !important;color:#fff}
html[data-theme="light"] .dw-hero .dw-hero-copy h1{color:#fff}
html[data-theme="light"] .dw-hero .dw-hero-copy h1 span{color:#08e2ad}
html[data-theme="light"] .dw-hero .dw-lead{color:rgba(229,239,235,.72)}
html[data-theme="light"] .dw-hero .dw-lead strong{color:#fff}
html[data-theme="light"] .dw-hero .dw-btn-ghost{border-color:rgba(255,255,255,.18);background:rgba(4,10,10,.28);color:#e7efec}
html[data-theme="light"] .dw-hero .dw-grid-bg{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
html[data-theme="light"] .dw-problem{background:radial-gradient(circle at 82% 18%,rgba(0,168,125,.08),transparent 28%),repeating-linear-gradient(135deg,rgba(20,33,29,.018) 0 1px,transparent 1px 18px),#eef3ef}
html[data-theme="light"] .dw-implementation{background:linear-gradient(rgba(20,33,29,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,29,.025) 1px,transparent 1px),radial-gradient(circle at 18% 74%,rgba(0,168,125,.085),transparent 29%),#f6f7f3;background-size:72px 72px,72px 72px,auto,auto}
html[data-theme="light"] .dw-seo{background:radial-gradient(circle at 50% 0%,rgba(0,168,125,.10),transparent 37%),linear-gradient(180deg,#e7f1ec,#f5f6f2)}
html[data-theme="light"] .dw-flow{background:linear-gradient(120deg,transparent 0 47%,rgba(0,168,125,.03) 47% 47.2%,transparent 47.2% 100%),radial-gradient(circle at 74% 52%,rgba(0,168,125,.08),transparent 31%),#edf2ee}
html[data-theme="light"] .dw-audit{background:radial-gradient(circle at 79% 42%,rgba(170,135,49,.08),transparent 29%),radial-gradient(circle at 17% 72%,rgba(0,168,125,.07),transparent 27%),#f7f5ed}
html[data-theme="light"] .dw-region{background:radial-gradient(circle at 74% 44%,transparent 0 110px,rgba(0,168,125,.055) 111px 112px,transparent 113px 185px,rgba(0,168,125,.04) 186px 187px,transparent 188px),radial-gradient(circle at 18% 12%,rgba(0,168,125,.08),transparent 32%),#edf4f0}
html[data-theme="light"] .dw-faq{background:repeating-linear-gradient(0deg,rgba(20,33,29,.018) 0 1px,transparent 1px 32px),linear-gradient(180deg,#f6f7f3,#eef3ef)}
html[data-theme="light"] .dw-signal-strip{background:#0a1211;color:#94a39d}
html[data-theme="light"] .dw-signal-strip::before{background:linear-gradient(90deg,#0a1211,transparent)}
html[data-theme="light"] .dw-signal-strip::after{background:linear-gradient(-90deg,#0a1211,transparent)}
html[data-theme="light"] .dw-signal-strip.is-local{background:#111612}
html[data-theme="light"] .dw-signal-strip.is-local::before{background:linear-gradient(90deg,#111612,transparent)}
html[data-theme="light"] .dw-signal-strip.is-local::after{background:linear-gradient(-90deg,#111612,transparent)}
html[data-theme="light"] .dw-signal-track strong{color:#ecf3ef}

/* HERO / TABLET */
@media (max-width:1400px){
    .dw-hero-shell{width:min(calc(100% - 4rem),1500px)}
    .dw-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(450px,.82fr);gap:3.2rem}
    .dw-hero-copy h1{font-size:clamp(3.8rem,5.35vw,6.2rem)}
    .dw-hero-system{min-height:540px}
}
@media (max-width:1080px){
    .dw-hero{min-height:auto;padding-top:8.4rem}
    .dw-hero-shell{width:min(calc(100% - 3rem),1040px)}
    .dw-hero-grid{grid-template-columns:1fr;gap:3rem}
    .dw-hero-copy{max-width:900px}
    .dw-hero-copy h1{max-width:900px;font-size:clamp(4rem,8vw,6rem)}
    .dw-hero-system{max-width:780px;width:100%;margin-left:auto;margin-right:auto}
    .dw-hero-scroll{display:none}
}
@media (max-width:760px){
    .dw-hero{min-height:100svh;padding:7.1rem 0 3.4rem;align-items:center}
    .dw-hero-shell{width:calc(100% - 2.4rem)}
    .dw-hero-photo{inset:-4%;width:108%;height:108%;object-position:70% 50%;filter:saturate(.9) contrast(1.04) brightness(.62)}
    .dw-hero-veil{background:linear-gradient(180deg,rgba(2,8,8,.80) 0%,rgba(3,11,10,.72) 42%,rgba(4,9,10,.91) 100%),radial-gradient(circle at 65% 30%,rgba(0,214,162,.16),transparent 36%)}
    .dw-hero-copy h1{font-size:clamp(3rem,13.7vw,4.8rem);line-height:.91;letter-spacing:-.062em}
    .dw-hero-copy h1 span{display:block}
    .dw-hero .dw-lead{font-size:.95rem;line-height:1.66;max-width:36rem}
    .dw-hero-system{display:none}
    .dw-local-proof{max-width:31rem}
    .dw-signal-track p{padding:1rem 1.25rem;font-size:.59rem}
    .dw-signal-track i{margin:0 .55rem}
}
@media (max-width:420px){
    .dw-hero-shell{width:calc(100% - 2rem)}
    .dw-hero-copy h1{font-size:clamp(2.8rem,13.2vw,4rem)}
    .dw-local-proof{font-size:.54rem}
}

@media (prefers-reduced-motion:reduce){
    .dw-signal-track{animation:none!important}
    .dw-motion-ready .dw-stagger > *{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
    .dw-hero-photo{transform:scale(1.035)!important}
    .dw-hero-scroll i::after{animation:none!important}
}