/* 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;
    }


    .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;
        }
    }
}





/* 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;
        }
    }
}