/* Estilo automático para a página: tenho-interesse */
.bluebox {
    h1 {
        color: #fff;
        font-size: 56px;
        font-weight: 900;
        line-height: 115%;
    }
}

.card-cta {
    flex: 1 1 calc(50% - 8px);
    background:
        linear-gradient(#006A7E, #006A7E) padding-box,

        linear-gradient(to right,
            #44A9B5 0%,
            #00687C 35%,
            #00687C 70%,
            #0091A0 100%) border-box;
    border: 1px solid transparent;
    padding: 24px;
    border-radius: 10px;

    .card-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;

        .num-card {
            /* padding: 10px; */
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            background-color: #00ACCF;
            border-radius: 4px;
            width: 38px;
            height: 38px;
            align-content: center;
            text-align: center;
        }

        h3 {
            font-weight: 600;
            font-size: 22px;
            line-height: 160%;
            letter-spacing: 0;
            text-wrap-mode: nowrap;
            margin: 0;
        }
    }
}

section.porque {
    .cinza {
        justify-items: center;
        background-color: #F1F1F1;
        border-radius: 10px;
        padding: 60px 0;
    }
    ul {
        display: grid;
        row-gap: 24px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr;
        padding: 0px;
        margin: 0px;
        li {
            flex: 1 1 auto;
            font-size: 18px;
            list-style-image: url('../img/rectangle.svg');
        }
    }
    @media (max-width: 1199px) {
        ul {
            grid-template-columns: 1fr;
            padding-left: 2rem;
        }
        .cinza {
            padding: 32px 16px;
        }
    } 
}