/* Solo Instantes 1.7 — immersive oracle journey */
.micro-oracle{--oracle-x:70%;--oracle-y:35%;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(2.5rem,6vw,7rem);min-height:900px;padding:clamp(7rem,10vw,11rem) var(--edge);overflow:hidden;background:radial-gradient(circle at var(--oracle-x) var(--oracle-y),rgba(201,167,109,.09),transparent 22%),radial-gradient(circle at 10% 90%,rgba(82,37,57,.3),transparent 34%),linear-gradient(145deg,#080a0e 0%,#09090b 52%,#100b10 100%);transition:background .8s ease}.micro-oracle:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px);background-size:137px 151px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.oracle-ambient{position:absolute;z-index:-1;inset:0;pointer-events:none}.oracle-ambient i{position:absolute;width:3px;height:3px;border-radius:50%;background:#e7d0a4;box-shadow:0 0 13px #e7d0a4;animation:oracle-breathe 4s ease-in-out infinite}.oracle-ambient i:nth-child(1){left:12%;top:10%}.oracle-ambient i:nth-child(2){left:31%;top:34%;animation-delay:-1s}.oracle-ambient i:nth-child(3){left:48%;top:15%;animation-delay:-2.4s}.oracle-ambient i:nth-child(4){right:11%;top:26%;animation-delay:-.7s}.oracle-ambient i:nth-child(5){right:34%;bottom:12%;animation-delay:-3s}.oracle-ambient span{position:absolute;width:54vw;height:54vw;right:-28vw;bottom:-34vw;border:1px solid rgba(201,167,109,.13);border-radius:50%;box-shadow:0 0 0 7vw rgba(201,167,109,.018),0 0 0 14vw rgba(201,167,109,.012)}
.micro-oracle .oracle-intro{position:sticky;top:8rem;align-self:start;z-index:2}.micro-oracle .oracle-intro h2{max-width:620px;margin:0;font:500 clamp(4.5rem,8.3vw,9.4rem)/.77 var(--serif);letter-spacing:-.075em}.micro-oracle .oracle-intro>p:not(.eyebrow){max-width:460px;margin:2.4rem 0;color:#c3bbb1;font:italic 500 clamp(1.05rem,1.5vw,1.3rem)/1.65 var(--serif)}.micro-oracle .oracle-intro>span{color:#887d72;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.oracle-experience{--oracle-progress:0%;position:relative;z-index:3;min-height:680px;border:1px solid rgba(201,167,109,.26);background:rgba(7,9,12,.72);box-shadow:0 35px 100px rgba(0,0,0,.25);backdrop-filter:blur(18px);transition:opacity .5s,transform .8s}.oracle-experience.is-opening{opacity:.42;transform:scale(.985)}.oracle-progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding:1.4rem 1.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.oracle-progress:before,.oracle-progress:after{content:"";position:absolute;left:10%;right:10%;top:2rem;height:1px;background:rgba(255,255,255,.11)}.oracle-progress:after{right:auto;width:calc(var(--oracle-progress)*.8);background:var(--gold);transition:width .65s cubic-bezier(.22,.8,.2,1)}.oracle-progress button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.55rem;border:0;background:none;color:#77716d;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.oracle-progress button:disabled{cursor:default}.oracle-progress button span{display:grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid #4d4b49;border-radius:50%;background:#090b0e;color:#8a847d;font-size:.48rem;transition:.4s}.oracle-progress button.is-current,.oracle-progress button.is-complete{color:#c9b99f}.oracle-progress button.is-current span,.oracle-progress button.is-complete span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 18px rgba(201,167,109,.22)}
.oracle-journey{min-height:600px}.oracle-scene{min-height:600px;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(2rem,4vw,4rem);animation:oracle-scene-in .75s both}.oracle-scene[hidden]{display:none}.oracle-scene>header p,.oracle-result-kicker{margin:0 0 .7rem;color:var(--gold);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase}.oracle-scene>header h3{max-width:760px;margin:0;font:500 clamp(2rem,4vw,4.25rem)/1.02 var(--serif);letter-spacing:-.05em;outline:0}.oracle-choice-field{align-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.65rem,1.3vw,1rem);padding:2.2rem 0}.oracle-choice{position:relative;min-width:120px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.018);color:#b8b2aa;font:500 clamp(.74rem,1vw,.9rem) var(--sans);letter-spacing:.04em;cursor:pointer;transition:border-color .35s,color .35s,background .35s,transform .35s,box-shadow .35s}.oracle-choice:before{content:"";position:absolute;inset:-7px;border:1px solid transparent;border-radius:inherit;transition:.35s}.oracle-choice>span:not(:empty){margin-right:.45rem;color:var(--gold)}.oracle-choice>span:empty{display:inline-block;width:3px;height:3px;margin:0 .55rem .15rem 0;border-radius:50%;background:#817561;box-shadow:0 0 8px #817561}.oracle-choice:hover,.oracle-choice:focus-visible{z-index:2;transform:translateY(-3px);border-color:rgba(201,167,109,.7);color:var(--paper);outline:0;box-shadow:0 13px 32px rgba(0,0,0,.3)}.oracle-choice.is-selected{border-color:var(--gold);background:rgba(201,167,109,.09);color:var(--paper);box-shadow:0 0 34px rgba(201,167,109,.13)}.oracle-choice.is-selected:before{border-color:rgba(201,167,109,.15)}.oracle-choice:nth-child(3n+2){transform:translateY(-8px)}.oracle-choice:nth-child(4n+1){transform:translateY(7px)}.oracle-choice:hover:nth-child(n),.oracle-choice:focus-visible:nth-child(n){transform:translateY(-3px) scale(1.025)}
.oracle-scene>footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.oracle-back,.oracle-next,.oracle-reset{border:0;background:none;color:#8f8982;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.oracle-back:disabled{opacity:0;pointer-events:none}.oracle-next{color:var(--paper)}
.oracle-form-choices{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0}.oracle-form-choices button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem;min-height:170px;padding:1.6rem;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.018);color:var(--paper);text-align:left;cursor:pointer;transition:.4s}.oracle-form-choices button:hover,.oracle-form-choices button:focus-visible,.oracle-form-choices button.is-selected{border-color:var(--gold);background:rgba(201,167,109,.075);transform:translateY(-4px);outline:0}.oracle-form-choices button>span{grid-row:1/3;color:var(--gold);font:500 2.4rem var(--serif)}.oracle-form-choices strong{align-self:end;font:500 1.5rem var(--serif)}.oracle-form-choices small{color:#908a83;line-height:1.45}.oracle-create{min-width:220px;min-height:50px;padding:.8rem 1.2rem;border:1px solid var(--gold);background:var(--gold);color:#08090b;font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.35s}.oracle-create:hover,.oracle-create:focus-visible{background:transparent;color:var(--paper);outline:0}.oracle-create:disabled{opacity:.45}
.oracle-result{position:relative;min-height:680px;display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);overflow:hidden;animation:oracle-result-in 1.2s both}.oracle-result[hidden]{display:none}.oracle-result:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.055);pointer-events:none}.oracle-result-orbit{position:absolute;width:480px;height:480px;right:-240px;top:-230px;border:1px solid rgba(201,167,109,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(201,167,109,.025),0 0 0 140px rgba(201,167,109,.012);animation:oracle-orbit 18s linear infinite}.oracle-verses,.oracle-result-kicker,.oracle-author,.oracle-share,.oracle-reset{position:relative}.oracle-verses article{margin:0 0 clamp(1.6rem,3vw,2.5rem);animation:oracle-verse-in 1s both;animation-delay:var(--verse-delay)}.oracle-verses article>span{display:block;margin-bottom:.6rem;color:var(--gold);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase}.oracle-verses p{max-width:850px;margin:0;font:500 clamp(1.65rem,3.3vw,3.2rem)/1.36 var(--serif);letter-spacing:-.035em;white-space:pre-line}.oracle-author{margin:1rem 0 2.2rem;color:var(--gold);font:italic 500 .9rem var(--serif)}.oracle-share{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding-top:1.25rem;border-top:1px solid rgba(201,167,109,.24)}.oracle-share>span{margin-right:auto;color:#847d75;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.oracle-share button{padding:.6rem .8rem;border:1px solid rgba(255,255,255,.13);background:transparent;color:#aaa39b;font-size:.53rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.3s}.oracle-share button:hover,.oracle-share button:focus-visible{border-color:var(--gold);color:var(--paper);outline:0}.oracle-reset{align-self:flex-start;margin-top:2rem;padding:0;color:#8d867e}
@keyframes oracle-breathe{50%{opacity:.3;transform:scale(.6)}}@keyframes oracle-scene-in{from{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@keyframes oracle-result-in{from{opacity:0;filter:blur(14px);transform:scale(.975)}to{opacity:1;filter:none;transform:none}}@keyframes oracle-verse-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes oracle-orbit{to{transform:rotate(360deg)}}
.oracle-verses p{animation:none}
.oracle-create span{margin-left:.45rem;color:currentColor}
.oracle-progress button strong{font-size:.52rem;font-weight:500;letter-spacing:.13em}.oracle-progress button small{display:block;max-width:110px;overflow:hidden;color:#6f6963;font-size:.55rem;font-weight:400;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;transition:.4s}.oracle-progress button.is-current small,.oracle-progress button.is-complete small{color:#c5b79e}.oracle-progress button:not(:disabled):hover small,.oracle-progress button:not(:disabled):focus-visible small{color:var(--paper)}
.oracle-shortcut{display:flex;justify-content:flex-end;padding:.85rem 1.4rem 0;transition:opacity .35s}.oracle-shortcut button{position:relative;display:grid;grid-template-columns:auto auto;gap:0 .65rem;align-items:center;padding:.7rem 1rem;border:1px solid rgba(201,167,109,.3);background:rgba(201,167,109,.035);color:var(--paper);text-align:left;cursor:pointer;overflow:hidden;transition:.35s}.oracle-shortcut button:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.oracle-shortcut button:hover:before,.oracle-shortcut button:focus-visible:before{animation:oracle-shimmer .9s}.oracle-shortcut button:hover,.oracle-shortcut button:focus-visible{border-color:var(--gold);outline:0;box-shadow:0 0 30px rgba(201,167,109,.1)}.oracle-shortcut span{grid-row:1/3;color:var(--gold);font-size:1.1rem}.oracle-shortcut strong{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.oracle-shortcut small{color:#7f7871;font-size:.58rem}.oracle-experience.is-revealed .oracle-shortcut{display:none}.oracle-experience.is-lucky{box-shadow:0 35px 110px rgba(91,57,80,.32),inset 0 0 80px rgba(201,167,109,.035)}
.oracle-burst{position:absolute;z-index:20;width:2px;height:2px;pointer-events:none}.oracle-burst i{--spark-angle:0deg;--spark-distance:42px;position:absolute;width:3px;height:3px;border-radius:50%;background:#e7c987;box-shadow:0 0 10px #e7c987;animation:oracle-spark .8s ease-out both;transform:rotate(var(--spark-angle)) translateX(0)}
.oracle-result-actions{position:relative;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.oracle-result-actions button{padding:.7rem .9rem;border:1px solid rgba(255,255,255,.12);background:transparent;color:#9f978e;font-size:.54rem;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.3s}.oracle-result-actions button:hover,.oracle-result-actions button:focus-visible{border-color:var(--gold);color:var(--paper);outline:0}.oracle-result-actions button:last-child{margin-left:auto;border-color:rgba(201,167,109,.36);color:var(--gold)}
@keyframes oracle-shimmer{to{transform:translateX(110%)}}@keyframes oracle-spark{0%{opacity:1;transform:rotate(var(--spark-angle)) translateX(0) scale(1)}100%{opacity:0;transform:rotate(var(--spark-angle)) translateX(var(--spark-distance)) scale(.2)}}
@media(max-width:1080px){.micro-oracle{grid-template-columns:1fr;min-height:0}.micro-oracle .oracle-intro{position:relative;top:auto}.micro-oracle .oracle-intro h2{max-width:900px;font-size:clamp(4rem,12vw,8rem)}.oracle-experience{min-height:650px}}
@media(max-width:680px){.micro-oracle{padding-block:6rem;gap:3rem}.micro-oracle .oracle-intro h2{font-size:clamp(3.7rem,18vw,6.4rem)}.oracle-experience{min-height:660px}.oracle-progress{padding:1rem .65rem}.oracle-progress:before,.oracle-progress:after{top:1.6rem}.oracle-progress button{font-size:0}.oracle-progress button span{font-size:.45rem}.oracle-scene{min-height:580px;padding:1.5rem}.oracle-scene>header h3{font-size:2.25rem}.oracle-choice-field{align-content:center;gap:.55rem;padding:1.5rem 0}.oracle-choice{min-width:0;padding:.8rem .95rem;font-size:.72rem}.oracle-choice:nth-child(n){transform:none}.oracle-form-choices{grid-template-columns:1fr}.oracle-form-choices button{min-height:125px}.oracle-scene>footer{gap:1rem}.oracle-create{min-width:0}.oracle-result{min-height:660px;padding:3rem 1.7rem}.oracle-verses p{font-size:1.65rem}.oracle-share>span{width:100%;margin-bottom:.4rem}}
@media(prefers-reduced-motion:reduce){.oracle-ambient i,.oracle-result-orbit,.oracle-scene,.oracle-result,.oracle-verses article,.oracle-burst i,.oracle-shortcut button:before{animation:none}.oracle-experience,.oracle-progress:after,.oracle-choice,.oracle-form-choices button{transition:none}}
@media(max-width:680px){.oracle-progress{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto;scrollbar-width:thin}.oracle-progress button{font-size:.48rem}.oracle-progress button strong{font-size:.48rem}.oracle-progress button small{max-width:86px;font-size:.5rem}.oracle-progress:before,.oracle-progress:after{display:none}.oracle-shortcut{justify-content:stretch;padding:.8rem}.oracle-shortcut button{width:100%;justify-content:center}.oracle-result-actions{display:grid}.oracle-result-actions button:last-child{margin-left:0}}