@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
.oraculo-ia-container{background:#0a0a0a;color:#e0e0e0;font-family:'Space Mono',monospace;padding:40px;max-width:1200px;margin:0 auto}
.oraculo-ia-container h1{color:#00FFFF;font-size:3rem;text-shadow:0 0 15px #00FFFF;margin:0;font-weight:700}
.oraculo-ia-container h2{color:#00FFFF;font-size:1.5rem;margin:30px 0 15px;border-bottom:2px solid #00FFFF;padding-bottom:10px}
.oraculo-ia-container .sub{color:#00FFFF;font-size:0.9rem;margin-bottom:30px;opacity:0.9}
.oraculo-ia-container p, .oraculo-ia-container label{color:#e0e0e0;line-height:1.8}
.oraculo-ia-container .area-btn{background:#1a1a1a;border:2px solid #00FFFF;color:#00FFFF;padding:12px 24px;margin:5px;cursor:pointer;font-family:inherit;font-weight:700;transition:all 0.3s}
.oraculo-ia-container .area-btn:hover,.oraculo-ia-container .area-btn.active{background:#00FFFF;color:#000;box-shadow:0 0 20px #00FFFF}
.oraculo-ia-container input,.oraculo-ia-container textarea{background:#1a1a1a;border:1px solid #00FFFF;color:#fff;padding:12px;width:100%;margin:10px 0;font-family:inherit;font-size:1rem}
.oraculo-ia-container input::placeholder,.oraculo-ia-container textarea::placeholder{color:#666}
.oraculo-ia-container .btn-primary{background:#00FFFF;color:#000;border:none;padding:18px 40px;font-size:1.2rem;cursor:pointer;font-weight:700;margin:20px 5px;transition:all 0.3s}
.oraculo-ia-container .btn-primary:hover{box-shadow:0 0 30px #00FFFF;transform:translateY(-2px)}
.oraculo-ia-container .btn-secondary{background:#1a1a1a;color:#00FFFF;border:2px solid #00FFFF;padding:18px 40px;font-size:1.2rem;cursor:pointer;font-weight:700;margin:20px 5px}
.oraculo-ia-container .cartas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}
.oraculo-ia-container .carta{perspective:1000px;height:200px}
.oraculo-ia-container .carta-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d;cursor:pointer}
.oraculo-ia-container .carta.flipped .carta-inner{transform:rotateY(180deg)}
.oraculo-ia-container .carta-front,.oraculo-ia-container .carta-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#1a1a1a;border:2px solid #00FFFF;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.oraculo-ia-container .carta-back{transform:rotateY(180deg);background:#0a0a0a}
.oraculo-ia-container .carta h3{color:#00FFFF;margin:0 0 10px;font-size:1.8rem}
.oraculo-ia-container .carta p{color:#ccc;font-size:0.9rem;text-align:center;margin:5px 0}
.oraculo-ia-container .veredicto{background:#1a1a1a;border-left:4px solid #00FFFF;padding:25px;margin:30px 0}
.oraculo-ia-container .veredicto h3{color:#00FFFF;margin:0 0 15px;font-size:1.5rem}
.oraculo-ia-container .veredicto p{color:#fff;font-size:1.1rem;line-height:1.8}
.oraculo-ia-container .sendero{color:#00FFFF;font-size:1.3rem;margin:20px 0;font-weight:700}
.oraculo-ia-container .disclaimer{background:#330000;border-left:4px solid #ff0000;padding:15px;margin:20px 0;color:#ffaaaa}
@media(max-width:768px){.oraculo-ia-container{padding:20px}.oraculo-ia-container h1{font-size:2rem}.oraculo-ia-container .cartas-grid{grid-template-columns:1fr}}