.ojo-page{--ojo:#ffd166;--ojo-soft:rgba(255,209,102,.13);background:#071016;color:var(--ink)}
.ojo-hero{padding:76px 0 30px;position:relative;overflow:hidden}
.ojo-hero::before{content:"";position:absolute;width:650px;height:420px;left:50%;top:-220px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,209,102,.14),transparent 66%);pointer-events:none}
.ojo-hero-in{display:grid;grid-template-columns:minmax(0,760px) auto;align-items:end;justify-content:space-between;gap:34px}
.ojo-hero h1{font-size:clamp(44px,7.5vw,82px);line-height:.98;letter-spacing:-.045em;margin:22px 0 20px;max-width:820px}
.ojo-hero p{max-width:680px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.7;font-weight:300}
.ojo-stats{display:flex;gap:10px;padding-bottom:8px}
.ojo-stats>div{min-width:104px;padding:16px 18px;border:1px solid var(--line-2);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.ojo-stats strong{display:block;font:700 28px/1 'Space Grotesk',sans-serif;color:var(--ojo)}
.ojo-stats span{display:block;margin-top:7px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ojo-stats i{margin-right:4px}
.ojo-stage{max-width:1040px;padding-top:34px;padding-bottom:84px}
.ojo-progress{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--dim);font:600 11px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}
.ojo-progress i{display:block;width:38px;height:1px;background:var(--line-2)}.ojo-progress span.on{color:var(--ojo)}
.ojo-card{border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 40px 110px -45px rgba(0,0,0,.9),0 0 70px -48px rgba(255,209,102,.45);overflow:hidden}
.ojo-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px}
.ojo-label,.ojo-eyebrow{display:block;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.2em;color:var(--ojo);text-transform:uppercase}
.ojo-card-head h2{font:600 clamp(22px,3.5vw,34px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-top:8px}
.ojo-week{flex:none;text-align:right}.ojo-week small{display:block;font:600 9px 'Space Grotesk',sans-serif;color:var(--dim);letter-spacing:.18em}.ojo-week b{font:700 19px 'Space Grotesk',sans-serif;color:var(--ojo)}
.ojo-pitch-shell{position:relative;margin:0 28px;border:1px solid rgba(255,255,255,.16);border-radius:19px;overflow:hidden;background:#123e35;box-shadow:inset 0 0 50px rgba(0,0,0,.18)}
.ojo-pitch{display:block;width:100%;height:auto;aspect-ratio:105/68}
.ojo-clock{position:absolute;left:14px;top:14px;display:flex;align-items:baseline;gap:5px;padding:8px 11px;border-radius:11px;background:rgba(4,12,16,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff}.ojo-clock i{font-size:11px;color:var(--ojo)}.ojo-clock b{font:700 16px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.ojo-clock span{font-size:9px;color:rgba(255,255,255,.65);text-transform:uppercase}.ojo-clock.low b{color:#ff7b7b}
.ojo-orient{position:absolute;right:14px;bottom:12px;padding:6px 9px;border-radius:8px;background:rgba(4,12,16,.7);color:rgba(255,255,255,.75);font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.13em}.ojo-orient i{color:var(--ojo);margin-right:5px}
.ojo-player text{font:700 2.6px 'Space Grotesk',sans-serif;fill:#071016;text-anchor:middle;dominant-baseline:central;pointer-events:none}.ojo-player circle:first-child{stroke:rgba(255,255,255,.9);stroke-width:.4;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.ojo-player.us circle:first-child{fill:#62ead2}.ojo-player.them circle:first-child{fill:#f07373}.ojo-player.focus circle:first-child{stroke:var(--ojo);stroke-width:.8}.ojo-ball{fill:#fff;stroke:#081319;stroke-width:.35;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
.ojo-route{fill:none;stroke:var(--ojo);stroke-width:.75;stroke-dasharray:2 1.5;marker-end:url(#ojoArrow);color:var(--ojo);opacity:0}.ojo-route.run,.ojo-route.carry{stroke:#f4f8fc;color:#f4f8fc}.ojo-route.press{stroke:#ff7b88;color:#ff7b88}.ojo-route.cover{stroke:#5eead4;color:#5eead4}.ojo-zone{fill:rgba(255,209,102,.12);stroke:rgba(255,209,102,.5);stroke-width:.35;stroke-dasharray:1.6 1.2;opacity:0}.ojo-tracer{opacity:0;filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}.ojo-tracer.ball{fill:#fff;stroke:#071016;stroke-width:.3}.ojo-tracer.run,.ojo-tracer.carry{fill:#f4f8fc}.ojo-tracer.press{fill:#ff7b88}.ojo-tracer.cover{fill:#5eead4}
.ojo-pitch.reveal .ojo-route,.ojo-pitch.reveal .ojo-zone{opacity:1}.ojo-pitch.animate .ojo-route{animation:ojoDraw 1.25s ease both}.ojo-pitch.animate .ojo-zone{animation:ojoPulse 1.6s ease both}
.ojo-pitch.animate .ojo-tracer{animation:ojoTracer 1.25s ease both}@keyframes ojoDraw{from{stroke-dashoffset:40;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes ojoPulse{0%{opacity:0}50%{opacity:.95}100%{opacity:1}}@keyframes ojoTracer{0%,8%{opacity:0}15%,82%{opacity:1}100%{opacity:0}}
.ojo-body{padding:28px}
.ojo-context{display:grid;grid-template-columns:92px 1fr;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.ojo-context span{font:700 10px 'Space Grotesk',sans-serif;color:var(--dim);letter-spacing:.18em;padding-top:5px}.ojo-context p{color:var(--muted);font-size:15.5px;line-height:1.65;margin:0}
.ojo-decision{padding-top:26px}.ojo-decision h3,.ojo-reveal h3{font:600 clamp(21px,3vw,29px)/1.3 'Space Grotesk',sans-serif;margin:9px 0 20px;letter-spacing:-.015em;max-width:760px}
.ojo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.ojo-option{position:relative;text-align:left;padding:17px 17px 18px;border:1px solid var(--line-2);border-radius:15px;background:rgba(255,255,255,.035);color:var(--ink);cursor:pointer;transition:.2s;font:500 14.5px/1.5 'Inter',sans-serif;min-height:105px}.ojo-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--ojo);background:rgba(255,209,102,.07)}.ojo-option:disabled{cursor:default}.ojo-option b{display:block;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);font:700 12px/27px 'Space Grotesk',sans-serif;text-align:center;margin-bottom:10px;color:var(--muted)}.ojo-option.right{border-color:#5eead4;background:rgba(94,234,212,.1)}.ojo-option.right b{background:#5eead4;color:#06201c}.ojo-option.wrong{border-color:#f07373;background:rgba(240,115,115,.08)}.ojo-option.wrong b{background:#f07373;color:#260808}
.ojo-option.right::after,.ojo-option.wrong::after{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:100px;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}.ojo-option.right::after{content:"Recomendada";color:#5eead4;background:rgba(94,234,212,.11)}.ojo-option.wrong::after{content:"Tu elección";color:#ff9c9c;background:rgba(240,115,115,.12)}
.ojo-option:focus-visible,.ojo-skip:focus-visible,.ojo-actions button:focus-visible,.ojo-archive-card:focus-visible{outline:3px solid rgba(255,209,102,.8);outline-offset:3px}
.ojo-skip{border:0;background:none;color:var(--dim);font:500 12.5px 'Inter',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-top:16px;padding:4px}.ojo-skip:hover{color:var(--ink)}
.ojo-reveal{padding-top:26px;animation:ojoIn .4s ease}.ojo-reveal[hidden]{display:none}@keyframes ojoIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ojo-verdict{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:100px;margin-bottom:18px;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.05em}.ojo-verdict.ok{color:#5eead4;background:rgba(94,234,212,.12)}.ojo-verdict.no{color:var(--ojo);background:var(--ojo-soft)}
.ojo-verdict.neutral{color:var(--muted);background:rgba(255,255,255,.06)}
.ojo-explain{font-size:16px;line-height:1.75;color:var(--muted);max-width:820px}.ojo-cues{margin-top:24px;padding:20px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.ojo-cues>b{display:block;color:var(--ojo);font:600 13px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.12em}.ojo-cues ol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:cues;list-style:none;padding:0;margin:15px 0 0}.ojo-cues li{color:var(--muted);font-size:14px;line-height:1.55}.ojo-cues li::before{counter-increment:cues;content:"0" counter(cues);display:block;color:var(--ink);font:700 17px 'Space Grotesk',sans-serif;margin-bottom:5px}
.ojo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ojo-actions .hub-btn{border:1px solid var(--line-2);background:rgba(255,255,255,.045);color:var(--ink);cursor:pointer}.ojo-actions .hub-btn.solid{background:var(--grad);color:#04140f;border-color:transparent}
.ojo-next{display:flex;justify-content:center;align-items:center;gap:12px;margin:17px auto 0;color:var(--dim);font-size:12.5px}.ojo-next i{color:var(--ojo)}.ojo-next b,.ojo-next span{display:block}.ojo-next b{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.ojo-next span{margin-top:2px}
.ojo-how{padding:90px 0;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);border-top:1px solid var(--line)}.ojo-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.ojo-how-grid>div{position:relative;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--glass)}.ojo-how-grid>div>span{position:absolute;right:20px;top:18px;font:700 36px 'Space Grotesk',sans-serif;color:rgba(255,255,255,.04)}.ojo-how-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ojo-soft);color:var(--ojo);font-size:18px}.ojo-how-grid h3{font:600 19px 'Space Grotesk',sans-serif;margin:17px 0 8px}.ojo-how-grid p{color:var(--muted);font-size:14px;line-height:1.6}
.ojo-archive{padding-top:90px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ojo-archive h2{font-size:clamp(32px,5vw,52px);margin:12px 0}.ojo-archive>div>p{color:var(--muted);line-height:1.65;max-width:520px}.ojo-archive-card{display:block;padding:28px;border:1px solid var(--line-2);border-radius:22px;background:linear-gradient(135deg,rgba(255,209,102,.08),rgba(255,255,255,.025));transition:.25s}.ojo-archive-card:hover{transform:translateY(-4px);border-color:var(--ojo)}.ojo-archive-card>span{font:700 10px 'Space Grotesk',sans-serif;color:var(--ojo);letter-spacing:.15em}.ojo-archive-card h3{font:600 24px 'Space Grotesk',sans-serif;margin:14px 0 9px}.ojo-archive-card p{color:var(--muted);font-size:14.5px;line-height:1.55}.ojo-archive-card b{display:block;margin-top:18px;color:var(--ojo);font:600 13px 'Space Grotesk',sans-serif}.ojo-archive-card b i{margin-left:5px}
@media(max-width:800px){.ojo-hero{padding-top:52px}.ojo-hero-in{grid-template-columns:1fr}.ojo-stats{padding-bottom:0}.ojo-options{grid-template-columns:1fr}.ojo-option{min-height:auto}.ojo-cues ol{grid-template-columns:1fr;gap:14px}.ojo-how-grid{grid-template-columns:1fr}.ojo-archive{grid-template-columns:1fr;gap:25px}.ojo-card-head,.ojo-body{padding-left:20px;padding-right:20px}.ojo-pitch-shell{margin:0 14px}.ojo-context{grid-template-columns:1fr;gap:7px}}
@media(max-width:520px){.ojo-hero h1{font-size:43px}.ojo-stage{padding-left:10px;padding-right:10px}.ojo-card{border-radius:20px}.ojo-card-head{padding-top:19px}.ojo-card-head h2{font-size:21px}.ojo-week{display:none}.ojo-pitch-shell{margin:0 8px;border-radius:12px}.ojo-clock{left:8px;top:8px}.ojo-orient{right:8px;bottom:7px}.ojo-progress{gap:7px;letter-spacing:.08em}.ojo-progress i{width:16px}.ojo-stats>div{min-width:96px}.ojo-how,.ojo-archive{padding-top:65px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.ojo-pitch.animate .ojo-route,.ojo-pitch.animate .ojo-zone,.ojo-pitch.animate .ojo-tracer{animation:none}.ojo-tracer{display:none}.ojo-option,.ojo-archive-card{transition:none}}