/* Estilos aislados del componente footer */
#footer {
  margin-top: auto;
}

#footer > .container-fluid {
  background-color: var(--blanco) !important;
  border-top: 4px solid var(--amarillo-sol);
}

#footer a {
  color: var(--blanco) !important;
}

#footer svg {
  transition: all 0.3s ease;
}

#footer .hover-brand:hover svg {
  fill: var(--naranja) !important;
  transform: translateY(-3px);
}