body.op{background:radial-gradient(70% 55% at 85% -10%, #d65cff1a, transparent 60%), radial-gradient(60% 50% at -10% 30%, #0d7a500a, transparent 60%), var(--o-bg);background-attachment:fixed}.op-saltar{z-index:60;border-radius:var(--o-pill);background:var(--acento);color:var(--acento-ink);transition:transform .3s var(--o-ease);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.op-saltar:focus-visible{transform:none}.op-cab{z-index:30;min-height:64px;padding:10px var(--o-gutter);background:color-mix(in srgb, var(--o-bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--o-line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.op-cab__vuelta{letter-spacing:-.01em;align-items:center;gap:10px;min-height:44px;font-weight:620;text-decoration:none;display:inline-flex}.op-cab__vuelta>.o-ico{color:var(--o-ink-3);transition:transform .3s var(--o-ease)}.op-cab__vuelta:hover>.o-ico{color:var(--o-ink);transform:translate(-3px)}.op-cab__vuelta .o-marca{width:18px;height:18px}.op-cab__nav{align-items:center;gap:18px;display:flex}.op-cab__nav>a:not(.o-btn){color:var(--o-ink-2);font-size:.92rem;text-decoration:none}.op-cab__nav>a:not(.o-btn):hover{color:var(--o-ink)}.op-main{width:min(100% - 2 * var(--o-gutter), 1200px);margin:0 auto}.op-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(20px,4vh,44px) 0 clamp(18px,3vh,28px);display:grid;position:relative}.op-cab__vuelta small{color:var(--o-ink-3);font-size:.86em;font-weight:450}@media (max-width:520px){.op-cab__vuelta small{display:none}}.op-titulo{font-family:"Orientador Cifras", var(--o-display);text-wrap:balance;max-width:14ch;font-size:clamp(2.3rem,1.1rem + 3.6vw,4.5rem)}.op-entrada{max-width:54ch;color:var(--o-ink-2);text-wrap:pretty;margin-top:18px;font-size:clamp(1.02rem,.95rem + .35vw,1.18rem);line-height:1.6}.op-hero__vis{aspect-ratio:1/.82;width:100%;max-height:440px;display:block}body.op:not([data-paso=inicio]):not([data-paso=charla]) .op-hero{display:none}body.op:not([data-paso=inicio]):not([data-paso=charla]) .op-escenario{padding-top:clamp(20px,4vh,40px)}.op-escenario{padding-bottom:clamp(56px,10vh,120px);scroll-margin-top:80px}.op-sinjs{border-radius:var(--o-radius);border:1px solid var(--o-line-2);padding:20px}.op-como,.op-confianza{border-top:1px solid var(--o-line);padding-block:clamp(56px,10vh,110px)}.op-h2{font-family:"Orientador Cifras", var(--o-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.7rem,1.1rem + 1.8vw,2.6rem);font-weight:660;font-stretch:106%;line-height:1.05}.op-como__cab{gap:10px;margin-bottom:clamp(28px,5vh,48px);display:grid}.op-como__cab p{color:var(--o-ink-2);max-width:52ch}.op-pasos{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid;position:relative}.op-pasos:before{content:"";background:linear-gradient(90deg, var(--acento-line), var(--o-line) 70%, transparent);height:1px;position:absolute;top:19px;left:20px;right:12%}.op-pasos li{align-content:start;gap:10px;display:grid;position:relative}.op-pasos__n{border:1px solid var(--acento-line);background:var(--o-bg);width:40px;height:40px;color:var(--acento-text);font-family:var(--o-mono);border-radius:50%;place-items:center;margin-bottom:8px;font-size:.9rem;display:grid}.op-pasos h3{letter-spacing:-.015em;font-size:1.1rem;font-weight:620}.op-pasos p{color:var(--o-ink-2);font-size:.95rem}.op-confianza{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.op-confianza__lista{display:grid}.op-confianza__lista li{border-bottom:1px solid var(--o-line);gap:16px;padding:20px 0;display:flex}.op-confianza__lista li:first-child{padding-top:4px}.op-confianza__lista li>.o-ico{width:22px;height:22px;color:var(--acento-text);margin-top:2px}.op-confianza__lista h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:620}.op-confianza__lista p{color:var(--o-ink-2);margin-top:4px;font-size:.95rem}.op-pie{padding:26px var(--o-gutter) max(26px, env(safe-area-inset-bottom));border-top:1px solid var(--o-line);color:var(--o-ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;font-size:.86rem;display:flex}.op-pie__enlaces{flex-wrap:wrap;gap:8px 22px;display:flex}.op-pie a{color:var(--o-ink-2);text-decoration:none}.op-pie a:hover{color:var(--o-ink)}body.op[data-paso=tablero] .op-pie{padding-bottom:120px}@media (max-width:900px){.op-hero{grid-template-columns:minmax(0,1fr)}.op-hero__vis{z-index:-1;top:0;right:calc(-1 * var(--o-gutter));opacity:.22;pointer-events:none;width:min(78vw,420px);position:absolute}.op-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}.op-pasos:before{display:none}.op-confianza{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.op-cab__nav>a:not(.o-btn){display:none}.op-pasos{grid-template-columns:minmax(0,1fr);gap:22px}.op-pasos li{grid-template-columns:auto minmax(0,1fr);column-gap:14px}.op-pasos__n{grid-row:span 2;margin-bottom:0}}@media (prefers-reduced-transparency:reduce){.op-cab{-webkit-backdrop-filter:none;background:var(--o-bg)}}
