/* SIMA — fondos animados + helpers de Apariencia (portado de CIMA themes.css) */
/* Aurora borealis */
.cima-anim-aurora { background: #060612; }
.cima-anim-aurora::before, .cima-anim-aurora::after {
    content: '';
    position: absolute;
    inset: -40%;
    filter: blur(50px);
    animation: _caur 14s ease-in-out infinite alternate;
}
.cima-anim-aurora::before {
    background:
        radial-gradient(ellipse 80% 55% at 25% 50%, rgba(0,220,130,0.45), transparent 65%),
        radial-gradient(ellipse 65% 45% at 75% 40%, rgba(29,120,240,0.45), transparent 65%),
        radial-gradient(ellipse 55% 65% at 50% 75%, rgba(0,140,255,0.38), transparent 65%);
}
.cima-anim-aurora::after {
    background:
        radial-gradient(ellipse 90% 50% at 65% 30%, rgba(20,100,240,0.32), transparent 60%),
        radial-gradient(ellipse 60% 60% at 20% 65%, rgba(0,200,220,0.28), transparent 60%);
    animation-delay: -7s;
    animation-direction: alternate-reverse;
}
@keyframes _caur {
    0%   { transform: translate(0,0) scale(1); }
    33%  { transform: translate(8%,5%) scale(1.08); }
    66%  { transform: translate(-5%,8%) scale(0.95); }
    100% { transform: translate(4%,-6%) scale(1.05); }
}

/* Aurora rápida — misma estética, movimiento más ágil (6s vs 14s) */
.cima-anim-aurora-fast { background: #060612; }
.cima-anim-aurora-fast::before, .cima-anim-aurora-fast::after {
    content: '';
    position: absolute;
    inset: -40%;
    filter: blur(50px);
    animation: _caur 6s ease-in-out infinite alternate;
}
.cima-anim-aurora-fast::before {
    background:
        radial-gradient(ellipse 80% 55% at 25% 50%, rgba(0,220,130,0.45), transparent 65%),
        radial-gradient(ellipse 65% 45% at 75% 40%, rgba(29,120,240,0.45), transparent 65%),
        radial-gradient(ellipse 55% 65% at 50% 75%, rgba(0,140,255,0.38), transparent 65%);
}
.cima-anim-aurora-fast::after {
    background:
        radial-gradient(ellipse 90% 50% at 65% 30%, rgba(20,100,240,0.32), transparent 60%),
        radial-gradient(ellipse 60% 60% at 20% 65%, rgba(0,200,220,0.28), transparent 60%);
    animation-delay: -3s;
    animation-direction: alternate-reverse;
}

/* Mesh vivo */
.cima-anim-mesh {
    background: linear-gradient(-45deg, #0a0f2e, #1a0a2e, #0a1f3d, #0f2a1a, #2a0a0f);
    background-size: 400% 400%;
    animation: _cmesh 18s ease infinite;
}
@keyframes _cmesh {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Cosmos twinkling */
.cima-anim-cosmos {
    background: radial-gradient(ellipse at 50% 60%, #1a0a2e 0%, #020408 70%);
}
.cima-anim-cosmos::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle 1.5px at 12% 28%, rgba(255,255,255,0.9), transparent),
        radial-gradient(circle 1px at 47% 12%, rgba(255,255,255,0.7), transparent),
        radial-gradient(circle 2px at 73% 62%, rgba(255,255,255,0.6), transparent),
        radial-gradient(circle 1px at 88% 38%, rgba(255,255,255,0.85), transparent),
        radial-gradient(circle 1px at 22% 78%, rgba(255,255,255,0.5), transparent),
        radial-gradient(circle 1.5px at 58% 88%, rgba(255,255,255,0.7), transparent),
        radial-gradient(circle 1px at 35% 52%, rgba(255,255,255,0.8), transparent),
        radial-gradient(circle 2px at 81% 82%, rgba(255,255,255,0.6), transparent),
        radial-gradient(circle 1px at 64% 22%, rgba(255,220,180,0.7), transparent),
        radial-gradient(circle 1px at 5% 48%, rgba(200,220,255,0.6), transparent),
        radial-gradient(ellipse 35% 25% at 60% 45%, rgba(100,60,200,0.18), transparent);
    animation: _ccos 4s ease-in-out infinite alternate;
}
@keyframes _ccos {
    0%   { opacity: 0.75; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.008); }
}

/* Ondas geométricas */
.cima-anim-waves { background: #06060f; }
.cima-anim-waves::before, .cima-anim-waves::after {
    content: '';
    position: absolute;
    inset: -50%;
    border-radius: 42%;
    animation: _cwav 10s linear infinite;
}
.cima-anim-waves::before {
    background: rgba(29,78,216,0.08);
    animation-duration: 10s;
}
.cima-anim-waves::after {
    background: rgba(192,132,252,0.06);
    animation-duration: 14s;
    animation-direction: reverse;
}
@keyframes _cwav {
    0%   { transform: rotate(0deg) translate(8%,8%) scale(1.1); }
    100% { transform: rotate(360deg) translate(8%,8%) scale(1.1); }
}

/* Neón pulsante */
.cima-anim-neon { background: #020814; }
.cima-anim-neon::before {
    content: '';
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(ellipse 60% 40% at 20% 55%, rgba(29,78,216,0.38), transparent 60%),
        radial-gradient(ellipse 50% 35% at 80% 40%, rgba(0,180,255,0.28), transparent 60%),
        radial-gradient(ellipse 40% 50% at 50% 80%, rgba(0,120,240,0.22), transparent 60%);
    filter: blur(35px);
    animation: _cneon 7s ease-in-out infinite alternate;
}
@keyframes _cneon {
    0%   { opacity: 0.55; transform: scale(0.93) rotate(-1deg); }
    50%  { opacity: 1; }
    100% { opacity: 0.65; transform: scale(1.07) rotate(2deg); }
}