*{
    font-family: "Roboto-Light";
    box-sizing: border-box;
}

body{
}
/*Nuevo para las secciones de FAQ*/
.faq-section{
    padding: 2% 0 !important;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-left: 12% !important;
}

.faq-section h2{
    text-align: center;
    padding: 0% 3% !important;
    font-family: "Roboto-Regular" !important;
}

.faq-section p{
    text-align: justify;
    padding: 0 3% !important;
    margin-bottom: 1rem !important;
}
/*Fin de nuevo FAQ*/
.main-title span{
    font-size: 260% !important;
}


.main{
    width: 100%;    
    height: auto;
    padding: 5% 0% !important; /*OG: 10% 3%*/ 
    overflow-x: hidden; /*OG: scroll*/
    /*Para mostrar el texto*/
    /*margin-top:5% !important;*/
    font-size: 110%;
}


section{
    padding: 2% 0;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-left: 12%;
}

section h2{
    text-align: center;
    padding: 0% 3%;
    font-family: "Roboto-Regular";
}

section p{
    text-align: justify;
    padding: 0 3%;
}




@media screen and (max-width: 2901px){
    .faq-main, .modal-font-size{ 
        font-size: 251%;
    }
    

}

@media screen and (max-width: 2851px){

    .faq-main, .modal-font-size{ 
        font-size: 247%;
    }

    
    
}

@media screen and (max-width: 2801px){
    .faq-main, .modal-font-size{  
        font-size: 242%;
    }

    
    
   
        
}

@media screen and (max-width: 2751px){
    .faq-main, .modal-font-size{  
        font-size: 238%;
    }
 
    
    
}

@media screen and (max-width: 2701px){
    .faq-main, .modal-font-size{  
        font-size: 234%;
    }
 
    
    
    
}

@media screen and (max-width: 2651px){
    .faq-main, .modal-font-size{  
        font-size: 229%;
    }


    
   
}

@media screen and (max-width: 2601px){
    .faq-main, .modal-font-size{  
        font-size: 225%;
    }

    
    
    
}

@media screen and (max-width: 2551px){
    .faq-main, .modal-font-size{  
        font-size: 221%;
    }

    

    
}

@media screen and (max-width: 2501px){
    .faq-main, .modal-font-size{  
        font-size: 216%;
    }
    
    
    
}

@media screen and (max-width: 2451px){
    .faq-main, .modal-font-size{  
        font-size: 212%;
    }

    
    
}

@media screen and (max-width: 2401px){
    .faq-main, .modal-font-size{  
        font-size: 208%;
    }

    
    
    
}

@media screen and (max-width: 2351px){
    .faq-main, .modal-font-size{  
        font-size: 203%;
    }

    
    
    
}

@media screen and (max-width: 2301px){
    .faq-main, .modal-font-size{  
        font-size: 199%;
    }
 
    
    
}

@media screen and (max-width: 2251px){
    .faq-main, .modal-font-size{  
        font-size: 195%;
    }

    
}

@media screen and (max-width: 2201px){
    .faq-main, .modal-font-size{  
        font-size: 190%;
    }
    
    
    

}

@media screen and (max-width: 2151px){
    .faq-main, .modal-font-size{  
        font-size: 186%;
    }
   

    
    
}

@media screen and (max-width: 2101px){
    .faq-main, .modal-font-size{  
        font-size: 182%;
    }
  
    
    
}

@media screen and (max-width: 2051px){
    .faq-main, .modal-font-size{  
        font-size: 177%;
    }
   
    
    
}

@media screen and (max-width: 2001px){
     .faq-main, .modal-font-size{  
        font-size: 173%;
    }
  
    
    
}

@media screen and (max-width: 1951px){
    .faq-main, .modal-font-size{  
        font-size: 169%;
    }
   
    
    
    
}

@media screen and (max-width: 1901px){
    .faq-main, .modal-font-size{ 
        font-size: 164%;
    }
  
    
    
    
}

