/* Dibujos animados: escenas de «Lo construido», órbita del growth partner y curva del cierre. */
/* ---- Escenas de «Lo construido» ---- */
.scope-illustration.dw-host{background:linear-gradient(135deg,#eaf1fb,#dfeafa)!important}
.scope-illustration.dw-host:hover{background:linear-gradient(135deg,#e2ecfb,#d3e3fb)!important}
.dw{position:absolute;inset:6px 8px;width:calc(100% - 16px);height:calc(100% - 12px)}
.dw *{vector-effect:non-scaling-stroke}
.dw .dw-frame{fill:#fff;stroke:#020B1A;stroke-width:1.4;stroke-linejoin:round}
.dw .dw-bar-top{stroke:#020B1A;stroke-width:1.2}
.dw circle{fill:#9fb4d4}
.dw-col{fill:#1E6FD9;transform-box:fill-box;transform-origin:bottom;transform:scaleY(calc(var(--h)/32))}
.slide.active .dw-col{animation:dwbar 3.6s calc(var(--i)*.12s) var(--ease) infinite}
@keyframes dwbar{0%{transform:scaleY(.08)}30%,85%{transform:scaleY(calc(var(--h)/32))}100%{transform:scaleY(.08)}}
.dw-trend{fill:none;stroke:#13a36b;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110}
.slide.active .dw-trend{animation:dwdraw 3.6s .4s ease-out infinite}
@keyframes dwdraw{0%{stroke-dashoffset:110}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:110}}
.dw .dw-tip{fill:#13a36b;opacity:0}.slide.active .dw-tip{animation:dwtip 3.6s .4s infinite}
@keyframes dwtip{0%,40%{opacity:0;r:1}50%,85%{opacity:1;r:3.5}100%{opacity:0}}
.dw-line{stroke:#1E6FD9;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:40}
.slide.active .dw-line{animation:dwline 4s calc(var(--i)*.25s) ease-out infinite}
@keyframes dwline{0%{stroke-dashoffset:40}25%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:40}}
.dw .dw-ring-bg{fill:none;stroke:#c9d8ee;stroke-width:5}
.dw .dw-ring{fill:none;stroke:#13a36b;stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:158px 32px}
.slide.active .dw-ring{animation:dwring 4s .3s var(--ease) infinite}
@keyframes dwring{0%{stroke-dashoffset:100}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
.dw-check,.dw-pop-check{fill:none;stroke:#13a36b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.slide.active .dw-doc .dw-check{animation:dwfade 4s .3s infinite}
@keyframes dwfade{0%,42%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
.dw-win{fill:#dbe5f4;stroke:#020B1A;stroke-width:.8}
.slide.active .dw-win{animation:dwlit 6s calc(var(--i)*.28s) infinite}
.slide.active .dw-win.sold{animation-name:dwsold}
@keyframes dwlit{0%,8%{fill:#dbe5f4}14%,88%{fill:#3DDC97}100%{fill:#dbe5f4}}
@keyframes dwsold{0%,8%{fill:#dbe5f4}14%,40%{fill:#3DDC97}48%,88%{fill:#FF5C6C}100%{fill:#dbe5f4}}
.dw-colbox{fill:#fff;stroke:#c3d2e8;stroke-width:1}
.dw-colhead{stroke:#9fb4d4;stroke-width:2.4;stroke-linecap:round}.dw-colhead.ok{stroke:#13a36b}
.dw-card-s{fill:#eef3fa;stroke:#c3d2e8}
.dw-card rect{fill:#1E6FD9}.dw-card path{stroke:#fff;stroke-width:2;stroke-linecap:round}
.slide.active .dw-card{animation:dwcard 4.8s var(--ease) infinite}
@keyframes dwcard{0%,12%{transform:translate(0,0)}35%,50%{transform:translate(42px,-16px)}72%,92%{transform:translate(84px,0)}100%{transform:translate(0,0)}}
.slide.active .dw-card rect{animation:dwcardc 4.8s infinite}
@keyframes dwcardc{0%,65%{fill:#1E6FD9}72%,92%{fill:#13a36b}100%{fill:#1E6FD9}}
.dw-dash{fill:none;stroke:#9fb4d4;stroke-width:1.4;stroke-dasharray:4 4}
.dw-env rect{fill:#fff;stroke:#1E6FD9;stroke-width:1.6}.dw-env path{fill:none;stroke:#1E6FD9;stroke-width:1.4}
.dw-env{transform:translate(66px,44px)}
.slide.active .dw-env{animation:dwfly 3.4s ease-in-out infinite}
@keyframes dwfly{0%{transform:translate(66px,44px) scale(1);opacity:1}25%{transform:translate(88px,26px)}50%{transform:translate(117px,15px)}75%{transform:translate(146px,20px) scale(.9)}88%{transform:translate(170px,38px) scale(.5);opacity:1}92%,100%{transform:translate(170px,38px) scale(.3);opacity:0}}
.dw .dw-pop{fill:#fff;stroke:#13a36b;stroke-width:1.6;opacity:0}
.slide.active .dw-mail :is(.dw-pop,.dw-pop-check){animation:dwpop 3.4s infinite}
@keyframes dwpop{0%,86%{opacity:0}90%,100%{opacity:1}}
.dw-mod{fill:#020B1A;opacity:0}
.slide.active .dw-mod{animation:dwmod 4.4s calc(var(--i)*.03s) infinite}
@keyframes dwmod{0%,4%{opacity:0}12%,92%{opacity:1}100%{opacity:0}}
.dw-scan{stroke:#13a36b;stroke-width:2;opacity:0}
.slide.active .dw-scan{animation:dwscan 4.4s infinite}
@keyframes dwscan{0%,38%{opacity:0;transform:translateY(0)}42%{opacity:1}68%{opacity:1;transform:translateY(38px)}72%,100%{opacity:0;transform:translateY(38px)}}
.slide.active .dw-qr :is(.dw-pop,.dw-pop-check){animation:dwpopq 4.4s infinite}
@keyframes dwpopq{0%,70%{opacity:0}76%,94%{opacity:1}100%{opacity:0}}

/* ---- Órbita del growth partner ---- */
#pagos .payment-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,38%);column-gap:clamp(14px,2vw,28px);align-content:center}
#pagos .payment-detail>*:not(.dw-orbit-wrap){grid-column:1}
#pagos .payment-detail .pay-icon{display:none}
.dw-orbit-wrap{grid-column:2;grid-row:1/span 6;align-self:center;position:relative}
.dw-orbit{display:block;width:100%;height:auto;max-height:min(34vh,260px);overflow:visible}
.or-ring{fill:none;stroke:#13866E40;stroke-width:1.2;stroke-dasharray:3 5}
.or-ring2{fill:none;stroke:#13866E1c;stroke-width:1}
.or-spin{transform-origin:110px 110px}.slide.active .or-spin{animation:orspin 7s linear infinite}
@keyframes orspin{to{transform:rotate(360deg)}}
.or-sat{fill:#13866E}
.or-beam{stroke:#13B597;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 7}
.slide.active .or-beam{animation:orbeam .9s linear infinite}
@keyframes orbeam{to{stroke-dashoffset:-11}}
.or-node circle{fill:#fff;stroke:#13866E66;stroke-width:1.3}
.or-node svg{color:#13866E;opacity:.75}
.or-node.on circle{fill:#13866E;stroke:#13866E}.or-node.on svg{color:#fff;opacity:1}
.or-node.on{transform-box:fill-box;transform-origin:center}
.slide.active .or-node.on{animation:ornode 2.4s ease-in-out infinite}
@keyframes ornode{0%,100%{filter:drop-shadow(0 0 0 #13B59700)}50%{filter:drop-shadow(0 0 10px #13B597aa)}}
.or-core{fill:#062421}
.or-core-glow{fill:#13B59722;transform-origin:110px 110px}
.slide.active .or-core-glow{animation:orglow 2.4s ease-in-out infinite}
@keyframes orglow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}
.dw-orbit text{font:700 17px 'Space Grotesk',sans-serif;fill:#fff;letter-spacing:-.02em}
.dw-orbit text.or-small{font:600 9.5px Inter,sans-serif;fill:#6FE3C8;letter-spacing:.04em}
.payment-detail.swap .dw-orbit-wrap{animation:orswap .5s var(--ease)}
@keyframes orswap{from{opacity:.4;transform:scale(.96) rotate(-6deg)}to{opacity:1;transform:none}}

/* ---- Curva del cierre ---- */
.climb{position:relative;height:clamp(54px,9vh,96px);margin:0 0 -6px}
.climb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.climb-area{fill:url(#climb-f);opacity:0}
.slide.active .climb-area{animation:clarea 1.2s 1.6s ease forwards}
@keyframes clarea{to{opacity:1}}
.climb-line{fill:none;stroke:url(#climb-g);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100}
.slide.active .climb-line{animation:cldraw 2.2s .3s var(--ease) forwards}
@keyframes cldraw{to{stroke-dashoffset:0}}
.climb i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#0B3A3A;border:2px solid #6FE3C8;opacity:0;transform:scale(.3)}
.slide.active .climb i{animation:cldot .5s calc(.5s + var(--i)*.42s) var(--ease) forwards}
.climb i:last-of-type{background:#6FE3C8;box-shadow:0 0 0 6px #6FE3C833,0 0 24px #6FE3C8}
@keyframes cldot{to{opacity:1;transform:none}}
.slide.active .climb i:last-of-type{animation:cldot .5s 2.2s var(--ease) forwards,clpulse 2s 2.8s ease-in-out infinite}
@keyframes clpulse{0%,100%{box-shadow:0 0 0 6px #6FE3C833,0 0 24px #6FE3C8}50%{box-shadow:0 0 0 14px #6FE3C800,0 0 36px #6FE3C8}}

@media(max-width:900px){.climb{display:none}#pagos .payment-detail{grid-template-columns:1fr}.dw-orbit-wrap{grid-column:1;grid-row:auto;max-width:240px;margin:6px auto 0}}
.motion-paused :is(.dw *,.dw-orbit *,.climb *),.motion-paused .dw-orbit-wrap{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:is(.dw *,.dw-orbit *){animation:none!important}.dw-trend,.dw-line,.dw-ring{stroke-dashoffset:0}.dw-mod,.dw-check,.dw-tip{opacity:1}.climb-line{animation:none!important;stroke-dashoffset:0}.climb-area,.climb i{animation:none!important;opacity:1;transform:none}}
.scope-illustration.dw-host{height:clamp(64px,11vh,108px)}
#pagos .payment-detail .pay-meta{margin-top:16px}
.climb{margin-top:-30px}
@media(max-height:800px) and (min-width:901px){.climb{height:48px;margin-top:-34px}.scope-illustration.dw-host{height:64px}}

/* ---- Intro: el logo se traza en luz ---- */
.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:22px;background:radial-gradient(ellipse at 50% 45%,#0a2347,#020B1A 65%);transition:opacity .6s ease}
.intro.out{opacity:0;pointer-events:none}
.intro svg{width:min(46vw,300px);overflow:visible;filter:drop-shadow(0 0 18px #5DB2FF88)}
.intro path{fill:#fff;fill-opacity:0;stroke:#5DB2FF;stroke-width:.45;stroke-dasharray:1;stroke-dashoffset:1;animation:introdraw 1.5s .1s cubic-bezier(.6,.1,.3,1) forwards,introfill .5s 1.5s ease forwards}
@keyframes introdraw{to{stroke-dashoffset:0}}
@keyframes introfill{to{fill-opacity:1;stroke:#fff}}
.intro-line{display:block;height:2px;width:min(60vw,420px);background:linear-gradient(90deg,transparent,#6FE3C8,#5DB2FF,transparent);transform:scaleX(0);animation:introline .8s 1.4s var(--ease) forwards}
@keyframes introline{to{transform:scaleX(1)}}
.intro-sign{font:600 clamp(14px,1.3vw,18px) 'Space Grotesk',sans-serif;letter-spacing:.06em;color:#cfe3ff;opacity:0;transform:translateY(8px);animation:introsign .6s 1.75s var(--ease) forwards}
@keyframes introsign{to{opacity:1;transform:none}}

/* ---- Tres fases ---- */
.phases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,44px)}
.phase{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(16px,1.8vw,24px);border-radius:22px;background:#fff;border:1px solid #020B1A14;box-shadow:0 18px 50px #02142a12;opacity:0}
.slide.active .phase{animation:rise .8s calc(.2s + var(--i)*.22s) var(--ease) both}
.phase-propuesta{border:1.5px dashed #1E6FD9aa;background:linear-gradient(180deg,#f3f8ff,#fff)}
.ph-art{width:100%;height:clamp(90px,15vh,150px);margin-bottom:4px;border-radius:14px;background:linear-gradient(180deg,#e9f1fb,#f6f9fd)}
.ph-ground{stroke:#9fb4d4;stroke-width:1.5}
.ph-bld{fill:#fff;stroke:#020B1A;stroke-width:1.6;stroke-linejoin:round}
.ph-win{fill:#e1e8f2;stroke:#9fb4d4;stroke-width:.8}
.ph-1 .ph-bld{stroke-dasharray:4 3}
.ph-coin{fill:#F2B544;stroke:#c98a12;stroke-width:1;opacity:0}
.slide.active .ph-coin{animation:phcoin 3.6s calc(var(--i)*.35s) ease-in infinite}
@keyframes phcoin{0%{opacity:0;transform:translateY(0)}10%{opacity:1}45%{opacity:1;transform:translateY(26px)}52%,100%{opacity:0;transform:translateY(28px)}}
.ph-debt rect{fill:#FF5C6C}.ph-own rect{fill:#13a36b}
.ph-1 text{font:700 10px Inter,sans-serif;fill:#fff}
.ph-own{opacity:0}
.slide.active .ph-debt{animation:phdebt 3.6s infinite}.slide.active .ph-own{animation:phown 3.6s infinite}
@keyframes phdebt{0%,50%{opacity:1}60%,92%{opacity:0}100%{opacity:1}}
@keyframes phown{0%,50%{opacity:0}60%,92%{opacity:1}100%{opacity:0}}
.ph-pack{stroke:#020B1A;stroke-width:.8;fill:#e1e8f2}
.slide.active .ph-pack{animation:phpack 5s calc(var(--i)*.12s) infinite}
.ph-pack.p0{--c:#1E6FD9}.ph-pack.p1{--c:#5DB2FF}.ph-pack.p2{--c:#13866E}.ph-pack.p3{--c:#6FE3C8}
@keyframes phpack{0%,6%{fill:#e1e8f2}14%,88%{fill:var(--c)}100%{fill:#e1e8f2}}
.ph-lit{fill:#e1e8f2;stroke:#9fb4d4;stroke-width:.8}
.slide.active .ph-lit{animation:phlit 5s calc(var(--i)*.22s) infinite}
@keyframes phlit{0%,8%{fill:#e1e8f2}16%,88%{fill:#FFD27A}100%{fill:#e1e8f2}}
.ph-door{fill:#1E6FD9}
.ph-tree{fill:#3DDC9755;stroke:#13a36b;stroke-width:1.4}
.phase-tag{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#1E6FD9}
.phase h3{font:600 clamp(19px,1.6vw,24px)/1.2 'Space Grotesk',sans-serif;color:#020B1A}
.phase p{font-size:14px;line-height:1.5;color:#52617b}
.phase-meta{display:grid;gap:6px;margin-top:4px}
.phase-meta span{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600;color:#020B1A}
.phase-meta svg{width:17px;height:17px;flex:0 0 17px;color:#1E6FD9}
.phase em{align-self:flex-start;margin-top:auto;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:20px;background:#13a36b1f;color:#0f7a51}
.phase-propuesta em{background:#1E6FD91c;color:#1E6FD9}
.phase-arrow{position:absolute;right:calc(-1*clamp(18px,2.6vw,44px));top:clamp(60px,9vh,95px);width:clamp(18px,2.6vw,44px);height:2px;background:repeating-linear-gradient(90deg,#1E6FD9 0 6px,transparent 6px 11px);background-size:22px 2px}
.phase-arrow:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #1E6FD9;border-right:0}
.slide.active .phase-arrow{animation:pharrow .8s linear infinite}
@keyframes pharrow{to{background-position:22px 0}}
@media(max-height:800px) and (min-width:901px){.ph-art{height:84px}.phase{gap:6px;padding:14px 16px}.phase p{font-size:13px}}
@media(max-width:900px){.phases{grid-template-columns:1fr;gap:16px}.phase-arrow{display:none}}
.motion-paused :is(.ph-art *,.phase-arrow){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ph-art *,.phase-arrow{animation:none!important}.phase{animation:none!important;opacity:1}.ph-own{opacity:0}}
.motion-paused .phase{animation:none!important;opacity:1}

/* ---- Fase 1 · Origen ---- */
.origin{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(18px,3vw,48px);align-items:start}
.oc-args{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.oc-args li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff1a;opacity:0}
.slide.active .oc-args li{animation:rise .7s calc(.2s + var(--i)*.14s) var(--ease) both}
.oc-args span{font:700 clamp(20px,1.7vw,26px)/1 'Space Grotesk',sans-serif;color:#5DB2FF;min-width:34px}
.oc-args p{font:600 clamp(15px,1.15vw,18px)/1.4 'Space Grotesk',sans-serif;color:#fff;margin:0}
.oc-args svg{width:24px;height:24px;flex:0 0 24px;margin-top:2px}
.oc-args .oc-risk{background:#FF5C6C12;border-color:#FF5C6C55}.oc-risk svg{color:#FF8A96}
.oc-args .oc-reg{background:#3DDC9712;border-color:#3DDC9755}.oc-reg svg{color:#7FF0BE}
.oc-args .oc-risk p,.oc-args .oc-reg p{font:400 14.5px/1.5 Inter,sans-serif;color:#d6e2f3}
.oc-args li b{font-weight:600;color:#fff}
.oc-side{display:grid;gap:14px}
.oc-casc{position:relative;display:grid;gap:8px;padding:18px 18px 18px 30px;border-radius:20px;background:linear-gradient(160deg,#0b2244,#06142a);border:1px solid #5DB2FF33}
.oc-k{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6FE3C8;margin-bottom:4px}
.oc-tap{position:absolute;left:14px;top:46px;bottom:22px;width:3px;border-radius:3px;background:#ffffff14;overflow:hidden}
.oc-tap:after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(#5DB2FF,#6FE3C8);transform:scaleY(0);transform-origin:top}
.slide.active .oc-tap:after{animation:octap 5s .4s ease-in-out infinite}
@keyframes octap{0%{transform:scaleY(0)}60%,90%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.oc-lv{position:relative;overflow:hidden;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff14}
.oc-lv i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff14;font:700 15px 'Space Grotesk',sans-serif;font-style:normal;color:#fff;position:relative;z-index:1}
.oc-lv b{display:block;font:600 15px 'Space Grotesk',sans-serif;color:#fff;position:relative;z-index:1}
.oc-lv span{display:block;font-size:12.5px;color:#9fb2cf;position:relative;z-index:1}
.oc-fill{position:absolute;inset:0;background:linear-gradient(90deg,#6FE3C844,#5DB2FF22);transform:scaleX(0);transform-origin:left}
.slide.active .oc-fill{animation:ocfill 5s calc(.4s + var(--i)*.75s) ease-in-out infinite}
.oc-lv:last-child .oc-fill{background:linear-gradient(90deg,#ffffff22,transparent)}
@keyframes ocfill{0%{transform:scaleX(0)}15%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.oc-lv:first-of-type i{background:#6FE3C8;color:#04161B}
.oc-browser{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:#020B1A;border:1px solid #5DB2FF44}
.oc-dots{display:flex;gap:5px}.oc-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff2a}
.oc-url{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:#ffffff0d;font:600 14px Inter,sans-serif;color:#cfe3ff}
.oc-url svg{width:16px;height:16px;color:#6FE3C8}
.oc-browser b{font:500 13px Inter,sans-serif;color:#9fb2cf}
.oc-ask{margin-top:clamp(14px,2.4vh,26px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 20px;border-radius:16px;background:#F2B54414;border:1px dashed #F2B544aa}
.oc-ask span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#FFD27A;font-weight:600;margin-right:4px}
.oc-ask b{font:600 clamp(14px,1.1vw,17px) 'Space Grotesk',sans-serif;color:#fff}.oc-ask i{color:#FFD27A;font-style:normal}
@media(max-height:800px) and (min-width:901px){.oc-args li{padding:10px 14px}.oc-args p{font-size:15px}.oc-args .oc-risk p,.oc-args .oc-reg p{font-size:13px}.oc-lv{padding:7px 10px}.oc-casc{gap:6px;padding:14px 14px 14px 28px}.oc-browser{padding:10px 14px}}
@media(max-width:900px){.origin{grid-template-columns:1fr}}
.motion-paused .oc-fill,.motion-paused .oc-tap:after{animation-play-state:paused!important}.motion-paused .oc-args li{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.oc-args li{animation:none!important;opacity:1}.oc-fill{animation:none!important;transform:none}}
.oc-args{grid-template-columns:1fr 1fr}.oc-args li:not(.oc-risk):not(.oc-reg){grid-column:1/-1}
#origen .section-head{margin-bottom:clamp(14px,2.4vh,30px)}
@media(max-width:900px){.oc-args{grid-template-columns:1fr}}
.oc-side .oc-ask{margin:0;display:grid;gap:6px;padding:14px 18px}
.oc-side .oc-ask b{display:flex;gap:8px;align-items:center}.oc-side .oc-ask b:before{content:"?";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#F2B54433;color:#FFD27A;font-size:12px}
@media(max-height:800px) and (min-width:901px){#origen .section-head{margin-bottom:12px}#origen .section-head .lead{font-size:14px;line-height:1.5}#origen h2{font-size:clamp(32px,3.6vw,48px)}.oc-args{gap:7px}.oc-args li{padding:8px 12px}.oc-args p{font-size:14px}.oc-lv{padding:5px 10px}.oc-lv i{width:28px;height:28px}.oc-side{gap:10px}.oc-side .oc-ask{padding:10px 14px;gap:4px}}

/* ---- Ecoesfera que flota y lanza cosas ---- */
.slide.active .ecos-sphere{animation:ecofloat 6.5s ease-in-out infinite}
@keyframes ecofloat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-9px) rotate(-1.2deg)}50%{transform:translateY(-2px) rotate(.4deg)}75%{transform:translateY(-12px) rotate(1deg)}}
.slide.active .ecos-floor{animation:ecofloor 6.5s ease-in-out infinite}
@keyframes ecofloor{0%,100%{opacity:1;transform:scale(1)}75%{opacity:.7;transform:scale(.9)}}
.ecos-pop{position:absolute;left:var(--x);top:var(--y);z-index:6;pointer-events:none;white-space:nowrap;padding:5px 10px;border-radius:20px;background:#6FE3C8;color:#04161B;font:700 12px 'Space Grotesk',sans-serif;box-shadow:0 0 18px #6FE3C8aa;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:ecopop 2.2s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes ecopop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.9)}}
.motion-paused .ecos-sphere,.motion-paused .ecos-floor{animation:none!important}
@media(prefers-reduced-motion:reduce){.ecos-sphere,.ecos-floor{animation:none!important}.ecos-pop{display:none}}
.eco-wrap{overflow-x:clip;overflow-y:visible}