@import 'colors.css';

.sect-serv-text2 {
    width: 100%;    
}

@media (min-width: 1080px) {

    .serv-text2-container{
        display: flex;
        justify-content: center;        
        align-items: center;
        background: #106ca1;              
        margin: 0 auto;
        
    }
    
    .serv-text2-texto{
        padding: 20px 25px;
        font-family: "MiFuente", sans-serif;
        width: 90%;       
    }

    .serv-text2-texto h3{
        color: #fff;
        margin: 10px 0;       
        padding: 5px;
        border-radius: 20px;
        text-align: left;            
    }

    .serv-text2-texto p{
        color: #fff;
        padding: 0 5px;
        font-size: 18px;    
        line-height: 1.6;
    }
  
}

@media (min-width: 600px) and (max-width:1079px) {

    .serv-text2-container{
        display: flex;
        justify-content: center;        
        align-items: center;
        background: #106ca1;
        margin: 0 auto;
        
    }
    
    .serv-text2-texto{
        padding: 20px 25px;
        font-family: "MiFuente", sans-serif;  
        display: flex;
        justify-content: center;        
        align-items: center;   
        flex-direction: column;  
    }

    .serv-text2-texto h3{
        color: #fff;
        margin: 15px 0;       
        padding:10px 15px;
        border-radius: 10px;
        background: #188fc6;
        max-width:80%;
        text-align: center;  
        font-size: 26px;          
    }

    .serv-text2-texto p{
        color: #fff;
        padding: 0 5px;
        font-size:26px;    
        line-height: 1.2;
        width: 95%;
        line-height: 1.6;
    }
  
}

@media (max-width: 599px) {
    .serv-text2-container{
        display: flex;
        justify-content: center;        
        align-items: center;
        background: #106ca1;
        width: 90%;
        border-radius: 20px;
        margin: 0 auto;
        
    }
    
    .serv-text2-texto{
        padding: 20px 25px;
        font-family: "MiFuente", sans-serif;  
        display: flex;
        justify-content: center;        
        align-items: center;   
        flex-direction: column;  
    }

    .serv-text2-texto h3{
        color: #fff;
        margin: 15px 0;       
        padding:10px 15px;
        border-radius: 20px;
        background: #188fc6;
        max-width:80%;
        text-align: center;  
        font-size: 26px;          
    }

    .serv-text2-texto p{
        color: #fff;
        padding: 0 5px;
        font-size: 26px;    
        line-height: 1.2;
        width: 95%;
        line-height: 1.6;
    }
    
}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {

    .serv-text2-container{
        display: flex;
        justify-content: center;        
        align-items: center;
        background: #106ca1;
        width: 90%;
        border-radius: 20px;
        margin: 0 auto;
        
    }
    
    .serv-text2-texto{
        padding: 20px 25px;
        font-family: "MiFuente", sans-serif;  
        display: flex;
        justify-content: center;        
        align-items: center;   
        flex-direction: column;  
    }

    .serv-text2-texto h3{
        color: #fff;
        margin: 15px 0;       
        padding:10px 15px;
        border-radius: 20px;
        background: #188fc6;
        max-width:75%;
        text-align: center;  
        font-size: 24px;          
    }

    .serv-text2-texto p{
        color: #fff;
        padding: 0 5px;
        font-size: 20px;    
        line-height: 1.2;
        width: 95%;
        line-height: 1.6;
    }
    
}