/* ================================================================
   VALUE COLUMNS — Encabezado + banda de video + 3 columnas icono/texto
   Usado en Servicios ("Ingeniería que transforma procesos industriales")
   ================================================================ */
.value-columns__header {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-lg);
    margin-bottom: var(--space-2xl);
}

@media (min-width: 768px) {
    .value-columns__header {
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: var(--space-2xl);
    }
}

.value-columns__lead {
    font-size: var(--text-lg);
    color: var(--color-text-inverse);
}

.value-columns__heading {
    margin-bottom: 0;
}

.section--dark .value-columns__heading {
    color: var(--color-secondary);
}

.value-columns__video {
    margin-bottom: var(--space-2xl);
    aspect-ratio: 21 / 6;
}

.value-columns__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    padding-block: var(--space-2xl);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

@media (min-width: 768px) {
    .value-columns__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.value-columns__icon {
    width: 88px;
    height: 88px;
    margin-bottom: var(--space-lg);
}

.value-columns__title {
    margin-bottom: var(--space-sm);
}

.section--dark .value-columns__title {
    color: var(--color-secondary);
}

.value-columns__text {
    color: var(--color-text-inverse);
}