:root{--gold:#d4af37;--gold-light:#f4e4bc;--gold-dark:#996515;--bg-dark:#0a0a0f;--bg-card:#12121a;--bg-elevated:#1a1a24;--text:#e8e6e3;--text-muted:#9a9a9a;--yes:#4a9c6d;--no:#c44536;--maybe:#7b68a6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text);min-height:100vh;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;line-height:1.6}.bg-pattern{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#d4af3714 0%,#0000 50%),radial-gradient(at 80%,#7b68a60d 0%,#0000 40%),radial-gradient(at 20% 80%,#d4af370d 0%,#0000 40%);position:fixed;inset:0}.container{z-index:1;max-width:900px;margin:0 auto;padding:0 20px;position:relative}header{text-align:center;padding:40px 0 20px}.logo{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 40px #d4af374d;margin-bottom:8px;font-family:Cinzel,serif;font-size:clamp(26px,7vw,40px);font-weight:600}.tagline{color:var(--text-muted);letter-spacing:.05em;font-size:15px;font-style:italic}.badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.badge{background:var(--bg-elevated);border:1px solid var(--gold-dark);color:var(--gold-light);border-radius:20px;padding:6px 14px;font-family:Cinzel,serif;font-size:12px}.modo-selector,.tirada-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0;display:flex}.modo-btn,.tirada-btn{border:1px solid var(--gold-dark);color:var(--gold-light);cursor:pointer;background:0 0;border-radius:4px;padding:12px 18px;font-family:Cinzel,serif;font-size:13px;transition:all .3s}.modo-btn:hover,.tirada-btn:hover{border-color:var(--gold);background:#d4af371a}.modo-btn.active,.tirada-btn.active{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--bg-dark);border-color:var(--gold);font-weight:600}.pregunta-section{margin:25px 0}.pregunta-input{background:var(--bg-elevated);width:100%;color:var(--text);border:1px solid #d4af374d;border-radius:8px;outline:none;padding:16px 18px;font-family:Cormorant Garamond,serif;font-size:17px;transition:border-color .3s,box-shadow .3s}.pregunta-input::placeholder{color:var(--text-muted);font-style:italic}.pregunta-input:focus{border-color:var(--gold);box-shadow:0 0 20px #d4af3726}.consultar-btn{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold-dark) 100%);width:100%;color:var(--bg-dark);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background-size:200% 100%;border:none;border-radius:8px;margin-top:18px;padding:16px 40px;font-family:Cinzel,serif;font-size:16px;font-weight:600;transition:all .4s;display:block}.consultar-btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 8px 30px #d4af374d}.consultar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cartas-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:25px 0;display:flex}.carta{perspective:1000px;cursor:pointer;width:110px;height:183px}@media (width<=600px){.carta{width:85px;height:142px}.cartas-area.cartas-7 .carta{width:65px;height:108px}}.carta-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.carta.flipped .carta-inner{transform:rotateY(180deg)}.carta-face{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;overflow:hidden}.carta-back{border:2px solid var(--gold-dark);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;display:flex}.carta-back:before{content:"✦";color:var(--gold);opacity:.6;font-size:36px}.carta-back:after{content:"";border:1px solid var(--gold-dark);opacity:.5;border-radius:4px;position:absolute;inset:6px}.carta-front{background:var(--bg-card);border:2px solid var(--gold);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;transform:rotateY(180deg)}.carta-symbol{margin-bottom:6px;font-size:42px}@media (width<=600px){.carta-symbol{font-size:28px}}.carta-name{color:var(--gold-light);font-family:Cinzel,serif;font-size:10px;line-height:1.2}@media (width<=600px){.carta-name{font-size:8px}}.ruleta-container,.bola-container,.pendulo-container{flex-direction:column;align-items:center;padding:30px 0;display:none}.ruleta-container.visible,.bola-container.visible,.pendulo-container.visible{display:flex}.ruleta{background:conic-gradient(var(--yes) 0deg 120deg,var(--maybe) 120deg 240deg,var(--no) 240deg 360deg);border:4px solid var(--gold);border-radius:50%;width:280px;height:280px;transition:transform 4s cubic-bezier(.17,.67,.12,.99);position:relative;box-shadow:0 0 40px #d4af374d,inset 0 0 60px #00000080}.ruleta:before{content:"";background:var(--bg-dark);border:3px solid var(--gold);z-index:2;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ruleta-label{color:#fff;text-shadow:1px 1px 2px #00000080;font-family:Cinzel,serif;font-size:18px;font-weight:600;position:absolute}.ruleta-label.si{top:35%;right:12%;transform:rotate(45deg)}.ruleta-label.quizas{bottom:18%;left:50%;transform:translate(-50%)}.ruleta-label.no{top:35%;left:12%;transform:rotate(-45deg)}.ruleta-pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid var(--gold);z-index:3;filter:drop-shadow(0 2px 4px #0000004d);width:0;height:0;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.bola{background:radial-gradient(circle at 30% 30%,#fff6,#0000 40%),radial-gradient(circle at 70% 70%,#7b68a64d,#0000 40%),linear-gradient(135deg,#1a1a3e 0%,#0a0a1a 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;animation:3s ease-in-out infinite bola-glow;display:flex;position:relative;box-shadow:0 20px 60px #7b68a666,inset 0 0 80px #7b68a633}@keyframes bola-glow{0%,to{box-shadow:0 20px 60px #7b68a666,inset 0 0 80px #7b68a633}50%{box-shadow:0 20px 80px #7b68a699,inset 0 0 100px #7b68a64d}}.bola-respuesta{color:#fff;text-shadow:0 0 20px;opacity:0;font-family:Cinzel,serif;font-size:32px;font-weight:600;transition:opacity .5s}.bola-respuesta.visible{opacity:1}.bola-base{background:linear-gradient(to bottom,var(--gold-dark),#5a4510);border-radius:0 0 90px 90px;width:180px;height:40px;margin-top:-20px}.pendulo-container{min-height:350px}.pendulo-board{background:var(--bg-elevated);border:2px solid var(--gold-dark);border-radius:140px 140px 20px 20px;justify-content:space-around;align-items:center;width:280px;height:200px;padding:0 30px;display:flex;position:relative}.pendulo-option{font-family:Cinzel,serif;font-size:20px;font-weight:600}.pendulo-option.si{color:var(--yes)}.pendulo-option.quizas{color:var(--maybe)}.pendulo-option.no{color:var(--no)}.pendulo-arm{background:linear-gradient(to bottom,var(--gold),var(--gold-dark));transform-origin:top;width:4px;height:150px;transition:transform 2s cubic-bezier(.4,0,.2,1);position:absolute;top:-80px;left:50%;transform:translate(-50%)}.pendulo-weight{background:radial-gradient(circle at 30% 30%,var(--gold-light),var(--gold-dark));border-radius:50%/40% 40% 60% 60%;width:40px;height:50px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #d4af3780}.resultado{text-align:center;padding:25px 0;display:none}.resultado.visible{animation:.6s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.respuesta-principal{letter-spacing:.15em;text-shadow:0 0 60px;margin-bottom:18px;font-family:Cinzel,serif;font-size:clamp(44px,14vw,68px);font-weight:600}.respuesta-si{color:var(--yes)}.respuesta-no{color:var(--no)}.respuesta-quizas{color:var(--maybe)}.interpretacion{background:var(--bg-elevated);border:1px solid #d4af3733;border-radius:12px;max-width:600px;margin:0 auto;padding:22px}.interpretacion h3{color:var(--gold);margin-bottom:12px;font-family:Cinzel,serif;font-size:16px}.interpretacion p{color:var(--text-muted);font-size:15px;line-height:1.7}.nueva-consulta-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:6px;margin-top:25px;padding:12px 28px;font-family:Cinzel,serif;font-size:13px;transition:all .3s}.nueva-consulta-btn:hover{background:var(--gold);color:var(--bg-dark)}.seccion-seo{border-top:1px solid #d4af3726;margin-top:50px;padding-top:35px}.seccion-titulo{color:var(--gold);text-align:center;margin-bottom:25px;font-family:Cinzel,serif;font-size:clamp(20px,5vw,26px)}.seccion-intro{text-align:center;max-width:650px;color:var(--text-muted);margin:0 auto 30px;font-size:16px}.cartas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:30px;display:grid}.carta-info{background:var(--bg-elevated);border:1px solid #d4af3726;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.carta-info-symbol{text-align:center;min-width:40px;font-size:28px}.carta-info-content{flex:1}.carta-info-name{color:var(--text);margin-bottom:4px;font-family:Cinzel,serif;font-size:13px}.carta-info-respuesta{font-family:Cinzel,serif;font-size:11px;font-weight:600}.accordion{margin-bottom:8px}.accordion-header{background:var(--bg-elevated);cursor:pointer;border:1px solid #d4af3726;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;transition:all .3s;display:flex}.accordion-header:hover{border-color:var(--gold-dark)}.accordion-header.active{border-color:var(--gold);border-radius:6px 6px 0 0}.accordion-title{color:var(--text);align-items:center;gap:10px;font-family:Cinzel,serif;font-size:14px;display:flex}.accordion-title span:first-child{font-size:20px}.accordion-badge{border-radius:20px;padding:3px 10px;font-family:Cinzel,serif;font-size:10px;font-weight:600}.badge-si{color:var(--yes);background:#4a9c6d33}.badge-no{color:var(--no);background:#c4453633}.badge-quizas{color:var(--maybe);background:#7b68a633}.accordion-icon{color:var(--gold);font-size:16px;transition:transform .3s}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.accordion-content{background:var(--bg-card);border:1px solid #d4af3726;border-top:none;border-radius:0 0 6px 6px;padding:18px;display:none}.accordion-content.show{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-content p{color:var(--text-muted);font-size:15px;line-height:1.7}.texto-seo{background:var(--bg-elevated);border:1px solid #d4af3726;border-radius:10px;margin-bottom:20px;padding:25px}.texto-seo h3{color:var(--gold);margin-bottom:12px;font-family:Cinzel,serif;font-size:17px}.texto-seo h4{color:var(--gold-light);margin:18px 0 10px;font-family:Cinzel,serif;font-size:15px}.texto-seo p{color:var(--text-muted);margin-bottom:12px;font-size:15px;line-height:1.7}.texto-seo p:last-child{margin-bottom:0}.texto-seo ul{color:var(--text-muted);margin-bottom:12px;margin-left:20px;font-size:15px;line-height:1.8}footer{text-align:center;color:var(--text-muted);border-top:1px solid #d4af371a;margin-top:50px;padding:40px 20px;font-size:13px}footer p{margin-bottom:8px}.footer-link{color:var(--gold);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--gold-light);text-decoration:underline}.loading-text{color:var(--gold);letter-spacing:.1em;font-family:Cinzel,serif;font-size:16px}.hidden{display:none!important}.cartas-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:25px;display:flex}.cartas-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #d4af374d;border-radius:4px;padding:10px 18px;font-family:Cinzel,serif;font-size:12px;transition:all .3s}.cartas-tab:hover{border-color:var(--gold-dark);color:var(--gold-light)}.cartas-tab.active{background:var(--gold);color:var(--bg-dark);border-color:var(--gold)}.cartas-panel{display:none}.cartas-panel.active{display:block}.blog-header{text-align:center;padding:40px 0 10px}.blog-header .logo{margin-bottom:4px}.blog-sub{color:var(--text-muted);letter-spacing:.05em;font-size:15px;font-style:italic}.blog-list{flex-direction:column;gap:20px;margin:30px 0 10px;display:flex}.blog-card{background:var(--bg-elevated);border:1px solid #d4af3726;border-radius:10px;gap:20px;padding:22px;transition:border-color .3s,box-shadow .3s;display:flex}.blog-card:hover{border-color:var(--gold-dark);box-shadow:0 4px 20px #d4af3714}.blog-card-image{object-fit:cover;border:1px solid #d4af3740;border-radius:8px;flex-shrink:0;align-self:flex-start;width:190px;height:127px}.blog-card-body{flex:1}.blog-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-family:Cinzel,serif;font-size:11px;display:flex}.blog-categoria{border:1px solid var(--gold-dark);color:var(--gold-light);background:#d4af371f;border-radius:20px;padding:2px 10px;font-size:10px}.blog-card-title{margin-bottom:8px;font-family:Cinzel,serif;font-size:22px;font-weight:600;line-height:1.3}.blog-card-title a{color:var(--text);text-decoration:none;transition:color .3s}.blog-card-title a:hover{color:var(--gold)}.blog-card-desc{color:var(--text-muted);font-size:15px;line-height:1.6}.blog-card-more{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-family:Cinzel,serif;font-size:12px;text-decoration:none;display:inline-block}.blog-card-more:hover{color:var(--gold-light)}.blog-vacio{text-align:center;color:var(--text-muted);padding:40px 0;font-style:italic}.post-header{text-align:center;padding:30px 0 10px}.post-title{color:var(--gold);text-shadow:0 0 40px #d4af374d;margin-bottom:12px;font-family:Cinzel,serif;font-size:clamp(24px,6vw,36px);font-weight:600;line-height:1.25}.post-featured{object-fit:cover;border:1px solid #d4af3740;border-radius:10px;width:100%;max-height:380px;margin:20px 0;display:block}.post-body{margin-top:20px}.post-body h2{color:var(--gold);margin:28px 0 12px;font-family:Cinzel,serif;font-size:21px;font-weight:600}.post-body a{color:var(--gold-light);text-decoration:underline}.post-body img{border:1px solid #d4af3740;border-radius:10px;max-width:100%}.post-body blockquote{border-left:3px solid var(--gold-dark);color:var(--text-muted);margin:14px 0;padding-left:16px;font-style:italic}.post-body code{background:var(--bg-dark);border:1px solid #d4af3726;border-radius:4px;padding:1px 6px;font-size:14px}.blog-back{color:var(--gold);letter-spacing:.08em;margin:30px 0 20px;font-family:Cinzel,serif;font-size:13px;text-decoration:none;display:inline-block}.blog-back:hover{color:var(--gold-light)}@media (width<=600px){.blog-card{flex-direction:column}.blog-card-image{width:100%;height:160px}}