/* Estilo automático para a página: servicos */

#servicos{
    padding: 80px 0;
    background: #F8FCFF;
    
    h3{
        text-align: center;
        color: var(--azul-tercirio);
    }

    h2{
        text-align: center;
        color: var(--azul-tercirio);
        margin: 16px 0 40px;
    }


    .central{
        justify-content: center;

        .card-servico {
            border-radius: 24px;
            border: 1px solid var(--traado, #CAD9F0);
            background: #FFF;
            box-shadow: 4px 4px 10px 0 rgba(82, 95, 111, 0.16);
            padding: 24px;
            position: relative;
    
    
            .icon-serv {
                margin-bottom: 16px;
            }
    
            .seta {
                position: absolute;
                right: 20px; 
                top: 20px;
            }
    
            .tit-serv {
                color: var(--azul-texto, #060B35);
                font-size: 18px;
                font-weight: 600;
                margin: 0;
            }
            .desc-serv {
                color: #525F6F;
                font-size: 14px;
                font-weight: 500;
                margin: 0;
                min-height: 60px;
            }
        }

    }
}





/* TABLET */
@media (min-width: 768px) and (max-width: 970px) {

}

/* MOBILE */
@media all and (max-width: 767px) {
    #cabecalho{
        padding: 30px 15px 0 !important;
    }

    #servicos {
        padding: 40px 15px;

        .card-servico {
            padding: 18px 24px;
        }

        h2{
            text-align: left;
            margin: 20px 0;
        }
        h3{
            text-align: left;
        }
    }
}