@media screen and (max-width: 1851px){
    .faq-main, .modal-font-size{ 
        font-size: 160%;
    }
 
    
    
}

@media screen and (max-width: 1801px){    
    .faq-main, .modal-font-size{ 
        font-size: 156%;
    }

    
    
}

@media screen and (max-width: 1751px){
    .faq-main, .modal-font-size{ 
        font-size: 151%;
    }
 
    
    
}

@media screen and (max-width: 1701px){
    .faq-main, .modal-font-size{ 
        font-size: 147%;
    }
  
    
    
}

@media screen and (max-width: 1651px){
    .faq-main, .modal-font-size{ 
        font-size: 143%;
    }

  
    
}

@media screen and (max-width: 1601px){
    .faq-main, .modal-font-size{ 
        font-size: 138%;
    }
 
    
    

}

@media screen and (max-width: 1551px){
    .faq-main, .modal-font-size{ 
        font-size: 134%;
    }
   
    
    
 
    
}

@media screen and (max-width: 1501px){
    .faq-main, .modal-font-size{ 
        font-size: 130%;
    }
   
    
        
 
}

@media screen and (max-width: 1476px){
    .faq-main, .modal-font-size{ 
        font-size: 127%;
    }
 
    
    

}

@media screen and (max-width: 1441px){
    .faq-main, .modal-font-size{ 
        font-size: 124%;
    }

    
    
    
    
}

@media screen and (max-width: 1401px){
    .faq-main, .modal-font-size{ 
        font-size: 121%;
    }

    
    
    
}

@media screen and (max-width: 1341px){
    .faq-main, .modal-font-size{ 
        font-size: 116%;
    }
  

    
}

@media screen and (max-width: 1301px){
    .faq-main, .modal-font-size{ 
        font-size: 112%;
    }

   
    
}

@media screen and (max-width: 1276px){
    .faq-main, .modal-font-size{ 
        font-size: 110%;
    }
  
    
    
}

@media screen and (max-width: 1251px){
    .faq-main, .modal-font-size{ 
        font-size: 108%;
    }
  
    
    
}

@media screen and (max-width: 1226px){
    .faq-main, .modal-font-size{ 
        font-size: 106%;
    }
  
    
    
    
}

@media screen and (max-width: 1201px){
    .faq-main, .modal-font-size{ 
        font-size: 104%;
    }
   
    
    
    
}

@media screen and (max-width: 1171px){
    .faq-main, .modal-font-size{ 
        font-size: 101%;
    }
  
    
    
}

@media screen and (max-width: 1151px){
    .faq-main, .modal-font-size{ 
        font-size: 99%;
    }
    
    
    
       
}

@media screen and (max-width: 1101px){
    .faq-main, .modal-font-size{ 
        font-size: 95%;
    }
    
    
    
    
}

@media screen and (max-width: 1024px){
    .faq-main, .modal-font-size{ 
        font-size: 88%;
    }
    
    
}





/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------CSS MOBILE PORTRAIT------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



@media screen and (max-width: 991px) and (orientation:portrait){
    .faq-main{

/*        font-size: 2em;
        font-size: 200%;*/
        left: 0%;
        width: 100%;
        height: auto;
        /*height: 95%;*/
        margin-top: 0%;
        padding: 20% 5% 10% 5%;

    }
    
    .main-title span{
        font-size: 180% !important;
    }
    
    .faq-title{
        top: 20%;
        left: 0%;
        font-size: 160%;
    }
    
    .faq-title span:before, .faq-title span:after{
       
        height: 24%;
    }
    
    .faq-section{
        margin-left: 0 !important;
        margin: 3% 0 !important; 
        padding-bottom: 10%;
    }
    
    .faq-section h2{
        font-size: 110%;
        font-family: 'Roboto-Medium';
    }
    
    
}

