body.aurora-cielo-attivo { background-color: #000 !important; background-image: none !important; isolation: isolate; }
body.aurora-cielo-attivo > .wp-site-blocks { position: relative; z-index: 1; }
#aurora-cielo { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; user-select: none; }
#aurora-cielo .acs-star { position: absolute; width: var(--diameter); height: var(--diameter); border-radius: 50%; background: #f4f6ff; box-shadow: 0 0 5px #c6d3ffb0; opacity: .3; animation: acs-twinkle var(--period) ease-in-out var(--delay) infinite; }
@keyframes acs-twinkle { 0%,100% { opacity: .12; } 35% { opacity: .3; } 55% { opacity: var(--brightness); } 78% { opacity: .22; } }
#aurora-cielo .acs-meteors { position: absolute; inset: 0; overflow: hidden; }
#aurora-cielo .acs-meteor { position: absolute; width: 145px; height: 1px; border-radius: 100%; background: linear-gradient(90deg,transparent,#becbdf88,#fff); box-shadow: 0 0 4px #cbdcff60; animation: acs-shoot 1500ms ease-out both; }
@keyframes acs-shoot { 0% { opacity: 0; transform: translate(-100px,-62px) rotate(32deg); } 15% { opacity: .65; } 70% { opacity: .4; } 100% { opacity: 0; transform: translate(340px,213px) rotate(32deg); } }
#aurora-cielo[data-paused="true"] .acs-star { animation-play-state: paused; }
#aurora-cielo-pausa { position: fixed; left: max(10px, env(safe-area-inset-left)); bottom: max(10px, env(safe-area-inset-bottom)); z-index: 20; min-height: 44px; padding: 8px 12px; border: 1px solid #c582b5; border-radius: 9px; background: #100b16ed; color: #f8d7ed; font: 13px/1.3 system-ui, sans-serif; letter-spacing: normal; text-transform: none; cursor: pointer; }
#aurora-cielo-pausa:focus-visible { outline: 3px solid #ffe384; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { #aurora-cielo .acs-star { animation: none; opacity: .45; } #aurora-cielo .acs-meteor, #aurora-cielo-pausa { display: none; } }
@media print { #aurora-cielo, #aurora-cielo-pausa { display: none !important; } }
