/* Fregu — aurora: degradê laranja em movimento.
   Três luzes laranja e marrom que vagam devagar atrás do conteúdo. Pausa fora da tela (.fora, via JS) e com o botão "Pausar animação" (body.sem-anim) e com "reduzir movimento". */
.aurora { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 58%, transparent); mask-image: linear-gradient(to bottom, #000 58%, transparent); }
.aurora i { position: absolute; display: block; border-radius: 50%; filter: blur(70px); will-change: transform; }
.aurora i:nth-child(1) { --s: min(78vw, 980px); width: var(--s); height: var(--s); left: calc(50% - var(--s) / 2); top: calc(var(--s) * -.55); background: radial-gradient(closest-side, rgba(255, 109, 41, .62), transparent); animation: aur-a 17s ease-in-out infinite alternate; }
.aurora i:nth-child(2) { --s: min(60vw, 780px); width: var(--s); height: var(--s); left: calc(50% - var(--s) * 1.15); top: calc(var(--s) * -.3); background: radial-gradient(closest-side, rgba(120, 58, 30, .6), transparent); animation: aur-b 22s ease-in-out infinite alternate; }
.aurora i:nth-child(3) { --s: min(52vw, 700px); width: var(--s); height: var(--s); left: calc(50% + var(--s) * .1); top: calc(var(--s) * -.2); background: radial-gradient(closest-side, rgba(255, 154, 92, .38), transparent); animation: aur-c 26s ease-in-out infinite alternate; }
@keyframes aur-a { 0% { transform: translate3d(-24%, 0, 0) scale(1); } 50% { transform: translate3d(8%, 16%, 0) scale(1.14); } 100% { transform: translate3d(26%, -6%, 0) scale(.92); } }
@keyframes aur-b { 0% { transform: translate3d(10%, 8%, 0) scale(1.06); } 100% { transform: translate3d(-26%, 26%, 0) scale(.88); } }
@keyframes aur-c { 0% { transform: translate3d(0, 0, 0) scale(1); } 100% { transform: translate3d(-34%, 22%, 0) scale(1.18); } }
.aurora.fora i, body.sem-anim .aurora i { animation-play-state: paused; }

/* variante para o rodapé da página: a luz sobe de baixo */
.aurora.base { -webkit-mask-image: linear-gradient(to top, #000 52%, transparent); mask-image: linear-gradient(to top, #000 52%, transparent); }
.aurora.base i:nth-child(n) { top: auto; bottom: calc(var(--s) * -.5); }
.aurora.base i:nth-child(2) { left: calc(50% - var(--s) * .85); }
.aurora.base i:nth-child(3) { left: calc(50% - var(--s) * .15); }
/* variante sem esmaecer (painel lateral do login) */
.aurora.cheia { -webkit-mask-image: none; mask-image: none; }
.aurora.cheia i:nth-child(1) { --s: min(46vw, 620px); top: calc(var(--s) * -.35); }
.aurora.cheia i:nth-child(2) { --s: min(40vw, 520px); top: auto; bottom: calc(var(--s) * -.3); left: calc(50% - var(--s) * .9); }
.aurora.cheia i:nth-child(3) { --s: min(36vw, 480px); top: auto; bottom: calc(var(--s) * -.2); left: calc(50% - var(--s) * .1); }

@media (prefers-reduced-motion: reduce) { .aurora i { animation: none; } }
