/* Master G · Distribuidores del producto (3-oct-2026). Dos columnas: con web o redes sociales y por WhatsApp; una
   debajo de la otra hasta 766 px, como el resto del sitio en el celular. Cada fila: ícono, nombre y, debajo, la
   ciudad. Colores, tipografías y medidas los ponen los controles del widget (globales del Kit); acá solo la
   disposición. */
.mg-dist {
	--mg-dist-icono: 18px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 45px;
	row-gap: 30px;
}
.mg-dist--una { grid-template-columns: minmax(0, 1fr); }
.mg-dist-titulo { margin: 0 0 12px; }
.mg-dist-lista { list-style: none; margin: 0; padding: 0; }
.mg-dist-lista li { margin: 0; border-bottom: 1px solid transparent; }
.mg-dist-item {
	display: flex; align-items: center; gap: 12px;
	padding: 12px 0;
	color: inherit; text-decoration: none;
}
.mg-dist-icono {
	flex: 0 0 var(--mg-dist-icono);
	display: inline-flex; align-items: center; justify-content: center;
	width: var(--mg-dist-icono); height: var(--mg-dist-icono);
	font-size: var(--mg-dist-icono); line-height: 1;
}
.mg-dist-icono svg { width: 100%; height: 100%; fill: currentColor; }
.mg-dist-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mg-dist-item:hover .mg-dist-nombre,
.mg-dist-item:focus-visible .mg-dist-nombre { text-decoration: underline; }

@media (max-width: 766px) {
	.mg-dist { grid-template-columns: minmax(0, 1fr); }
}