/* ==========================================================================
   PÁGINA — Nosotros
   ========================================================================== */

.historia { padding-top: clamp(3rem, 2.4rem + 3.4vw, 5rem); }

.historia__texto > p + p { margin-top: var(--e-5); }
.historia__texto p { color: var(--gris-500); max-width: var(--medida); }

.historia__entrada {
  font-size: var(--t-guia);
  line-height: 1.5;
  color: var(--gris-900) !important;
}

/* ================================================================ PROPÓSITO
   Misión y objetivo, en dos superficies hundidas con el chaflán del logo. */

.proposito__parrilla {
  display: grid;
  gap: clamp(var(--e-5), 2.6vw, var(--e-7));
}
@media (min-width: 880px) {
  .proposito__parrilla { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
}

.proposito__bloque {
  --chaflan: 26px;
  background: var(--gris-100);
  padding: clamp(var(--e-6), 3vw, var(--e-8));
  clip-path: polygon(
    0 0, calc(100% - var(--chaflan)) 0, 100% var(--chaflan),
    100% 100%, var(--chaflan) 100%, 0 calc(100% - var(--chaflan))
  );
}

.proposito__bloque > .cota-marca { margin-bottom: var(--e-5); color: var(--gris-500); }

.proposito__enunciado {
  font-size: clamp(1rem, 0.96rem + 0.19vw, 1.125rem);
  line-height: 1.6;
  color: var(--gris-900);
  max-width: 44ch;
}
.proposito__enunciado em { font-style: normal; font-weight: 600; color: var(--naranja-700); }

/* =================================================================== MÉTODO */

.metodo__parrilla {
  display: grid;
  gap: clamp(var(--e-6), 3.4vw, var(--e-8));
  border-top: 1px solid var(--borde);
}

@media (min-width: 820px) {
  .metodo__parrilla { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* No son tarjetas: comparten una regla superior y se separan por aire,
   con una medida distinta en cada columna para romper la simetría. */
.metodo__item {
  padding-top: var(--e-6);
  max-width: 38ch;
}
@media (min-width: 820px) {
  .metodo__item:nth-child(2) { padding-top: calc(var(--e-6) + 1.75rem); }
  .metodo__item:nth-child(3) { padding-top: calc(var(--e-6) + 3.5rem); }
}

.metodo__icono { color: var(--naranja-600); margin-bottom: var(--e-5); }
.metodo__item h3 { margin-bottom: var(--e-3); }
.metodo__item p { font-size: var(--t-pie); line-height: 1.62; }