/* ============================================================
   Propuesta de Valor section
   Warm-white background, 2-column grid, trust pillars with
   gold left-border accent (3px, --color-gold-500)
   ============================================================ */

.valor-section {
  background-color: var(--color-warm-white);
}

.valor-section__grid {
  /* Inherits .grid-2 from layout.css for responsive 2-column layout */
}

/* ============================================================
   Trust pillar component
   Gold left-border accent, Cormorant heading (presentational)
   ============================================================ */

.trust-pillar {
  border-left: 3px solid var(--color-gold-500);
  padding-left: var(--space-xl);  /* 32px — slightly more than UI-SPEC spec for visual balance */
}

/* Trust pillar title — presentational override: Cormorant 20px weight 400 */
.trust-pillar h3 {
  font-family: var(--font-heading);
  font-size: 1.25rem;   /* 20px — presentational override per UI-SPEC */
  font-weight: var(--fw-regular);
  color: var(--color-carbon);
  margin-bottom: var(--space-sm);
}

.trust-pillar p {
  color: var(--color-steel-mid);
  font-size: var(--text-body);
  line-height: var(--lh-body);
  margin: 0;
}