:root{--bg-oscuro:#07050f;--bg-tarjeta:#120e25;--gradiente-mistico:linear-gradient(135deg, #2b1055 0%, #7597de 100%);--gradiente-morado:linear-gradient(180deg, #181135 0%, #0c081d 100%);--dorado-principal:#dfb76c;--dorado-brillante:#fff2cc;--texto-principal:#f4f4f6;--texto-secundario:#a39fc1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-signo-2,#07050f);background-image:radial-gradient(circle at 50% 30%, var(--bg-signo-1,#1a123a) 0%, var(--bg-signo-2,#07050f) 70%);color:var(--texto-principal);min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .8s;overflow-x:hidden}#root{width:100%;min-height:100vh}.escenario-astral{background:radial-gradient(circle at center, var(--bg-signo-1,#1a123a), var(--bg-signo-2,#07050f));justify-content:center;align-items:center;width:100vw;height:100vh;transition:background 1s ease-in-out;display:flex;position:relative;overflow:hidden}.panel-izquierdo{z-index:10;flex-direction:column;justify-content:center;width:200px;display:flex;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.lista-signos{flex-direction:column;gap:.5rem;display:flex}.btn-signo{color:#fff9;cursor:pointer;text-align:left;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;transition:all .3s}.btn-signo:hover{color:#fff;background:#ffffff26}.btn-signo.activo{background:var(--dorado-principal);color:#000;border-color:var(--dorado-principal);box-shadow:0 0 15px var(--destello-signo);font-weight:700}.btn-toggle-mobile{display:none}.tarjeta-astral{z-index:5;-webkit-backdrop-filter:blur(16px);width:100%;max-width:500px;box-shadow:none;color:#fff;text-align:center;background:#14141e40;border:none;border-radius:24px;padding:3rem;animation:1s ease-out forwards aparecerContenedor;position:relative}.tarjeta-header h1{color:var(--dorado-principal);text-shadow:0 0 20px #dfb76c4d;margin-bottom:.5rem;font-size:2.5rem}.tarjeta-header h2{color:#fffc;margin-bottom:2rem;font-size:1.1rem;font-style:italic;font-weight:300}.tarjeta-detalles ul{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:1.5rem 0;list-style:none}.tarjeta-detalles li{color:#ffffffe6;margin-bottom:.8rem;font-size:1rem}.tarjeta-detalles li strong{color:var(--dorado-principal);margin-right:5px}.tarjeta-prediccion h3{color:var(--dorado-brillante);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.2rem}.tarjeta-prediccion p{color:#ffffffb3;font-size:.95rem;line-height:1.6}.panel-derecho{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.icono-giratorio{opacity:.8;width:300px;height:300px;filter:brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(550%) hue-rotate(355deg) brightness(95%) contrast(90%) drop-shadow(0 0 30px var(--destello-signo));animation:30s linear infinite girarInfinito}@keyframes girarInfinito{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes girarInverso{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes aparecerContenedor{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pantalla-cargando{z-index:999;background:radial-gradient(circle,#1a123a,#07050f);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s ease-out forwards aparecerContenedor;display:flex;position:fixed;top:0;left:0;overflow:hidden}.estrellas-fondo{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.estrella{background:var(--dorado-principal);width:4px;height:4px;box-shadow:0 0 10px var(--dorado-brillante);opacity:0;border-radius:50%;animation:3s ease-in-out infinite titilar;position:absolute}@keyframes titilar{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}.texto-cargando{letter-spacing:2px;text-align:center;background:linear-gradient(90deg,#dfb76c66 0%,#dfb76c 50%,#dfb76c66 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:3rem;padding-left:2px;font-size:1.1rem;font-style:italic;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner-cosmico{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.aura-cosmica{pointer-events:none;background:radial-gradient(circle,#dfb76c26 0%,#dfb76c0d 40%,#0000 70%);border-radius:50%;width:200%;height:200%;animation:3s ease-in-out infinite respirar;position:absolute}@keyframes respirar{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.anillo-exterior{border:2px solid #0000;border-top-color:var(--dorado-principal);border-right-color:var(--dorado-principal);border-radius:50%;width:100%;height:100%;animation:2s linear infinite girarInfinito;position:absolute;box-shadow:0 0 20px #dfb76c4d}.anillo-interior{border:2px solid #0000;border-bottom-color:var(--dorado-brillante);border-left-color:var(--dorado-brillante);opacity:.7;border-radius:50%;width:70%;height:70%;animation:1.5s linear infinite girarInverso;position:absolute}.punto-central{background:var(--dorado-principal);width:12px;height:12px;box-shadow:0 0 25px var(--dorado-brillante), 0 0 50px #dfb76c80;border-radius:50%;animation:1.5s ease-in-out infinite latidoCentral}.orbita{pointer-events:none;justify-content:center;align-items:flex-start;width:140%;height:140%;display:flex;position:absolute}.orbita-1{animation:4s linear infinite girarInfinito}.orbita-2{width:170%;height:170%;animation:6s linear infinite girarInverso}.particula{background:var(--dorado-brillante);width:6px;height:6px;box-shadow:0 0 12px var(--dorado-brillante), 0 0 20px var(--dorado-principal);border-radius:50%}.prediccion-cargando{opacity:.6;font-style:italic;animation:1.5s ease-in-out infinite pulsoCargando}@keyframes pulsoCargando{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes latidoCentral{0%,to{box-shadow:0 0 15px var(--dorado-brillante), 0 0 30px #dfb76c80;transform:scale(1)}50%{box-shadow:0 0 25px var(--dorado-brillante), 0 0 60px #dfb76c80;transform:scale(1.4)}}@media (width<=1024px){.escenario-astral{flex-direction:column;justify-content:center;align-items:center;padding:1rem;overflow:hidden}.btn-toggle-mobile{z-index:200;background:var(--dorado-principal);color:#000;cursor:pointer;border:none;border-radius:8px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s;display:block;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 15px #00000080}.btn-toggle-mobile:active{transform:scale(.95)}.panel-izquierdo{z-index:150;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0ffa;border-right:1px solid #dfb76c33;flex-direction:column;width:240px;height:100vh;padding:4.5rem 1rem 1rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translateY(0)translate(-100%)}.panel-izquierdo.abierto{transform:translateY(0)translate(0);box-shadow:20px 0 50px #000c}.lista-signos{flex-direction:column;gap:.5rem;width:100%;height:100%;padding-right:5px;display:flex;overflow-y:auto}.lista-signos::-webkit-scrollbar{width:4px}.lista-signos::-webkit-scrollbar-thumb{background:var(--dorado-principal);border-radius:4px}.panel-derecho{z-index:3;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.icono-giratorio{opacity:.15;width:350px;height:350px;filter:brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(550%) hue-rotate(355deg) brightness(95%) contrast(90%) drop-shadow(0 0 30px var(--destello-signo));animation:30s linear infinite girarInfinito}.tarjeta-astral{z-index:5;-webkit-backdrop-filter:blur(14px);width:100%;max-width:500px;box-shadow:none;background:#14141e59;border:none;border-radius:24px;margin:0;padding:3rem 2rem;position:relative}.tarjeta-header h1{font-size:1.8rem}.tarjeta-header h2{margin-bottom:1.5rem;font-size:1rem}.tarjeta-detalles li,.tarjeta-prediccion p{font-size:.9rem}}