: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}body{box-sizing:border-box;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);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .8s;display:flex;overflow-x:hidden}.tarjeta-astral{z-index:2;text-align:center;background:linear-gradient(180deg, var(--bg-signo-1,#181135) 0%, var(--bg-signo-2,#0c081d) 100%);width:90%;max-width:550px;box-shadow:0 20px 40px #0009, 0 0 60px var(--destello-signo,#2b10554d);border:1px solid #dfb76c26;border-radius:16px;padding:2.5rem;transition:background .8s,box-shadow .8s;animation:1s ease-out forwards aparecerContenedor;position:relative}.svg-signo-fondo{z-index:5;background:var(--bg-signo-2,#110b29);width:130px;height:130px;box-shadow:0 8px 25px #0009, 0 0 20px var(--destello-signo,#dfb76c26);opacity:0;border:1px solid #dfb76c4d;border-radius:50%;padding:1rem;transition:background .8s;animation:1s ease-out .2s forwards aparecerElemento,3s ease-in-out 1.2s infinite alternate pulsoCosmico;position:absolute;top:-45px;left:-95px}.trazo-signo{transform-origin:50%;opacity:1;animation:2s ease-in-out 1.5s infinite alternate respiracionMistica}h1{color:var(--dorado-principal);letter-spacing:1px;text-shadow:0 2px 10px #dfb76c33;margin-bottom:.3rem;font-size:2.6rem}h2{color:var(--texto-secundario);margin-top:0;margin-bottom:2rem;font-size:1.3rem;font-style:italic;font-weight:400}ul{border-top:1px solid rgba(163, 159, 193, 0,1);border-bottom:1px solid #a39fc11a;margin:2rem 0;padding:1.5rem 0;list-style:none}li{color:var(--texto-principal);opacity:0;margin:.8rem 0;font-size:1.1rem;animation:.8s ease-out .4s forwards aparecerElemento}strong{color:var(--dorado-principal);font-weight:600}h3{color:var(--dorado-brillante);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:1.2rem}p{color:var(--texto-secundario);opacity:0;font-size:1.05rem;line-height:1.7;animation:.8s ease-out .7s forwards aparecerElemento}@keyframes aparecerContenedor{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes aparecerElemento{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulsoCosmico{0%{box-shadow:0 8px 25px #0009, 0 0 15px var(--destello-signo,#dfb76c26);filter:brightness()}to{box-shadow:0 8px 30px #000000b3, 0 0 35px var(--destello-signo,#dfb76c59);filter:brightness(1.2)}}@keyframes respiracionMistica{0%{opacity:.8;filter:brightness();transform:scale(.99)}to{opacity:1;filter:brightness(1.3);transform:scale(1)}}main{text-align:center;background:var(--gradiente-morado);border:1px solid #dfb76c26;border-radius:16px;width:85%;max-width:550px;padding:2.5rem 2rem;animation:1s ease-out forwards aparecerContenedor;box-shadow:0 20px 40px #00000080,0 0 50px #2b10554d}@media (width<=600px){body{padding:1rem}main{width:90%;padding:2rem 1.5rem}h1{font-size:2.2rem}h2{margin-bottom:1.5rem;font-size:1.1rem}ul{margin:1.5rem 0;padding:1rem 0}li{margin:.6rem 0;font-size:1rem}h3{font-size:1.1rem}p{font-size:.95rem;line-height:1.6}}@media (width<=768px){body{padding-top:6rem}.tarjeta-astral{width:90%;padding:4rem 1.5rem 2rem}.svg-signo-fondo{width:100px;height:100px;padding:.8rem;animation:1s ease-out .2s forwards aparecerElementoMovil,3s ease-in-out 1.2s infinite alternate pulsoCosmicoMovil;top:-50px;left:50%}h1{font-size:2.2rem}h2{margin-bottom:1.5rem;font-size:1.1rem}ul{margin:1.5rem 0;padding:1rem 0}li{margin:.6rem 0;font-size:1rem}h3{font-size:1.1rem}p{font-size:.95rem;line-height:1.6}}@media (width<=375px){h1{font-size:1.8rem}.tarjeta-astral{padding:3.5rem 1rem 1.5rem}}@keyframes aparecerElementoMovil{0%{opacity:0;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pulsoCosmicoMovil{0%{box-shadow:0 8px 25px #0009, 0 0 15px var(--destello-signo,#dfb76c26);filter:brightness();top:-50px;left:50%;transform:translate(-50%)}to{box-shadow:0 8px 30px #000000b3, 0 0 35px var(--destello-signo,#dfb76c59);filter:brightness(1.2);top:-50px;left:50%;transform:translate(-50%)}}