@media screen and (max-width: 1300px)
{
    body
    {
        padding-left: 0;
        margin-right: 122px;
        margin-left: 0px;
        margin-top: 20px;
        display: block;
        min-height: 100vh;
        transition: margin-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

  
    .lengueta
    {
        display: none;
        visibility: hidden;
    }

    .normal
    {
        display: none;
        visibility: hidden;
    }

    .lengueta_mobile
    {
        height: 65px;
        width: 50px;
        background-color: #112240;
        vertical-align: bottom;
        border-style: outset;
        border-color: #64ffda;
        position: fixed;
        float: left;
        transform: scaleX(1.5);
        right: 45px;
        left:auto;
        top: 30px;
        z-index: -999999999;
        display: flex;
        border-radius: 9px 9px 9px 9px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 20px -10px 20px 0px rgb(2 12 27 / 70%);
        z-index: 8;
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.22s ease-in-out;
        visibility: visible;
    }

    .lengueta_mobile > .fa-bars
    {
        visibility: visible;

    }


    .lengueta_mobile:hover
    {
        background-color: #0d254f;
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        cursor: pointer;
    }


    .marco
    {
        background: transparent;
        width: 250px !important;
        border: 3px solid #64ffda;
        border-radius: 4px;
        height: auto;
        -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    .imagen-perfil
    {
        width: 100% !important;
        height: auto;
        object-fit: cover;
        display: block;
        position: relative;
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
        margin-top: -10px;
    }


    .menu
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        z-index: -5;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0s 0.4s, z-index 0s 0.7s;
        -o-transition: opacity 0s 0.4s, z-index 0s 0.7s;
        transition: opacity 0s 0.4s, z-index 0s 0.7s;
        display: none;

    }

    .menu_disponible
    {
        width: 100%;
        height: 100vh;
        position: fixed;
        lefT: 0;
        top: 0;
        right: auto;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        /* fondo */
        background-color:#112240;
        opacity:unset;
    }


}