/*
 * Sección "Nuestras marcas" de la página Marcas: cabecera + grilla de tarjetas que giran.
 *
 *   Contenedor sección      → brand-wall
 *     Contenedor cabecera   → brand-wall__head
 *       Editor de texto     → brand-wall__eyebrow eyebrow eyebrow--plain
 *       Título (H2)         → brand-wall__heading
 *       Editor de texto     → brand-wall__lead
 *     Contenedor grilla     → brand-wall__grid
 *       Tarjetas            → brand-flip (ver brand-flip.css)
 */

.brand-wall {
	display: block;
	width: 100%;
	padding: clamp(56px, 6.5vw, 96px) var(--wrap-gutter);
	background: var(--color-soft);
}

.brand-wall__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 0;
	margin-bottom: clamp(26px, 3vw, 44px);
}
.brand-wall__eyebrow { margin: 0; }
.brand-wall__heading { margin: 14px 0 0; }
.brand-wall__heading .elementor-heading-title {
	font-family: var(--font-display);
	font-size: clamp(30px, 3.8vw, 54px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.04;
	color: var(--color-ink);
}
.brand-wall__lead { max-width: 32em; margin: 12px 0 0; }
.brand-wall__lead p {
	margin: 0;
	font-size: 18px;
	line-height: 1.55;
	color: var(--color-muted);
}

.brand-wall__grid {
	display: grid !important; /* Elementor fuerza flex en sus contenedores */
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(10px, 1.2vw, 16px) !important;
}

@media (min-width: 768px) {
	.brand-wall__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1025px) {
	.brand-wall__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}