/* Approved illuminated-eye composition. Homepage-only effects; shared dark palette remains intact. */
.theme-toggle{display:none!important}
html[data-theme="dark"] body #inicio.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;align-items:center;min-height:100svh;padding-top:var(--header-h);padding-bottom:80px;background:#080b09}
html[data-theme="dark"] body #inicio.hero::after{display:none}
body #inicio .hero__copy{position:relative;z-index:5;align-self:center;padding-bottom:20px;text-align:left}
body #inicio .hero__copy h1{font-size:clamp(34px,3.25vw,52px)!important;line-height:1.16!important;font-weight:400;letter-spacing:-.045em!important;max-width:23ch!important;margin:0;text-shadow:0 0 20px #080b09}
body #inicio .hero__copy h1 em{font-weight:400;letter-spacing:-.055em!important}
body #inicio .hero__lede{font-size:16px!important;line-height:1.75!important;max-width:49ch;margin:30px 0 0;color:#a7b0a8;text-shadow:0 0 18px #080b09}
body #inicio .hero__actions{margin-top:33px;display:flex}
body #inicio .hero__actions .button{font-size:13px;min-width:194px;width:auto;min-height:52px;padding:17px 21px;gap:35px}
body #inicio .orb-hero{min-height:570px;max-width:none;width:100%;margin:0;opacity:1;z-index:2;transform:none}
body #inicio .orb-hero__stage{width:140%;height:100%;min-height:650px;inset:auto;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);overflow:visible}
body #inicio .orb-hero__object{width:365px;height:365px;min-width:0;min-height:0;left:50%;top:50%;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--orb-tilt-x)) rotateY(var(--orb-tilt-y));animation:focus-lens-in 1.7s .15s both}
body #inicio .orb-hero__object::before{content:"";position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,#40ff7338,#13ea4322 25%,#12dd3610 43%,transparent 67%);filter:blur(24px);transform:translateZ(-20px);pointer-events:none;animation:focus-halo-reveal 3.4s .15s ease-out both,focus-light-drift 18s ease-in-out infinite alternate}
body #inicio .orb-hero__sphere{inset:auto;left:15%;top:15%;width:70%;height:70%;border-radius:50%;overflow:hidden;transform:translateZ(12px);box-shadow:0 0 1px #dbffe288,0 0 36px #7aff9312,0 0 100px #1bee3010}
html[data-theme="dark"] body #inicio .orb-hero__shell{display:block;background:radial-gradient(circle at 28% 20%,#ffffff0e,transparent 40%,#0002 75%,#e5ffe515 100%);border:1px solid #d4ffdf38;box-shadow:inset 3px 3px 22px #fff1,inset -15px -18px 30px #0005}
body #inicio .orb-hero__shell::after{border-color:#c4ffd32e;opacity:.6}
body #inicio .orb-hero__chevrons{opacity:1;transform:translateZ(34px)}
html[data-theme="dark"] body #inicio .orb-hero__chevron{fill:#d9f3df;animation:none;filter:drop-shadow(0 0 8px #58ff6f30);opacity:.3}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,#12ef3e0e,transparent 57%);mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent);animation:focus-atmosphere-reveal 3.8s .15s cubic-bezier(.16,.7,.3,1) both}
.hero-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.65}
.hero-atmosphere__rays{position:absolute;left:72%;top:47%;width:1300px;height:1300px;transform:translate(-50%,-50%) rotate(-12deg);background:conic-gradient(from 17deg,transparent 0deg 12deg,#57ff9a04 17deg,#7aff9a12 20deg,transparent 27deg 58deg,#57ff9a08 62deg,transparent 70deg 104deg,#7aff9a10 109deg,transparent 113deg 148deg,#57ff9a05 157deg,#7aff9a0d 162deg,transparent 173deg 201deg,#57ff9a10 207deg,transparent 212deg 256deg,#7aff9a09 265deg,transparent 274deg 312deg,#57ff9a12 319deg,transparent 328deg 360deg);mask-image:radial-gradient(circle,transparent 4%,#000 20%,transparent 66%);filter:blur(14px);animation:focus-rays-spin 120s linear infinite,focus-rays-shimmer 23s ease-in-out infinite;opacity:.7}
.hero-focus-foot{position:absolute;bottom:42px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid #ffffff13;font-size:12px;color:#9ea79f;letter-spacing:.01em;z-index:5}
.hero-focus-foot a{color:inherit;text-decoration:none}.hero-focus-foot a span{margin-left:18px;color:#edf3eb}
#inicio.is-atmosphere-paused .hero-atmosphere__rays,#inicio.is-atmosphere-paused .orb-hero__object::before{animation-play-state:paused}
@keyframes focus-lens-in{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes focus-light-drift{from{translate:-9px 6px}to{translate:12px -8px}}
@keyframes focus-rays-spin{0%{transform:translate(-50%,-50%) rotate(-12deg)}25%{transform:translate(calc(-50% + 18px),calc(-50% - 12px)) rotate(78deg)}50%{transform:translate(calc(-50% - 10px),calc(-50% + 16px)) rotate(168deg)}75%{transform:translate(calc(-50% - 16px),calc(-50% - 8px)) rotate(258deg)}100%{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes focus-rays-shimmer{0%,100%{opacity:.45}19%{opacity:.68}43%{opacity:.5}71%{opacity:.8}86%{opacity:.6}}
.hero-atmosphere__rays::after{content:"";position:absolute;inset:0;background:conic-gradient(from 41deg,transparent 0deg 35deg,#8affac10 39deg,transparent 46deg 138deg,#72ff9b0c 146deg,transparent 153deg 237deg,#b6ffca0e 243deg,transparent 251deg 360deg);animation:focus-rays-cross 83s linear infinite}
@keyframes focus-rays-cross{to{transform:rotate(-360deg)}}
#inicio.is-atmosphere-paused .hero-atmosphere__rays::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-atmosphere__rays::after{animation:none!important}}
@media(min-width:1700px){body #inicio .orb-hero__object{width:400px;height:400px}}
@media(min-width:721px) and (max-width:1000px){body #inicio .hero__copy h1{font-size:38px!important}body #inicio .orb-hero__object{width:320px;height:320px}}
@media(max-width:720px){
 html[data-theme="dark"] body #inicio.hero{display:block;min-height:calc(100svh - var(--header-h));margin-top:var(--header-h);padding:100px 26px 120px!important;text-align:left}
 body #inicio .hero__copy{padding:0;width:100%;max-width:none}
 body #inicio .hero__copy h1{font-size:clamp(32px,8.5vw,40px)!important;max-width:19ch!important;line-height:1.12!important;letter-spacing:-.045em!important}
 body #inicio .hero__copy h1 em{display:inline-block}
 body #inicio .hero__lede{font-size:15px!important;max-width:35ch;line-height:1.7!important;margin:28px 0 0}
 body #inicio .hero__actions{margin-top:30px;gap:0}
 body #inicio .hero__actions .button{min-width:190px;width:auto;justify-content:space-between}
 html[data-theme="dark"] body #inicio .orb-hero{position:absolute;inset:0;min-height:0;height:100%;width:100%;max-width:none;opacity:.28;pointer-events:none;margin:0}
 body #inicio .orb-hero__stage{inset:0;left:0;top:0;width:100%;height:100%;min-height:0;transform:none;overflow:hidden}
 body #inicio .orb-hero__object{width:340px;height:340px;left:78%;top:36%;min-width:0;min-height:0;transform:translate(-50%,-50%)}
 body #inicio .orb-hero__sphere{left:15%;top:15%;width:70%;height:70%;border-radius:50%;transform:none}
 body #inicio .orb-hero__chevrons{opacity:.5;transform:none}
 .hero-atmosphere__rays{left:85%;top:35%;width:800px;height:800px;opacity:.4}
 .hero-focus-foot{left:26px;right:26px;bottom:40px;font-size:11px;gap:15px}.hero-focus-foot>span{max-width:19ch;line-height:1.6}.hero-focus-foot a{font-size:11px;white-space:nowrap}.hero-focus-foot a span{margin-left:7px}
}
@media(prefers-reduced-motion:reduce){#inicio .orb-hero__object,#inicio .orb-hero__object::before,.hero-atmosphere__rays{animation:none!important}.hero-atmosphere canvas{display:none}}

/* Softer glass chevrons: low reflections, translucent shadow, faint edge. */
html[data-theme="dark"] body #inicio .orb-hero__chevron {
  fill:url(#focus-chevron-glass);opacity:1;stroke:#c5ffd6;stroke-opacity:.075;stroke-width:.2;filter:drop-shadow(0 2px 4px #0003);
}
@keyframes focus-atmosphere-reveal{0%{opacity:.035}35%{opacity:.18}75%{opacity:.72}100%{opacity:1}}
@keyframes focus-halo-reveal{from{opacity:.06}to{opacity:1}}
#inicio.is-atmosphere-paused .hero-atmosphere{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-atmosphere{animation:none!important}}

/* Continuous static vector highlights on desktop inner edges. */
.orb-edge-light{pointer-events:none;filter:none;shape-rendering:geometricPrecision}
@media(max-width:720px){.orb-edge-light{display:none!important}}

/* Carry the hero's black into the statistics with a broad, continuous fade. */
html[data-theme="dark"] body #contenido > .proof { background:linear-gradient(180deg,#080b09 0%,#090d0a 22%,#0d120f 48%,var(--paper) 78%)!important; }


/* Continue the previous homepage section's background through the method. */
html[data-theme="dark"] body #metodo.method { background:var(--paper); }


/* Scroll timeline: bright core, compositor movement, and gently advancing steps. */
body #metodo .method__ball{top:0;transform:translate3d(-50%,calc(var(--method-ball-y,0px) - 50%),0);will-change:transform}
html[data-theme="dark"] body #metodo .method__ball::before{
 background:radial-gradient(circle,#fff 0%,#f1ffe9 15%,#caffac 28%,#72ff48 44%,#35f33280 58%,#35f33200 74%);
 filter:none;animation:none;opacity:1;transform:none;
}
body #metodo .method__steps{padding-right:14px}
body #metodo .method__steps li{transform:translate3d(0,0,0);transition:transform 420ms cubic-bezier(.22,1,.36,1),opacity 350ms ease}
body #metodo .method__steps li.is-reached{transform:translate3d(12px,0,0)}
.blog-latest .blog-card__visual{aspect-ratio:2.1/1}
.blog-latest__heading > .button{width:auto;min-width:145px;gap:30px;font-size:13px}
@media(max-width:720px){body #metodo .method__steps li.is-reached{transform:translate3d(6px,0,0)}body #metodo .method__steps{padding-right:8px}}
@media(prefers-reduced-motion:reduce){body #metodo .method__steps li{transition:none}}

/* The dot, not the general viewport reveal observer, controls numbered steps. */
body #metodo .is-timeline-ready .method__steps li:not(.is-reached){opacity:0}
body #metodo .is-timeline-ready .method__steps li.is-reached{opacity:1}