/* Archivo CSS para logos blancos en fondos oscuros/azules */
/* Archivo: logo-white-fix.css */

/* Logo blanco para secciones con fondo azul */
.bg-azul .logo-azul {
    filter: brightness(0) invert(1) !important;
}

/* Logo blanco para el footer */
.logo-footer-white {
    filter: brightness(0) invert(1) !important;
}

/* Logo blanco para el navbar cuando tiene fondo oscuro */
.navbar-custom.sticky-dark .navbar-brand img {
    filter: brightness(0) invert(1) !important;
}

/* Asegurar que los logos blancos funcionen en modo dark theme también */
[data-bs-theme="dark"] .bg-azul .logo-azul,
[data-bs-theme="dark"] .logo-footer-white {
    filter: brightness(0) invert(1) !important;
}

/* Para cualquier logo que necesite ser blanco en fondos oscuros */
.logo-white {
    filter: brightness(0) invert(1) !important;
}

/* Estilos adicionales para el footer */
.footer .logo-footer-white {
    filter: brightness(0) invert(1) !important;
    transition: all 0.3s ease;
}

/* Hover effect opcional para logos */
.logo-footer-white:hover,
.logo-azul:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}