@media screen and (max-width: 941px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 189%;
    }
    

    
    
}

@media screen and (max-width: 891px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 179%;
    }

  
    

}

@media screen and (max-width: 841px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 169%;
    }

  
    
}

@media screen and (max-width: 801px) and (orientation:portrait){
     .faq-mainn, .modal-font-size{
        font-size: 161%;
    }
   
    

}

@media screen and (max-width: 768px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 154%;
    }

    

}

@media screen and (max-width: 711px) and (orientation:portrait){
     .faq-mainn, .modal-font-size{
        font-size: 143%;
    }
    
 
    
}

@media screen and (max-width: 661px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 133%;
    }
    
  
    
    
    
    
}

@media screen and (max-width: 601px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 121%;
    }
        
    
    
}

@media screen and (max-width: 551px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 111%;
    }

  
    
    

}

@media screen and (max-width: 501px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 101%;
    }
    
        
   
    
    
}

@media screen and (max-width: 451px) and (orientation:portrait){
     .faq-mainn, .modal-font-size{
        font-size: 91%;
    }
 
    
    

}

@media screen and (max-width: 421px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 84%;
    }    
    
    
    
}

@media screen and (max-width: 391px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 78%;
    }
    
 
    

}

@media screen and (max-width: 351px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 70%;
    }
    
    
    
}

@media screen and (max-width: 331px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 66%;
    }
    
  
    
}

@media screen and (max-width: 301px) and (orientation:portrait){
     .faq-mainn, .modal-font-size{
        font-size: 60%;
    }
    
   
    

}

@media screen and (max-width: 251px) and (orientation:portrait){
    .faq-mainn, .modal-font-size{
        font-size: 50%;
    }
    
 
    
}




/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------CSS MOBILE LANDSCAPE-----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



@media screen and (max-width: 991px) and (orientation:landscape){
    .faq-main{
        /*font-size: 130%;*/
        left: 0%;
        width: 100%;
        height: auto;
        /*height: 94%;*/
        margin-top: 0%;
        padding: 15% 3% 12% 3%;

    }
    
    .faq-title{
        width: 33% !important;
        top: 33%;
        left: 0%;
    }
    
    
    .faq-section{
        margin: 1% 0 !important;    
    }
    
   
    
    
    
}

@media screen and (max-width: 941px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 123%;
    }

    
}

@media screen and (max-width: 891px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 117%;
    }

 

}

@media screen and (max-width: 841px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 111%;
    }


}

@media screen and (max-width: 801px) and (orientation:landscape){
     .faq-mainn, .modal-font-size{
        font-size: 106%;
    }

}

@media screen and (max-width: 768px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 101%;
    }
    
    .divSocial{
        width: 37px;
        height: 37px;
    }


}

@media screen and (max-width: 711px) and (orientation:landscape){
     .faq-mainn, .modal-font-size{
        font-size: 95%;
    }
    

    
}

@media screen and (max-width: 661px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 88%;
    }
    

    
}

@media screen and (max-width: 601px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 80%;
    }
    

}

@media screen and (max-width: 551px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 75%;
    }
}

@media screen and (max-width: 501px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 67%;
    }
}

@media screen and (max-width: 451px) and (orientation:landscape){
     .faq-mainn, .modal-font-size{
        font-size: 59%;
    }
    .divSocial{
        width: 30px;
        height: 30px;
    }

}

@media screen and (max-width: 421px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 55%;
    }
}

@media screen and (max-width: 391px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 51%;
    }

}

@media screen and (max-width: 351px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 46%;
    }
}

@media screen and (max-width: 331px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 43%;
    }
}

@media screen and (max-width: 301px) and (orientation:landscape){
     .faq-mainn, .modal-font-size{
        font-size: 39%;
    }

}

@media screen and (max-width: 251px) and (orientation:landscape){
    .faq-mainn, .modal-font-size{
        font-size: 32%;
    }
}