.nav_movil{
  width:100%;
  overflow:hidden;
 
}
 
 
 

 
.mobile-nav-button {
    width:35px;
    position:absolute;
    margin:2rem;
    right:0;
    top:0;
    z-index:9999;
    cursor:pointer;
    width:35px;
    height:30px;}
    
    .mobile-nav-button__line {
        width:100%;
        height:1px;
        background:black;
        position:relative;
        transition:1s ease;
    }
    .mobile-nav-button__line:nth-of-type(2) {
        margin:0.5rem 0;
    }
 
    .mobile-nav-button__line--1 {
        transform: rotate(45deg);
        top: 13px;
        position: absolute;
    }
    .mobile-nav-button__line--2 {
        display: none;
    }
    .mobile-nav-button__line--3 {
        transform: rotate(135deg);
        top: 13px;
        position: absolute;        
    }
 



.mobile-menu {
    display:none;
    position: absolute;
    max-width:100%;
    width:100%;
    height: 100vh;
    background: rgb(255, 255, 255);
    z-index:20;
    transition: 0.6s ease;
    top:90px;
    opacity:0;}

 .mobile-menu ul {
        position: relative;
        top: 30px;
 
        padding:0;}
        
 .mobile-menu ul li {
            list-style: none;
            margin:30px 20px;
            border-bottom: 1.5px #4A6375 solid;}
 .mobile-menu ul li a {
                width:100%;
                max-width:1200px;
                margin:0 auto;
                display:block;
                text-align: left;
                text-decoration:none;
                color:#4a6375b0;
                font-size: 24px;
                font-weight: bold;
                overflow:hidden;
                position:relative;
            font-size: 28px;}
 .mobile-menu ul li a:after {
                    content:'';
                    background:black;
                    width:100%;
                    height:100%;
                    position:absolute;
                    right:-100%;
                    top:0;
                    z-index:-1;
                    transition:0.4s ease;
                }
 
    .mobile-menu ul li a:after:hover {
                    right:0;
                   }
     
      
 
.mobile-menu--open {
    right: 0;
    opacity:1;
    z-index: 9998;
    display: block;
    width: 100%;
 
 
 
 
}
 
.eng_movil {color: unset;font-family: "Poppins"!important;position: absolute; top: 420px ; left:35%;right: 35%; width: 30%;font-size: 30px; color: #15639b!important;text-align: center; border-bottom: #053658 1px solid!important;}