/* -----------------------------------------------------
   LOGO PRINCIPAL (IMAGEN) con efecto hover
------------------------------------------------------ */
.logo-header {
  width: 300px;      /* tamaño más grande según tu preferencia */
  height: auto;      /* mantiene proporciones */
  display: block;
  margin: 0 auto;
  transition: filter 0.3s ease; /* transición suave para el efecto hover */
}

.logo-header:hover {
  filter: brightness(1.3); /* se ilumina al pasar el ratón */
}