.method-page{max-width:1220px;margin:auto;padding:64px 24px 40px;color:#e2e8f0}.method-heading{text-align:center;max-width:920px;margin:0 auto 70px}.method-eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.18em;color:#67e8f9}.method-heading h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.13;letter-spacing:-.045em;font-weight:800;margin:22px 0}.method-heading h1 span{background:linear-gradient(100deg,#34d399,#38bdf8,#c084fc);color:transparent;background-clip:text}.method-heading>p{max-width:620px;margin:auto;color:#a9bbd0;line-height:1.8;font-size:1.05rem}.method-heading-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}.method-page a,.method-page button{min-height:44px}.method-heading-actions a,.method-heading-actions button{font:inherit;font-size:.85rem;border:1px solid #475569;border-radius:30px;padding:12px 18px;background:#162235;color:#e2e8f0;cursor:pointer;text-decoration:none}.method-page :is(a,button):focus-visible{outline:3px solid #67e8f9;outline-offset:4px}.method-page [hidden]{display:none!important}.method-journey{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;position:relative;scroll-margin-top:100px}.method-compass{position:sticky;top:105px;align-self:start;padding-top:30px}.method-compass>strong{display:block;font-size:5rem;font-weight:750;color:#67e8f9;line-height:1.15;margin:14px 0;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.method-compass strong small{font-size:1.2rem;color:#64748b;letter-spacing:0}.method-compass h2{font-weight:750;font-size:1.2rem;min-height:3em}.method-compass>p{font-size:.85rem;color:#9bafc7;line-height:1.7;margin:8px 0 20px}.method-progress{height:3px;background:#334155;border-radius:3px;overflow:hidden}.method-progress>span{display:block;background:linear-gradient(90deg,#38bdf8,#34d399);height:100%;width:100%;transform:scaleX(.125);transform-origin:left;transition:transform .3s}.method-compass nav{display:grid;gap:3px;margin-top:20px}.method-compass nav a{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#94a3b8;border-radius:9px;padding:8px;text-decoration:none}.method-compass nav a span{font-size:.65rem;color:#64748b}.method-compass nav a[aria-current="step"]{background:#38bdf811;color:#67e8f9}.method-helix-stage{position:relative;min-width:0;perspective:1400px}.method-helix-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#38bdf83b;stroke-width:1.3;pointer-events:none;filter:drop-shadow(0 0 6px #38bdf833)}.method-helix-thread path:last-child{stroke:#34d39928;stroke-dasharray:5 10}.method-helix-list{list-style:none;margin:0;padding:0;position:relative}.method-helix-slot{min-height:440px;display:flex;align-items:center;perspective:1400px;scroll-margin-top:140px;padding:35px 8px}.method-helix-card{width:100%;position:relative;padding:28px;border:1px solid color-mix(in srgb,var(--step-color) 35%,#334155);border-radius:24px;background:linear-gradient(130deg,color-mix(in srgb,var(--step-color) 5%,#162235),#172235);box-shadow:0 24px 45px #02061755,0 1px 0 #ffffff0d inset;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:50% 50%;overflow-wrap:anywhere}.method-card-top{display:flex;align-items:center;gap:12px;color:#9bafc7;font-size:.75rem;margin-bottom:18px}.method-card-number{font-size:1.3rem;font-weight:750;color:var(--step-color);font-variant-numeric:tabular-nums}.method-card-top i{margin-left:auto;color:var(--step-color);font-size:1.7rem}.method-helix-card h2{font-weight:750;font-size:clamp(1.3rem,2.2vw,1.65rem);margin-bottom:12px;line-height:1.25;letter-spacing:-.02em}.method-helix-card>p{color:#b6c5d8;line-height:1.8;font-size:.92rem}.method-card-benefit{border-left:2px solid var(--step-color);padding:0 0 0 13px;margin:22px 0 15px}.method-card-benefit>span{font-size:.6rem;color:var(--step-color);letter-spacing:.14em;font-weight:750}.method-card-benefit p{font-size:.88rem;margin:5px 0 0}.method-helix-card>small{display:block;font-size:.72rem;line-height:1.7;color:#92a5bb}.method-benefits{margin:85px auto 0;position:relative}.method-benefits>h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:750;letter-spacing:-.04em;margin:12px 0 28px}.method-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-benefits article{padding:24px;border:1px solid #334155;border-radius:20px;background:#162235b3}.method-benefits article>span{font-size:1.5rem}.method-benefits h3{font-size:1rem;font-weight:700;margin:12px 0 8px}.method-benefits p{font-size:.85rem;line-height:1.7;color:#a9bbd0}.method-end{text-align:center;padding:90px 0 45px}.method-end>span{font-size:.65rem;letter-spacing:.15em;color:#67e8f9}.method-end h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.2;font-weight:800;margin:18px 0 30px;letter-spacing:-.04em}.method-end a{display:inline-flex;align-items:center;padding:13px 22px;border-radius:30px;text-decoration:none;border:1px solid #475569;margin:5px;font-size:.9rem}.method-end a:first-of-type{background:#38bdf8;color:#07101e;border-color:#38bdf8;font-weight:750}
html[data-theme="light"] .method-page{color:#1e293b}html[data-theme="light"] .method-helix-card,html[data-theme="light"] .method-benefits article{background:#f8fcff;box-shadow:0 20px 40px #33415515}html[data-theme="light"] .method-page :is(p,small,.method-card-top){color:#475569}html[data-theme="light"] .method-page .method-eyebrow{color:#036480}html[data-theme="dark"] .method-helix-card,html[data-theme="dark"] .method-benefits article{background:#11151c}
@media(max-width:900px){.method-journey{grid-template-columns:190px minmax(0,1fr);gap:22px}.method-helix-card{padding:23px}.method-compass>strong{font-size:3.8rem}}
@media(max-width:640px){.method-page{padding:35px 8px}.method-heading{margin-bottom:35px}.method-journey{display:block}.method-compass{position:relative;top:auto;padding:0 10px 20px}.method-compass>strong,.method-compass>h2,.method-compass>p,.method-compass nav{display:none}.method-compass .method-progress{margin-top:12px}.method-helix-slot{min-height:440px;padding:28px 8px;scroll-margin-top:95px}.method-helix-card{padding:22px}.method-card-top{font-size:.7rem}.method-benefits-grid{grid-template-columns:1fr}.method-benefits{margin-top:45px}.method-helix-thread{opacity:.65}}
@media(prefers-reduced-motion:reduce){.method-helix-card{transform:none!important}.method-progress>span{transition:none}}html[data-motion="reduced"] .method-helix-card{transform:none!important}.public-motion-paused .method-helix-card{transform:none!important}
/* Frente legible y reverso propio al girar hacia el fondo de la espiral. */
.method-helix-slot{perspective:1000px;perspective-origin:50% 50%}
.method-helix-card{backface-visibility:visible;isolation:auto}
.method-helix-card>*{position:relative;backface-visibility:hidden;transform:translateZ(3px)}
.method-helix-card:after{content:"EcoValle ⚡";position:absolute;inset:-1px;display:grid;place-items:center;border:1px solid var(--step-color);border-radius:inherit;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--step-color) 16%,#111d30),#101a2b 75%);color:var(--step-color);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;letter-spacing:-.04em;backface-visibility:hidden;transform:rotateY(180deg) translateZ(4px);box-shadow:0 0 35px color-mix(in srgb,var(--step-color) 12%,transparent);pointer-events:none}
@media(prefers-reduced-motion:reduce){.method-helix-card{opacity:1!important}}
html[data-motion="reduced"] .method-helix-card,.public-motion-paused .method-helix-card{opacity:1!important}
/* Presentación orbital: un solo escenario fijo, profundidad compartida y scroll como avance. */
.method-orbit-ring{display:none}
.is-orbital .method-helix-stage{perspective:none}
.is-orbital .method-orbit-viewport{position:sticky;top:100px;perspective:1000px;perspective-origin:50% 48%;overflow:clip;overflow-clip-margin:40px}
.is-orbital .method-helix-list{position:absolute;inset:0;transform-style:preserve-3d}
.is-orbital .method-helix-slot{position:absolute;inset:0;min-height:0;padding:28px 20px;perspective:none;display:flex;align-items:center;transform-style:preserve-3d;pointer-events:none}
.is-orbital .method-helix-card{max-width:600px;margin:auto;transform-style:preserve-3d;pointer-events:auto;backface-visibility:visible}
.is-orbital .method-helix-card:after{display:none}
.is-orbital .method-helix-card>*{transform:none;backface-visibility:visible}
.is-orbital .method-helix-slot[aria-hidden="true"] .method-helix-card{pointer-events:none}
.is-orbital .method-orbit-ring{display:block;position:absolute;left:50%;top:50%;width:92%;height:75%;border:1px solid #38bdf84d;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) translateZ(-190px);box-shadow:0 0 40px #38bdf80d,inset 0 0 40px #38bdf80d;pointer-events:none}
@media(max-width:640px){.is-orbital .method-helix-slot{padding:20px 4px}.is-orbital .method-helix-card{padding:20px}.is-orbital .method-helix-card>p{font-size:.85rem;line-height:1.65}.is-orbital .method-card-benefit{margin:14px 0 12px}.is-orbital .method-card-top{margin-bottom:12px}.is-orbital .method-orbit-viewport{overflow-clip-margin:8px}}
/* Descenso espacial: las capas se desplazan con el scroll, no con un bucle. */
.method-descent-space,.method-descent-label{display:none}
.is-orbital .method-orbit-viewport{isolation:isolate}
.is-orbital .method-descent-space{display:block;position:absolute;inset:0;overflow:hidden;border-radius:28px;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#38bdf80b,transparent 65%)}
.method-star-layer{position:absolute;inset:-768px 0;background-repeat:repeat;pointer-events:none}
.method-stars-far{background-image:radial-gradient(circle at 12px 19px,#b6d6ff80 0 1px,transparent 1.5px),radial-gradient(circle at 72px 111px,#a78bfa66 0 1px,transparent 1.5px);background-size:128px 192px;opacity:.38}
.method-stars-mid{background-image:radial-gradient(circle at 35px 53px,#67e8f9bb 0 1.4px,transparent 2px),radial-gradient(circle at 143px 183px,#ffffff80 0 1px,transparent 1.8px);background-size:192px 256px;opacity:.5}
.method-stars-near{background-image:radial-gradient(ellipse 1.3px 3px at 69px 61px,#a5f3fcbb 65%,transparent),radial-gradient(ellipse 1px 2px at 207px 239px,#c4b5fd99 65%,transparent);background-size:256px 384px;opacity:.6}
.is-orbital .method-orbit-ring{opacity:.22;width:95%;height:52%;border-color:#38bdf85c;box-shadow:0 0 24px #38bdf80b;transform-style:preserve-3d}
.is-orbital .method-descent-label{display:flex;position:absolute;inset:8px 12px auto;justify-content:space-between;gap:10px;font-size:.58rem;letter-spacing:.12em;color:#94b9d0;pointer-events:none}
.is-orbital .method-helix-list{z-index:1}
.is-orbital .method-descent-label{z-index:2}
html[data-space="false"] .method-descent-space{display:none}
html[data-theme="light"] .method-descent-space{opacity:.4;background:radial-gradient(ellipse at 50% 65%,#0284c718,transparent 65%)}
@media(prefers-reduced-motion:reduce){.method-descent-space{display:none!important}}
html[data-motion="reduced"] .method-descent-space,.public-motion-paused .method-descent-space{display:none!important}
@media(max-width:640px){.method-stars-near{opacity:.4}.is-orbital .method-descent-label{inset:0 6px auto;font-size:.52rem;letter-spacing:.06em}}