/* ============================================================
   QUIÉNES SOMOS — estilos específicos (se apoya en styles.css)
   ============================================================ */

.qs-hero { background: var(--ink); color: var(--on-dark); position: relative; overflow: hidden; padding-top: 132px; padding-bottom: clamp(56px, 8vw, 96px); }
.qs-hero::before {
  content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none;
  background:
    radial-gradient(58% 58% at 84% 6%, color-mix(in oklab, var(--green) 26%, transparent), transparent 70%),
    radial-gradient(46% 46% at 4% 98%, color-mix(in oklab, var(--gold) 14%, transparent), transparent 72%);
}
.qs-hero .wrap { position: relative; z-index: 2; max-width: 900px; }
.qs-hero h1 { font-size: clamp(38px, 6vw, 76px); margin-top: 20px; }
.qs-hero h1 em { font-style: italic; color: var(--green-bright); }
.qs-hero .lede { margin-top: 22px; }

/* Origen — dos columnas */
.origin-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(30px, 5vw, 70px); align-items: start; }
.origin-grid h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.1; }
.origin-grid h2 em { font-style: italic; color: var(--green); }
.origin-grid .body p { margin-top: 18px; font-size: 16.5px; color: var(--text-muted); max-width: 62ch; }
.origin-grid .body p:first-child { margin-top: 0; }
.origin-grid .body strong { color: var(--ink); font-weight: 600; }

/* Valores */
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 46px; }
.value-card { border-top: 2px solid var(--green); padding-top: 20px; }
.value-card .vn { font-family: var(--mono); font-size: 12px; color: var(--green); letter-spacing: .1em; }
.value-card h3 { font-family: var(--serif); font-size: 24px; font-weight: 500; margin-top: 10px; }
.value-card p { margin-top: 10px; color: var(--text-muted); font-size: 15px; }

@media (max-width: 860px) {
  .origin-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
}