/* ================================================================
   MISSION / VISION — Tarjetas Misión (navy) y Visión (cian)
   Angostas y verticales, no estiradas a todo el ancho.
   ================================================================ */
.mission-vision {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-lg);
}

@media (min-width: 640px) {
    .mission-vision {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-xl);
    }
}

.mission-vision__card {
    padding: var(--space-lg) var(--space-lg) var(--space-sm);
    border-radius: var(--radius-xl);
}

.mission-vision__card--dark {
    background-color: var(--color-bg-dark);
}

.mission-vision__card--accent {
    background-color: var(--color-secondary);
}

.mission-vision__title {
    margin-bottom: var(--space-lg);
    color: var(--color-text-inverse);
}

.mission-vision__card--accent .mission-vision__title {
    color: var(--color-bg-dark);
}

.mission-vision__text {
    color: var(--color-text-inverse-muted);
}

.mission-vision__card--accent .mission-vision__text {
    color: rgba(14, 47, 63, 0.85);
}