/* animations.css */

/* Animações para o logo Dumaster - Versão DM */


/* Keyframes para o efeito */

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  -webkit-mask-position: -100% 0;
  -webkit-mask-repeat: no-repeat;

  mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
  mask-size: 200% 100%;
  mask-position: -100% 0;
  mask-repeat: no-repeat;

  animation: revealSweep 10s ease-in-out infinite;
}

@keyframes revealSweep {
  0% {
    -webkit-mask-position: -100% 0;
            mask-position: -100% 0;
  }
  20% {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
  21%, 100% {
    -webkit-mask-image: none;
            mask-image: none;
  }
}

.logo-container img {
  max-width: 100%;
  height: auto;
}


/* Desativar animações complexas em dispositivos com preferência por movimento reduzido */

@media (prefers-reduced-motion) {
  .logo-container img {
    animation: fadeIn 1.5s ease-in-out forwards;
  }
  
  .logo-container:hover img {
    filter: brightness(1.2);
  }
}