/* =========================================================
   PÁGINA SERVIÇOS
========================================================= */

.pagina-servicos .cabecalho-secao {
    max-width: 860px;
}

.pagina-servicos .grade-cartoes-servicos {
    margin-top: 22px;
    gap: 22px;
}

.pagina-servicos .cartao-info {
    min-height: 100%;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(254, 115, 0, 0.10), transparent 25%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
        var(--cor-fundo-card);
}

.pagina-servicos .cartao-info::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--cor-laranja), var(--cor-azul));
    opacity: 0.95;
}

.pagina-servicos .cartao-info h3 {
    padding-left: 10px;
}

.pagina-servicos .cartao-info p {
    padding-left: 10px;
}

@media (max-width: 640px) {
    .pagina-servicos .grade-cartoes-servicos {
        gap: 16px;
    }
}