/* =========================================
   APPEL À L'ACTION — bloc centré en bas de page
   ========================================= */

.cta {
    display: grid;
    justify-items: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-lg);
    background-color: var(--color-primary-light);
    border-radius: var(--radius-card);
    text-align: center;
}

.cta__text {
    margin-bottom: var(--space-2xs);
    color: var(--color-text-muted);
}

@media (max-width: 640px) {
    .cta {
        padding: var(--space-lg) var(--space-md);
    }
}