header.fi-sidebar-header {
    background-color: #4cbdc2 !important; /* color personalizado */
   /* color: white !important;*/ /* para el texto */
}

/* Opcional: cambiar texto dentro del header, como el span */
header.fi-sidebar-header span {
    color: white !important;
}

nav.flex.h-16.items-center.gap-x-4 {
    background-color: #4cbdc2 !important; /* Color personalizado */
    /*color: white !important;*/
}
/* Cambiar color texto de elementos dentro si es necesario */
nav.flex.h-16.items-center.gap-x-4 * {
    /*color: white !important;*/
}


/* Cambiar color del ícono del botón del sidebar */
svg.fi-icon-btn-icon.h-6.w-6 {
    color: #fffeff !important;
    stroke: #fffeff !important;
}