.bg-155E40{
    background:#155E40 !important;
}
.ff-montserrat{
    font-family: "Montserrat", "Nunito", sans-serif;
}
.navSubMenuSeleccionable{
    cursor: pointer;
}
.transition1s{
    transition: all 0.75s ease-in-out;
}
.menu-cerrado{
    display: inline-block;
    transform: rotate(180deg);
    font-size: 25px;
    cursor: pointer;
}
.menu-abierto{
    display: inline-block;
    transform: rotate(0deg);
    font-size: 25px;
    cursor: pointer;
}
.menuDesdeIzquierda{
    animation: entrarDesdeIzquierdaMenu 0.75s ease-in-out;
}
.menuDesdeDerecha{
    animation: entrarDesdeDerechaMenu 0.75s ease-in-out;
}

.menuHaciaIzquierda{
    animation: entrarDesdeIzquierdaMenu 0.75s reverse;
}
.menuHaciaDerecha{
    animation: entrarDesdeDerechaMenu 0.75s reverse;
}

@keyframes entrarDesdeIzquierdaMenu {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes entrarDesdeDerechaMenu {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.menuActual{
    background-color: rgba(255, 255, 255, 1) !important;
    color: black !important;
}

.menuSeleccionable{
    cursor: pointer;
    background-color: rgb(255, 255, 255,0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition:all 0.5s ease-out;
}
.menuSeleccionable:hover{
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: rgb(255, 255, 255) !important;
    transition:all 0.2s ease-in;
}

.barra-pc{
    display: inline;
}
.barra-movil{
    display:none;
}

@media (max-width: 870px) {
    .barra-pc{
        display: none !important;
    }
    .barra-movil{
        display:flex !important;
        align-items: center;
        justify-content: center;

    }
}