/* Ajustes finos desta página */
.hero-wrap {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 24px;
    align-items: center
}

.tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 8px 0 12px
}

.tag {
    display: inline-block;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    padding: 6px 10px;
    background: #fff;
    color: var(--color-primary);
    font-size: 12px
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px
}

.benefit {
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: #fff;
    padding: 16px
}

    .benefit h3 {
        margin: 0 0 4px 0
    }

.bullets {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0
}

    .bullets li {
        position: relative;
        padding-left: 22px;
        margin: 6px 0;
        color: var(--color-muted)
    }

        .bullets li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--color-primary)
        }

.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.kpis {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px
}

.kpi {
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: #fff;
    padding: 16px;
    text-align: center
}

    .kpi .v {
        font-weight: 800;
        font-size: 22px;
        color: #0f172a
    }

    .kpi .l {
        color: var(--color-muted)
    }

@media (max-width: 980px) {
    .hero-wrap {
        grid-template-columns: 1fr
    }

    .benefits-grid {
        grid-template-columns: 1fr
    }

    .split {
        grid-template-columns: 1fr
    }

    .kpis {
        grid-template-columns: 1fr
    }
}