body{color:#f0f0f0;text-align:center;padding:0;padding-top:90px}.tarot-instructions-box{background:rgba(0,0,0,.65);border-radius:12px;padding:1rem 1.5rem;margin:0 auto 1rem;max-width:600px;backdrop-filter:blur(4px)}.tarot-instructions-box h3{font-size:1.5rem}.tarot-button{width:200px;padding:15px;margin:10px;font-size:1rem;cursor:pointer;border:none;border-radius:30px;background-color:#000;color:#fff;font-weight:700;font-family:Roboto,Arial,Helvetica,sans-serif;box-shadow:0 0 8px rgba(255,255,0,.8),0 0 15px rgba(255,165,0,.7),0 0 20px rgba(255,0,0,.6);transition:box-shadow .3s ease}.tarot-button:hover{box-shadow:0 0 12px #ff0,0 0 20px rgba(255,165,0,.9),0 0 25px rgba(255,0,0,.8)}#resultado{margin-top:1rem;font-size:1.2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tarot-card{perspective:1000px;display:inline-block;margin:1rem;cursor:pointer}.card-name{display:none}.card-numeral{position:absolute;top:0;left:0;right:0;text-align:center;padding:.6rem .5rem;font-family:'Times New Roman',Times,serif;font-size:1.3rem;font-weight:700;color:#000;letter-spacing:.1em;opacity:0;transition:opacity .5s ease .4s;pointer-events:none;z-index:2}.card-title{position:absolute;bottom:1rem;left:0;right:0;text-align:center;padding:.6rem .5rem;font-family:'Times New Roman',Times,serif;font-size:1rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .5s ease .4s;pointer-events:none;z-index:2}.tarot-card.flipped .card-numeral,.tarot-card.flipped .card-title{opacity:1}body[data-deck=tarot_surrealista] .card-title{bottom:.35rem}.card-inner{width:350px;height:auto;aspect-ratio:2/3;position:relative;transform-style:preserve-3d;transition:transform .6s;transform:rotateY(180deg)}.tarot-card.flipped .card-inner{transform:rotateY(0)}.card-side{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden}.card-back,.card-front{background:0 0}.card-back{transform:rotateY(180deg)}.card-side img{width:100%;height:100%;object-fit:contain;display:block}@media screen and (max-width:1024px){.card-inner{width:280px}}@media screen and (max-width:750px){.card-inner{width:96vw;height:auto;aspect-ratio:2/3}#resultado{flex-direction:column;align-items:center;width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;padding:0}.tarot-card{margin:.5rem 0;display:block;width:100%}.card-side img{object-fit:contain}.card-numeral{font-size:1.2rem}.card-title{font-size:.9rem}}#tarot-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 1.5rem}.oraculo-texto{max-width:700px;margin:0 auto .5rem;font-size:1.15rem;line-height:1.6}#tarot-question{width:80%;max-width:700px;min-height:120px;padding:.75rem;font-size:1.15rem;font-family:Roboto,sans-serif;font-weight:500;border-radius:8px;border:1px solid #ccc;resize:vertical;box-sizing:border-box}.tarot-draw-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}#ask-oracle-btn{display:block;margin:1.5rem auto 0}#oracle-answer{margin:1.5rem auto 0;text-align:left;line-height:1.7;font-size:1.15rem;width:50%}@media screen and (max-width:1024px){#oracle-answer{width:70%;font-size:1.1rem}.oraculo-texto{font-size:1.1rem}.tarot-instructions-box h3{font-size:1.35rem}.tarot-button{font-size:.95rem}}@media screen and (max-width:750px){#oracle-answer{width:90%;font-size:1rem}.oraculo-texto{font-size:1rem}.tarot-instructions-box h3{font-size:1.2rem}.tarot-button{font-size:.9rem}#tarot-question{font-size:.95rem}}