/* ============================================================
   pages/nosotros.css — página institucional
   ============================================================ */

.about-hero { padding-block: clamp(3rem, 7vw, 5.5rem) clamp(1.5rem, 4vw, 3rem); }
.about-hero__title { font-size: var(--step-5); margin-bottom: var(--space-lg); }
.about-hero__lead { font-size: var(--step-1); color: var(--color-text-muted); max-width: 62ch; line-height: 1.6; margin: 0; }

/* Misión / Visión / Objetivo: tres declaraciones, no tres tarjetas. Columnas
   separadas por filos, el rótulo en mono y la frase grande. Sin la barra
   verde arriba: era la tarjeta de plantilla (DISENO.md §2.2). */
.pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--color-border-strong);
}
.pillar { padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2rem) 0; }
.pillar + .pillar { border-left: 1px solid var(--color-border); padding-left: clamp(1rem, 3vw, 2.25rem); }
@media (max-width: 760px) {
  .pillars { grid-template-columns: minmax(0, 1fr); }
  .pillar + .pillar { border-left: 0; border-top: 1px solid var(--color-border); padding-left: 0; }
}
.pillar__title {
  font-family: var(--font-label);
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-brand-green-text);
  margin: 0 0 var(--space-md);
}
.pillar p { margin: 0; font-size: var(--step-1); color: var(--color-ink); line-height: 1.5; }

/* Diferenciador */
.about-diff { background: var(--color-surface-tint); border-block: 1px solid var(--color-border); }
.about-diff__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: center;
}
@media (max-width: 820px) { .about-diff__inner { grid-template-columns: 1fr; } }
.about-diff h2 { margin-top: 0; }
.about-diff p { color: var(--color-text-muted); }
.about-diff .btn { margin-top: var(--space-md); }

.about-steps { list-style: none; display: flex; flex-direction: column; gap: .8rem; margin: 0; padding: 0; }
.about-steps li {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--color-surface);
  border-radius: var(--radius-sm);
  padding: 1rem 1.2rem;
  font-weight: 500;
  color: var(--color-ink);
  box-shadow: var(--shadow-card);
}
.about-steps span {
  flex: none;
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-brand-green);
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
}

/* Certificaciones */
.about-certs .section__head { align-items: flex-end; }
.cert-logos {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.5rem, 5vw, 4rem);
  padding: var(--space-lg) 0 0;
  margin: 0;
}
.cert-logos img { height: 66px; width: auto; display: block; }

/* Alcance + CTA */
.about-cta {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-brand-blue);
  color: #fff;
  border-radius: var(--radius-card);
  padding: clamp(1.8rem, 4vw, 3rem);
}
@media (max-width: 760px) { .about-cta { grid-template-columns: 1fr; } }
.about-cta .eyebrow { color: #bfe0f2; }
.about-cta h2 { color: #fff; margin: 0 0 var(--space-sm); }
.about-cta p { color: rgba(255, 255, 255, .85); margin: 0; }
.about-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-md); }
.about-cta__actions .btn--primary { background: #fff; color: var(--color-brand-blue); border-color: #fff; }
.about-cta__actions .btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .5); }
.about-cta__actions .btn--ghost:hover { background: rgba(255, 255, 255, .12); }