/**
 * Página Suministro y logística (pages/supply-logistics.php).
 * Origen: supply-logistics.html (valores exactos). Se carga solo en esa plantilla.
 * Globales usados aquí (style.css): .about-card-icon, .product-media,
 * .section-head--wide, .section-head--flush, .lede--wide y .section--flush-bottom.
 * La columna de tarjetas (.stack-cards en el mockup) se hace con utilidades.
 *
 * @package silomasters
 */

/* =====================================================
   CENTRO LOGÍSTICO: tarjetas grises con icono
   ===================================================== */
.grey-card{display:flex; gap:18px; align-items:flex-start; background:var(--bg-tint); border-radius:10px; padding:26px 24px;}
.grey-card h3{font-size:18px; text-transform:none;}
.grey-card p{font-size:14px; line-height:1.6; margin-top:6px;}
/* icono al lado del texto (estilo en línea en el mockup) */
.grey-card .about-card-icon{flex-shrink:0; margin-bottom:0;}