/* Estilo global */
body {
  background-color: #000;       /* Fondo negro */
  color: #fff;                  /* Texto blanco */
  font-family: 'Inter', 'Poppins', sans-serif; /* Fuente moderna y llamativa */
}

/* Asegurar que enlaces, títulos y secciones mantengan contraste */
a {
  color: #6a6adf; /* Azul vibrante para enlaces */
}

a:hover {
  color: #9b7de0; /* Morado suave al pasar el mouse */
}

/* Sobrescribe clases claras si es necesario */
.bg-white {
  background-color: #000 !important;
}

.text-black {
  color: #fff !important;
}

/* Ajustar colores para tarjetas o componentes */
.bg-gray-100 {
  background-color: #111 !important;
}

.text-gray-700,
.text-gray-900 {
  color: #ccc !important;
}

.text-gray-300 {
  color: #aaa !important;
}

/* Botón oscuro */
button {
  background-color: #fff;
  color: #000;
}

button:hover {
  background-color: #ddd;
}
.zoom img {
            transition: transform 0.3s ease-in-out;
        }
        .zoom:hover img {
            transform: scale(1.05);
        }