/* Estilos para el contenedor del logo con fondo blanco */
.footer-logo {
  position: relative;
  display: inline-block;
  /* Sombra para separar del fondo y dar sensación de elevación */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  /* Asegurar que los bordes sean suaves */
  overflow: hidden;
}

.footer-logo img {
  /* No necesitamos filtros adicionales ya que tenemos contraste máximo con fondo blanco */
  transition: all 0.3s ease;
  /* La imagen sigue por encima de otros elementos */
  position: relative;
  z-index: 5; 
}

/* Efecto hover más sutil y elegante */
.footer-logo:hover {
  /* Sombra más pronunciada al pasar el ratón */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.footer-logo:hover img {
  transform: scale(1.03);
}