/* =========================================================
   loader — animazione logo mark per stati di caricamento
   I 3 pezzi del mark pulsano in sequenza (sweep sx → dx)
   ========================================================= */

@keyframes loader-piece-pulse {
  0%, 80%, 100% {
    opacity: 0.1;
  }
  30%, 50% {
    opacity: 1;
  }
}

.loader-piece {
  animation: loader-piece-pulse 1.8s ease-in-out infinite;
  will-change: opacity;
}

.loader-piece-1 { animation-delay: 0s; }
.loader-piece-2 { animation-delay: 0.3s; }
.loader-piece-3 { animation-delay: 0.6s; }

@media (prefers-reduced-motion: reduce) {
  .loader-piece {
    animation: none;
    opacity: 0.6;
  }
}