/* Estilos responsivos para la seccion de clientes */

@media (max-width: 400px){

    #logoPrincipal{
        width: 80px;
    }

    #clientes label{
        text-align:center;
        font-size: 1.5rem;
    }

    #clientes div{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        gap: 10px;
    }

    #clientes img{
        width: 80px !important;
        
    }

    #imagenes{
        grid-template-columns: 1fr;
    }

    #tituloExperiencias{
        margin-top: 20px;
        text-align: center;
        font-size: 1.5rem;
    }

    #formulario{
        margin-top:20px;
        padding: 10px;
    }

    #textoExperiencias{
        text-align: center;
        font-size: 0.8rem;
    }

    #tituloFormulario{
        font-size: 2rem;
        line-height: 2.2rem;
    }

    #textoFormulario{
        font-size: 0.8rem;
    }

    #botonVideollamada{
        width: 290px;
        font-size: 1rem;
    }

    .dobleInput{  
        grid-template-columns: 1fr;
    }

    #checkBoxInput{
        font-size: 0.7rem;
    }

    #menuFotterComprimido{
        grid-template-columns: 1fr 1fr;
    }

    .modal-content {
        width: 300px;
        
      }
}

@media (max-width: 330px){
    #clientes label{
        text-align:center;
        font-size: 1.2rem;
    }

    #clientes img{
        width: 60px !important;
    }

    .icons2 img{
        margin: 0px 10px;
    }
}