@media only screen and (min-width: 800px) {
._background{
      margin: 0;
      color:#fff;
      font-family:"Bebas Neue";
      height: 100vh;
       /* Cambia esto por la ruta de tu imagen */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .level_0 {
      padding-left: 0px;
      padding-top:10px;
      padding-bottom:10px;
      font-size: 1.5rem;
      font-weight:600;
      border-bottom:solid 1px;
      padding:5px;
      padding-left:10px;
      max-width:300px;
      font-family: "Bebas Neue";
      margin-top: 50px;
    } 

    .level_1 {
      padding-left: 40px;
      padding-top:10px;
      padding-bottom:10px;
      /* font-size:1.5rem; */
      font-size: 20px;
      font-weight: 600;
      font-family: "Bebas Neue"
    }

    .level_2 {
        padding-left: 80px;
        /* max-width: 200px; */
        box-shadow: 10px 10px 5px 0px rgba(145, 145, 145, 0.75);
        -webkit-box-shadow: 10px 10px 5px 0px rgba(145, 145, 145, 0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(145,145,145,0.75);
        padding: 20px;
        /* border-radius: 10px; */
        cursor: pointer;
        float: right;
        /* width: 100%; */
        /*padding-left: 100px;*/
        border: solid 1px;
        margin-bottom: 20px;
        background-color: #ffffff;
        color: #000000;
        transition:all 1;
        min-width: 90%;
        font-family:'system-ui';
        font-size: 12px;
        text-align:center;
        font-weight: 500;

    }

    


    

    .level_3 {
      padding-left: 60px;
      padding-top:10px;
      padding-bottom:10px;
    }

    .level_4 {
      padding-left: 80px;
      padding-top:10px;
      padding-bottom:10px;
    }

    .showMe{
       background-image: url('../img/screen-2-background-07.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width:82px;
        height:50px;
        
    }

    .menuLeftButton{
        background-image: url('../img/screen-2-background-06.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width:100px;
        height:100px;
        transform: rotate(0deg);
        transition:all 1s;
        z-index:501;
        position:relative;
        top:4px;
        left:-20px;
        border-radius:0px;
        width:100px;
        height:100px;
        border:solid #000 1px;
        border-radius:0px;
        cursor:pointer;
        float:right;
        transition:all 1s;
        transform: rotate(0deg);

    }

    .menuLeftButton:hover{
        background-image: url('../img/screen-2-background-03.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width:100px;
        height:100px;
        transform: rotate(0deg);
        transition:all 1s;
        z-index:501;
        position:relative;
        top:10px;
        left:-20px;
        border-radius:50px;
        width:100px;
        height:100px;
        border:solid #000 1px;
        cursor:pointer;
        float:right;
        transform: rotate(180deg);

    }
    

    #infoLeft{
      padding:20px;
      background-color: #fff;
      opacity: 0.7;
      color: #000;
      border-radius: 5px;  
      margin-left: 10px; 
      padding-right: 50px;
      padding-left: 50px;
      padding-bottom:129px;

    }

    #infoRight{
      padding: 40px;
      background-color: #fff;
      opacity: 0.7;
      color: #000;
      border-radius: 5px;
      margin-right: 10px;
      padding-bottom:129px;  
    }
    
    .emailHidden{
      float:right;
      padding:20px;
      font-family:"Bebas Neue";
      transition:all 2s;
      opacity:0;
    }
    .emailShowed {
      float:right;
      text-align:right;
      width:30%;
      padding:20px;
      font-family:"Bebas Neue";
      font-weight:600;
      font-size:20px;
      transition:all 2s;
      opacity:1;
      padding-right:60px;
    }
    .languageButtons{
      width: 300px;
      padding: 20px;
    }
    
    button{
      
      font-weight: 600;
      border-radius: 5px;
      cursor: pointer;
      font-family: "Bebas Neue";
      font-size: 10px;
      width: 50px;
      padding: 5px;
    }

    .buttonSelected{
      background-color:lightblue;
    }

    .buttonNonSelected{
      background-color:rgb(254, 254, 255);
    }

    .footer{
      background-color:black;
      height:390px;
      padding:50px;
      
    }
    .iaIntegrated{
      font-weight:600;
      padding:20px;
      background-color:#1c456c;
      color:#fff;
      float:left;
      font-size:12px;
      width:auto;
    }

    #titleSoftware{
        font-size: 30px;
        padding:3px;
        padding-top:5px;
        padding-left:15px;
        padding-bottom:5px;
        border:solid 1px;
        font-weight: 600;
        font-family: "Bebas Neue";
        border-radius:5px;
        background-color:#ffc107;
        box-shadow: 10px 10px 5px 0px rgba(145, 145, 145, 0.75);
        -webkit-box-shadow: 10px 10px 5px 0px rgba(145, 145, 145, 0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(145,145,145,0.75);
    }
    
    #titleDesign{
        font-size: 30px;
        padding:3px;
        padding-top:5px;
        padding-left:15px;
        padding-bottom:5px;
        border:solid 1px;
        font-weight: 600;
        font-family: "Bebas Neue";
        margin-right:20px;
        color:#fff;
        border-radius:5px;
        background-color:#ffc107;
    }

    .email-hightlighted{
      padding:3px;
      padding-top:5px;
      padding-left:15px;
      padding-bottom:5px;
      border:solid 1px;
      font-weight: 600;
      font-family: "Bebas Neue";
      margin-right:20px;
      color: #000;
      border-radius:5px;
      background-color:#ffc107;
    }

    .comments-hightlighted{
      padding:3px;
      padding-top:5px;
      padding-left:15px;
      padding-bottom:5px;
      border:solid 1px;
      font-weight: 600;
      font-family: "Bebas Neue";
      margin-right:20px;
      color: #000;
      border-radius:5px;
      background-color:#ffc107;

    }

    input{
      padding: 10px;
      font-size: 30px;
      font-family: "Bebas Neue";
    }

    textarea{
      padding: 20px;
    }
    
    button{

      padding:3px;
      padding-top:5px;
      padding-bottom:5px;
      border:solid 1px;
      font-weight: 600;
      font-family: "Bebas Neue";
      margin-right:20px;
      color: #000;
      border-radius:5px;

    
    }

    #charactersLeave{
      
      padding-top:10px;
      padding-bottom:10px;
      color:#102c58;
    
    }

    

    .wrapper-infoRight{

      scrollbar-width: thin;
      scrollbar-color: #ffffff #575757;
      height:90vh;
      overflow:hidden;
      overflow-y: auto;
      width: 300px;
      float:right;
      transition:all 1s;
    
    }

    .scroll-contentLeft{
      
      scrollbar-width: thin;
      scrollbar-color: #ffffff #575757;
      height:90vh;
      overflow:hidden;
      overflow-y: auto;
      width: 500px;
      float:left;
      transition:all 1s;

    }

    .scroll-contentLeft-up{
      
      height:12vh;
      overflow:hidden;
      width: 400px;
      float:left;
      transition:all 1s;
    
    }

    .wrapper-contentRight-up{
      
      height:17vh;
      overflow:hidden;
      width: 300px;
      float:right;
      transition:all 1s;
    
    }

    .contact-form-center-initial{
        margin:0 auto;
        width:550px;
        height:550px;
        position:relative;
        top:-550px;
        transition:all 1s;
    }


    .contact-form-center-finish{
        margin:0 auto;
        width:550px;
        height:550px;
        position:relative;
        top:20px;
        transition:all 1s;
    }


    /* Change the image inside */
    .contact-form-sent-initial{
        margin:0 auto;
        width:550px;
        height:550px;
        position:relative;
        top:-550px;
        transition:all 1s;
    }

    .contact-form-sent-finish{
        margin:0 auto;
        height:600px;
        position:relative;
        top:20px;
        transition:all 1s;
    }

    .contact-name {
      font-family:"Bebas Neue";
      font-size:12px;
    }

    .contact-name div{
        padding:10px;
        padding-left:0px;
        margin-bottom:5px;
    }

    .item-hightlighted{
        background-color:#0a242c;
        color:#fff;
        border:solid 1px;
        padding:10px;
        border-radius:4px;
    }

    

    

    #desktopContainer{  display:block;  }

    #mobileContainer{ 
      
      display:none; 
    
    }
    /*------------------------------------------------------------------------------------------------------------------*/
    
    #frame{
        display:none;
    }
  
    
    #contactForm{
        display:none;
    }

    #desktopContainer{
        display:block;
    }

    #fixed-bottom{
        display:none;
    }

    #contact-form-desktop{
        height:600px;
        padding-top:40px;
        overflow:hidden;
        background-color: #d5d5d5;
    }

    #buttonForm{
        width:200px;
    }

    
    
 }