/* ============ TEMA NATALINO (temporário) ============
   Personagens natalinos cruzando o site inteiro em trajetórias curvas.
   Não bloqueiam cliques (pointer-events: none).
   Liga/desliga: botão "Natal" visível só para administração/moderação. */

.natal-stage {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 900;
}

.natal-bicho {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
}
.natal-centro { position: absolute; left: 0; top: 0; }
.natal-centro svg {
    display: block;
    overflow: visible;
    filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .35));
}
.natal-vira { width: 100%; height: 100%; }

/* movimentos internos */
.natal-flutua  { animation: natalFlutua 1.4s ease-in-out infinite; }
.natal-balanca { animation: natalBalanca 3s ease-in-out infinite; transform-origin: 50% 0; }
.natal-pata-a  { animation: natalPata .42s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 85% 15%; }
.natal-pata-b  { animation: natalPata .42s ease-in-out infinite alternate-reverse; transform-box: fill-box; transform-origin: 15% 15%; }
.natal-nariz   { animation: natalNariz 1s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.natal-acena   { animation: natalAcena .6s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 0% 100%; }
.natal-asa-e   { animation: natalAsaE .22s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 100% 60%; }
.natal-asa-d   { animation: natalAsaD .22s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: 0% 60%; }

@keyframes natalFlutua  { 0%, 100% { transform: translateY(-6px); } 50% { transform: translateY(8px); } }
@keyframes natalBalanca { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
@keyframes natalPata    { from { transform: rotate(-14deg); } to { transform: rotate(14deg); } }
@keyframes natalNariz   { 0%, 100% { opacity: .45; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes natalAcena   { from { transform: rotate(-10deg); } to { transform: rotate(14deg); } }
@keyframes natalAsaE    { from { transform: rotate(18deg); } to { transform: rotate(-28deg); } }
@keyframes natalAsaD    { from { transform: rotate(-18deg); } to { transform: rotate(28deg); } }

/* faíscas mágicas do rastro (estrela de 4 pontas na cor de "color") */
.natal-faisca {
    position: absolute;
    pointer-events: none;
    background: currentColor;
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
    filter: drop-shadow(0 0 4px currentColor);
    animation: natalFaisca 1.3s ease-out forwards;
}
@keyframes natalFaisca {
    0%   { opacity: 1; transform: scale(1) rotate(0); }
    100% { opacity: 0; transform: translateY(26px) scale(.2) rotate(120deg); }
}

@media (prefers-reduced-motion: reduce) { .natal-stage { display: none; } }
@media print { .natal-stage { display: none; } }