/* ==========================================================================
   components/pilares.css — Misión / visión
   Sin marcador (misión/visión en nosotros.html).
   ========================================================================== */
.pilares { display: grid; gap: var(--space-4); }
.pilares__item {
  padding: var(--space-5);
  border-left: var(--borde-acento) solid var(--c-agua);
  border-radius: 0 var(--radio) var(--radio) 0;
  background: var(--c-bruma);
}
.pilares__item:nth-child(2) { border-left-color: var(--c-soya); }
.pilares__item p { margin: 0; }
.seccion--bruma .pilares__item { background: var(--c-blanco); }