/* Estilos para el offcanvas */
.offcanvas-start {
    width: 250px;
    /* Ancho del sidebar */
}

/* Animación para desplazar el contenido */
.contenido {
    transition: margin-left 0.4s ease;
}

/* Cuando se abre el offcanvas, empuja el contenido */
.contenido.shifted {
    margin-left: 200px;
    /* Mismo ancho del sidebar */
}

/* AJUSTES SIDEBAR */
/* En pantallas pequeñas, no desplaza el contenido */
@media (width > 800px) {
    .contenido.shifted {
        margin-left: 400px;
        /* No empuja el contenido en pantallas pequeñas */
    }
    .sidebar{
        margin-top: 66px;
    }
}

@media (width <= 800px) {
    .contenido.shifted {
        margin-left: 0px;
    }
    .sidebar{
        margin-top: 105px;
    }
}

@media (width <= 360px) {
    .sidebar{
        margin-top: 140px;
    }
}

.link-hover-white:hover{
    color: white !important;
}