.boton-oro,.boton-linea{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:14px 22px;border-radius:999px;font:700 1rem/1.1 var(--sans);text-decoration:none;cursor:pointer;border:0;transition:background .2s,transform .2s,border-color .2s}
.boton-oro{background:var(--oro);color:var(--sobre-oro);box-shadow:0 8px 30px -10px rgba(243,207,134,.7)}
.boton-oro:hover{background:var(--oro-fuerte);color:var(--sobre-oro)}
.boton-oro:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.boton-linea{background:rgba(27,24,82,.55);color:var(--tinta);border:1px solid var(--linea)}
.boton-linea:hover{border-color:var(--oro);color:var(--tinta)}
.dorso{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20520'%3E%3Cdefs%3E%3CradialGradient%20id%3D'g'%20cx%3D'50%25'%20cy%3D'46%25'%20r%3D'78%25'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%232c2475'%2F%3E%3Cstop%20offset%3D'.55'%20stop-color%3D'%2317134a'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%230b0a22'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'300'%20height%3D'520'%20rx%3D'18'%20fill%3D'url(%23g)'%2F%3E%3Crect%20x%3D'11'%20y%3D'11'%20width%3D'278'%20height%3D'498'%20rx%3D'12'%20fill%3D'none'%20stroke%3D'%23f3cf86'%20stroke-width%3D'2.2'%2F%3E%3Crect%20x%3D'20'%20y%3D'20'%20width%3D'260'%20height%3D'480'%20rx%3D'8'%20fill%3D'none'%20stroke%3D'%23f3cf86'%20stroke-opacity%3D'.4'%2F%3E%3Cg%20transform%3D'translate(150%20260)'%20stroke%3D'%23f3cf86'%20fill%3D'none'%3E%3Ccircle%20r%3D'52'%20stroke-width%3D'1.6'%2F%3E%3Ccircle%20r%3D'64'%20stroke-opacity%3D'.45'%20stroke-dasharray%3D'2%206'%2F%3E%3Cline%20x1%3D'70.0'%20y1%3D'0.0'%20x2%3D'98.0'%20y2%3D'0.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'69.5'%20y1%3D'18.6'%20x2%3D'81.1'%20y2%3D'21.7'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'60.6'%20y1%3D'35.0'%20x2%3D'84.9'%20y2%3D'49.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'50.9'%20y1%3D'50.9'%20x2%3D'59.4'%20y2%3D'59.4'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'35.0'%20y1%3D'60.6'%20x2%3D'49.0'%20y2%3D'84.9'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'18.6'%20y1%3D'69.5'%20x2%3D'21.7'%20y2%3D'81.1'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'0.0'%20y1%3D'70.0'%20x2%3D'0.0'%20y2%3D'98.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-18.6'%20y1%3D'69.5'%20x2%3D'-21.7'%20y2%3D'81.1'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-35.0'%20y1%3D'60.6'%20x2%3D'-49.0'%20y2%3D'84.9'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-50.9'%20y1%3D'50.9'%20x2%3D'-59.4'%20y2%3D'59.4'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-60.6'%20y1%3D'35.0'%20x2%3D'-84.9'%20y2%3D'49.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-69.5'%20y1%3D'18.6'%20x2%3D'-81.1'%20y2%3D'21.7'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-70.0'%20y1%3D'0.0'%20x2%3D'-98.0'%20y2%3D'0.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-69.5'%20y1%3D'-18.6'%20x2%3D'-81.1'%20y2%3D'-21.7'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-60.6'%20y1%3D'-35.0'%20x2%3D'-84.9'%20y2%3D'-49.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-50.9'%20y1%3D'-50.9'%20x2%3D'-59.4'%20y2%3D'-59.4'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-35.0'%20y1%3D'-60.6'%20x2%3D'-49.0'%20y2%3D'-84.9'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'-18.6'%20y1%3D'-69.5'%20x2%3D'-21.7'%20y2%3D'-81.1'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'-0.0'%20y1%3D'-70.0'%20x2%3D'-0.0'%20y2%3D'-98.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'18.6'%20y1%3D'-69.5'%20x2%3D'21.7'%20y2%3D'-81.1'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'35.0'%20y1%3D'-60.6'%20x2%3D'49.0'%20y2%3D'-84.9'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'50.9'%20y1%3D'-50.9'%20x2%3D'59.4'%20y2%3D'-59.4'%20stroke-width%3D'1'%2F%3E%3Cline%20x1%3D'60.6'%20y1%3D'-35.0'%20x2%3D'84.9'%20y2%3D'-49.0'%20stroke-width%3D'1.6'%2F%3E%3Cline%20x1%3D'69.5'%20y1%3D'-18.6'%20x2%3D'81.1'%20y2%3D'-21.7'%20stroke-width%3D'1'%2F%3E%3Cpath%20d%3D'M12%20-34A36%2036%200%201%200%2012%2034A27%2036%200%201%201%2012%20-34Z'%20fill%3D'%23f3cf86'%20stroke%3D'none'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M150%2083Q150%2092%20156.3%2092Q150%2092%20150%20101Q150%2092%20143.7%2092Q150%2092%20150%2083Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M150%20419Q150%20428%20156.3%20428Q150%20428%20150%20437Q150%20428%20143.7%20428Q150%20428%20150%20419Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M62%20155Q62%20160%2065.5%20160Q62%20160%2062%20165Q62%20160%2058.5%20160Q62%20160%2062%20155Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M238%20155Q238%20160%20241.5%20160Q238%20160%20238%20165Q238%20160%20234.5%20160Q238%20160%20238%20155Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M62%20355Q62%20360%2065.5%20360Q62%20360%2062%20365Q62%20360%2058.5%20360Q62%20360%2062%20355Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M238%20355Q238%20360%20241.5%20360Q238%20360%20238%20365Q238%20360%20234.5%20360Q238%20360%20238%20355Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M104%2054.5Q104%2058%20106.45%2058Q104%2058%20104%2061.5Q104%2058%20101.55%2058Q104%2058%20104%2054.5Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M196%2054.5Q196%2058%20198.45%2058Q196%2058%20196%2061.5Q196%2058%20193.55%2058Q196%2058%20196%2054.5Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M104%20458.5Q104%20462%20106.45%20462Q104%20462%20104%20465.5Q104%20462%20101.55%20462Q104%20462%20104%20458.5Z'%20fill%3D'%23f3cf86'%2F%3E%3Cpath%20d%3D'M196%20458.5Q196%20462%20198.45%20462Q196%20462%20196%20465.5Q196%20462%20193.55%20462Q196%20462%20196%20458.5Z'%20fill%3D'%23f3cf86'%2F%3E%3C%2Fsvg%3E") center/cover no-repeat;border-radius:8%/4.6%;box-shadow:0 10px 30px -12px #000,0 0 0 1px rgba(243,207,134,.25)}
.tarot-cab{padding-bottom:10px}
.tarot-acciones{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px}
.abanico{position:relative;height:200px;margin:26px auto 0;max-width:340px}
.abanico span{position:absolute;left:50%;bottom:0;width:104px;aspect-ratio:300/520;margin-left:-52px;transform-origin:50% 120%}
.abanico span:nth-child(1){transform:rotate(-16deg) translateX(-14px)}.abanico span:nth-child(2){transform:translateY(-10px)}.abanico span:nth-child(3){transform:rotate(16deg) translateX(14px)}
.carta-dia{position:relative;margin:34px 0;padding:24px 18px;border-radius:26px;background:radial-gradient(90% 60% at 50% 0%,rgba(124,96,255,.25),transparent 70%),rgba(12,11,40,.85);border:1px solid var(--linea);text-align:center}
.carta-dia h2{margin:.1em 0 .3em}
.mesa{position:relative;height:250px;margin:18px auto 6px;max-width:380px}
.mesa button{position:absolute;left:50%;bottom:6px;width:86px;aspect-ratio:300/520;margin-left:-43px;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 135%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mesa button:hover,.mesa button:focus-visible{z-index:5}
.mesa button .dorso{display:block;width:100%;height:100%}
.revelada{display:grid;gap:18px;justify-items:center;text-align:left;margin-top:8px}
.revelada .carta3d{width:min(62vw,230px)}
.revelada-texto{max-width:560px}
.revelada-texto h3{font-size:2rem;margin:.1em 0 .2em;text-align:center;color:#fff}
.revelada-texto .clave{font:italic 600 1.4rem/1.2 var(--display);color:var(--oro);text-align:center;margin:0 0 14px}
.revelada-texto dl{display:grid;gap:10px;margin:16px 0}
.revelada-texto dt{font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--oro)}
.revelada-texto dd{margin:4px 0 0;font-size:1.04rem;line-height:1.5;color:var(--suave)}
.pregunta-abierta{margin:22px 0 0;padding:20px;border-radius:20px;background:radial-gradient(120% 90% at 100% 0%,rgba(243,207,134,.16),transparent 60%),rgba(27,24,82,.75);border:1px solid rgba(243,207,134,.35);text-align:center}
.pregunta-abierta p{font:italic 600 1.35rem/1.3 var(--display);color:#fff;margin:0 0 14px}
.carta3d{perspective:1200px;aspect-ratio:300/520}
.carta3d .interior{position:relative;width:100%;height:100%;transition:transform .9s cubic-bezier(.3,.9,.3,1);transform-style:preserve-3d}
.carta3d.volteada .interior{transform:rotateY(180deg)}
.carta3d .cara,.carta3d .dorso{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.carta3d .cara{margin:0;transform:rotateY(180deg);border-radius:8%/4.6%;overflow:hidden;box-shadow:0 14px 40px -14px #000,0 0 0 2px var(--oro),0 0 28px -6px rgba(243,207,134,.55)}
.carta3d .cara img,.carta-cara img{display:block;width:100%;height:100%;object-fit:cover}
.carta3d.invertida .cara img,.carta-cara.invertida img{transform:rotate(180deg)}
.pasos{list-style:none;counter-reset:p;padding:0;margin:16px 0;display:grid;gap:12px}
.pasos li{counter-increment:p;position:relative;padding:16px 16px 16px 62px;border-radius:18px;background:rgba(18,16,58,.75);border:1px solid var(--linea);font:400 1.05rem/1.5 var(--texto);color:var(--suave)}
.pasos li::before{content:counter(p);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 1rem/1 var(--sans);color:var(--sobre-oro);background:var(--oro)}
.pasos b{display:block;font:600 1.3rem/1.2 var(--display);color:#fff;margin-bottom:2px}
.incluye{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.incluye li{position:relative;padding:4px 0 4px 30px;font-size:1.05rem;line-height:1.45}
.incluye li::before{content:"✦";position:absolute;left:2px;top:4px;color:var(--oro)}
.banda-cta{margin:34px 0;padding:26px 20px;border-radius:26px;text-align:center;background:radial-gradient(100% 80% at 50% 0%,rgba(243,207,134,.18),transparent 65%),rgba(27,24,82,.8);border:1px solid rgba(243,207,134,.35)}
.banda-cta h2{margin:.1em 0 .3em}
.banda-cta .precio{font:600 2.6rem/1 var(--display);color:var(--oro);margin:6px 0 14px}
.banda-cta .precio small{display:block;font:500 .82rem/1.4 var(--sans);color:var(--tenue);margin-top:6px}
/* la tirada */
.tarot-app h1{font-size:clamp(2.2rem,9vw,3.2rem)}
.paso{position:relative;margin:22px 0;padding:20px 18px 22px;border-radius:24px;background:rgba(12,11,40,.82);border:1px solid var(--linea);transition:opacity .3s}
.paso.cerrado{opacity:.38;pointer-events:none}
.paso h2{margin:0 0 .45em;font-size:1.75rem;display:flex;align-items:center;gap:12px}
.paso h2 .num{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 .95rem/1 var(--sans);color:var(--sobre-oro);background:var(--oro)}
.paso.hecho h2 .num{background:var(--agua)}
.temas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.temas button{text-align:left;padding:14px 14px 13px;border-radius:18px;border:1px solid var(--linea);background:rgba(27,24,82,.55);color:var(--tinta);cursor:pointer;font:600 1.25rem/1.15 var(--display);min-height:86px}
.temas button small{display:block;font:400 .82rem/1.35 var(--sans);color:var(--tenue);margin-top:5px}
.temas button[aria-checked="true"]{border-color:var(--oro);background:rgba(243,207,134,.12);box-shadow:0 0 0 1px var(--oro)}
.campo{display:grid;gap:6px;margin:0 0 14px}
.campo label,.campo .etq{font:600 .82rem/1 var(--sans);color:var(--suave)}
.campo input,.campo textarea{width:100%;font:400 1.05rem/1.45 var(--sans);color:var(--tinta);background:var(--cielo);border:1px solid var(--linea);border-radius:14px;padding:13px 14px}
.campo textarea{min-height:110px;resize:vertical;font-family:var(--texto);font-size:1.12rem}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--oro);outline-offset:1px;border-color:transparent}
.campo small{font:400 .8rem/1.4 var(--sans);color:var(--tenue)}
.ejemplos{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.ejemplos button{font:500 .88rem/1.2 var(--sans);padding:9px 12px;border-radius:999px;border:1px solid var(--linea);background:rgba(27,24,82,.5);color:var(--suave);cursor:pointer}
.ejemplos button:hover{border-color:var(--oro);color:var(--tinta)}
.ranuras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 18px}
.ranura{display:grid;gap:8px;justify-items:center;text-align:center}
.ranura .hueco{width:100%;aspect-ratio:300/520;border-radius:8%/4.6%;border:1.5px dashed rgba(243,207,134,.45);display:grid;place-items:center;font:600 1.6rem/1 var(--display);color:rgba(243,207,134,.5)}
.ranura .carta3d{width:100%;animation:posar .5s cubic-bezier(.2,.8,.2,1)}
.ranura span{font:700 .66rem/1.25 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);min-height:2.5em}
.ranura b{font:600 1.02rem/1.15 var(--display);color:var(--oro)}
.ranura b small{display:block;font:500 .7rem/1.3 var(--sans);color:var(--rosa)}
@keyframes posar{from{opacity:0;transform:translateY(40px) scale(.8)}}
.baraja{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0 16px}
.baraja button{padding:0;border:0;background:none;cursor:pointer;aspect-ratio:300/520;transition:transform .25s,opacity .25s}
.baraja button .dorso{display:block;width:100%;height:100%}
.baraja button:hover{transform:translateY(-4px)}
.baraja button:disabled{opacity:0;pointer-events:none}
.baraja.barajando button{animation:barajar .7s cubic-bezier(.4,0,.2,1)}
@keyframes barajar{40%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}
.paso-botones{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.resumen-cartas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 16px}
.resumen-cartas figure{margin:0;text-align:center}
.resumen-cartas .carta-cara{border-radius:8%/4.6%;overflow:hidden;aspect-ratio:300/520;box-shadow:0 0 0 1.5px var(--oro)}
.resumen-cartas figcaption{font:600 .95rem/1.2 var(--display);color:var(--oro);margin-top:6px}
.casillas{display:grid;gap:10px;margin:16px 0}
.casillas label{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font:400 .92rem/1.45 var(--sans);color:var(--suave);cursor:pointer}
.casillas input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--oro)}
.pagar{display:grid;gap:10px;justify-items:center;text-align:center;margin-top:8px}
.pagar .boton-oro{width:100%;font-size:1.1rem;min-height:58px}
.pagar small{font:400 .82rem/1.5 var(--sans);color:var(--tenue)}
.error{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,120,150,.14);border:1px solid rgba(255,159,200,.4);font:500 .95rem/1.45 var(--sans);color:#ffd5e5}
.aviso-ok{margin:14px 0;padding:12px 14px;border-radius:14px;background:rgba(127,227,212,.12);border:1px solid rgba(127,227,212,.35);font:500 .95rem/1.45 var(--sans)}
/* espera y lectura */
.espera{text-align:center;padding-top:16px}
.espera-cartas{display:flex;justify-content:center;gap:12px;margin:24px 0}
.espera-cartas span{width:86px;aspect-ratio:300/520;animation:latir 2.4s ease-in-out infinite}
.espera-cartas span:nth-child(2){animation-delay:.4s}.espera-cartas span:nth-child(3){animation-delay:.8s}
@keyframes latir{50%{transform:translateY(-10px);box-shadow:0 0 34px -4px rgba(243,207,134,.7),0 0 0 1px rgba(243,207,134,.6)}}
#espera-texto{font:italic 600 1.5rem/1.3 var(--display);color:var(--oro);min-height:2.6em}
.lectura-titulo{font-size:clamp(2.1rem,8.6vw,3.1rem);margin:.2em 0 .4em}
.tirada{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 26px;text-align:center}
.tirada .carta-cara{margin:0 0 8px;border-radius:8%/4.6%;overflow:hidden;aspect-ratio:300/520;box-shadow:0 0 0 2px var(--oro),0 14px 34px -14px #000}
.tirada .pos{display:block;font:700 .64rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);min-height:2.6em}
.tirada b{font:600 1.05rem/1.2 var(--display);color:var(--oro)}
.tirada b small{display:block;font:500 .72rem/1.3 var(--sans);color:var(--rosa)}
.lectura{padding-top:22px}
.cierre{font:italic 600 1.4rem/1.35 var(--display);color:#fff;text-align:center;margin:30px 0}
.pregunta-cliente{font:italic 400 1.2rem/1.45 var(--texto);color:var(--suave);margin:0 0 6px}
@media (min-width:640px){.temas{grid-template-columns:repeat(4,1fr)}.baraja{grid-template-columns:repeat(11,1fr)}.mesa{height:290px}.mesa button{width:104px;margin-left:-52px}.revelada{grid-template-columns:auto 1fr;align-items:start}.revelada-texto h3,.revelada-texto .clave{text-align:left}}
@media (prefers-reduced-motion:reduce){.carta3d .interior{transition:none}.espera-cartas span,.baraja.barajando button,.ranura .carta3d{animation:none}}