/* Estilos personalizados para centrar el logo en Filament */

/* Centrar el contenedor del logo en el sidebar */
.fi-sidebar-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Centrar el logo específicamente */
.fi-sidebar-header .fi-sidebar-header-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Centrar el nombre de la marca */
.fi-sidebar-header .fi-sidebar-header-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Asegurar que el contenedor del logo esté centrado */
.fi-sidebar-header .fi-sidebar-header-logo img {
    margin: 0 auto !important;
    display: block !important;
}

/* Centrar el texto del nombre de la marca */
.fi-sidebar-header .fi-sidebar-header-brand-name {
    text-align: center !important;
    width: 100% !important;
}

/* Estilos para la vista personalizada del logo */
.fi-sidebar-header .flex {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Responsive para dispositivos móviles */
@media (max-width: 768px) {
    .fi-sidebar-header .fi-sidebar-header-logo img {
        max-width: 100% !important;
        height: auto !important;
    }
}