/* Sidebar Background */
.sidebar-gradient {
    /* Un gradiente oscuro y sutil para el fondo del sidebar */
    background: linear-gradient(180deg, #1c2a38 0%, #101820 100%) !important;
    /* Opciones alternativas más oscuras y elegantes:
    background: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%) !important;
    background: radial-gradient(circle, #2c3e50 0%, #1a252f 100%) !important;
    */
}

/* Estilo para los elementos del menú del sidebar */
.nav-sidebar .nav-item .nav-link {
    color: #ecf0f1 !important; /* Texto claro para contraste */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-sidebar .nav-item .nav-link i,
.nav-sidebar .nav-item .nav-link svg {
    color: #bdc3c7 !important; /* Iconos un poco más suaves */
    fill: #bdc3c7 !important;
    transition: color 0.3s ease, fill 0.3s ease;
}

/* Hover y Activo para el Sidebar */
.nav-sidebar .nav-item .nav-link:hover,
.nav-sidebar .nav-item .nav-link.active {
    background-color: rgba(44, 62, 80, 0.5) !important; /* Fondo sutil al pasar el mouse/activo */
    color: #ffffff !important; /* Texto blanco puro en hover/activo */
}

.nav-sidebar .nav-item .nav-link:hover i,
.nav-sidebar .nav-item .nav-link:hover svg,
.nav-sidebar .nav-item .nav-link.active i,
.nav-sidebar .nav-item .nav-link.active svg {
    color: #ffffff !important; /* Iconos blancos puros en hover/activo */
    fill: #ffffff !important;
}

/* Estilo para los títulos de los logos (Importadora y Miranda) */
.logo-importadora,
.logo-miranda {
    /* Un gradiente de texto más oscuro y metálico */
    background: linear-gradient(90deg, #bec8d6 0%, #aab2bd 50%, #9da8b6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; /* Hacer el texto más robusto */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Sombra sutil para profundidad */
}
.logo-importadora {
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(3,12,13,1) 35%, rgba(0,212,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo-miranda {
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(3,12,13,1) 35%, rgba(0,212,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}