/* css/styles.css */

/* ========================================================= */
/* 🌟 ANIMACIONES PERSONALIZADAS                             */
/* ========================================================= */
@keyframes ken-burns {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

@keyframes fade-in-down {
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Nueva animación de entrada para las fotos GALERIA */
@keyframes fade-in-up {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
        }

.animate-ken-burns {
  animation: ken-burns 12s ease-out infinite alternate;
}

.animate-fade-in-down {
  animation: fade-in-down 1.2s ease-out forwards;
}

 /* 🌟 NUEVA ANIMACIÓN PARA EL CARRUSEL CONTINUO (TESTIMONIOS) */
    @keyframes marquee {
        0% { transform: translateX(0); }
          100% { transform: translateX(-50%); } /* Se mueve la mitad exacta del ancho duplicado */
        }
    .animate-marquee {
          /* Ajusta '40s' para cambiar la velocidad general (más segundos = más lento) */
        animation: marquee 40s linear infinite;
        }
        /* Clase para pausar la animación al hacer hover (JS añadirá esto) */
    .paused-marquee {
          animation-play-state: paused !important;
        }

/* ========================================================= */
/* 🚫 OCULTAR SCROLLBAR GLOBALMENTE (PERO PERMITIR SCROLL)   */
/* ========================================================= */ 
        
        /* Chrome, Safari, Opera y Brave */
        html::-webkit-scrollbar, 
        body::-webkit-scrollbar {
            display: none !important;
        }

        /* Firefox, IE y Edge */
        html, body {
            -ms-overflow-style: none !important;  /* IE y Edge */
            scrollbar-width: none !important;     /* Firefox */
        }