/* ── QUIENES SOMOS — page-specific styles ── */
header { position:sticky; }

.wrap { max-width:680px; margin:0 auto; padding:3rem 1.4rem 4rem; }

.story-block { margin-bottom:2.8rem; }
.story-block h2 {
  font-family:'DM Serif Display',serif;
  font-size:clamp(1.5rem,4vw,2.1rem); color:var(--text);
  margin-bottom:.9rem; line-height:1.15;
}
.story-block h2 em { font-style:italic; color:var(--accent); }
.story-block p { font-size:.9rem; color:var(--muted); line-height:1.82; font-weight:300; margin-bottom:.85rem; }
.story-block p strong { color:var(--text); font-weight:600; }

.verse {
  border-left:3px solid var(--accent);
  background:rgba(14,127,192,.07);
  border-radius:0 14px 14px 0;
  padding:1.1rem 1.3rem; margin:1.5rem 0;
  transition: background-color var(--tr);
}
.verse blockquote { font-family:'DM Serif Display',serif; font-style:italic; font-size:1.1rem; color:var(--text); line-height:1.5; }
.verse cite { display:block; font-style:normal; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-top:.4rem; }

.stats {
  display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:2rem 0;
}
@media(min-width:480px) { .stats { grid-template-columns:repeat(4,1fr); } }
.stat {
  background:var(--surface-s); border:1px solid var(--border);
  border-radius:16px; padding:1.2rem .8rem; text-align:center;
  box-shadow:var(--card-sh); transition: background-color var(--tr);
}
.stat-n { font-family:'DM Serif Display',serif; font-size:1.8rem; color:var(--accent); line-height:1; }
.stat-l { font-size:.7rem; color:var(--muted); margin-top:.3rem; }

.prog-list { display:flex; flex-direction:column; gap:.75rem; margin-top:1.4rem; }
.prog-item {
  display:flex; align-items:center; gap:.9rem;
  background:var(--surface-s); border:1px solid var(--border);
  border-radius:14px; padding:1rem 1.1rem;
  box-shadow:var(--card-sh); transition: background-color var(--tr);
}
.prog-ico { font-size:1.3rem; flex-shrink:0; }
.prog-info h4 { font-size:.88rem; font-weight:600; color:var(--text); margin-bottom:.15rem; }
.prog-info p  { font-size:.75rem; color:var(--muted); font-weight:300; }

.vals { display:grid; grid-template-columns:1fr; gap:1rem; margin-top:1.4rem; }
@media(min-width:480px) { .vals { grid-template-columns:repeat(3,1fr); } }
.val {
  background:linear-gradient(135deg,rgba(14,127,192,.07),rgba(9,184,196,.05));
  border:1px solid var(--border); border-radius:16px;
  padding:1.4rem; text-align:center; transition: background-color var(--tr);
}
.val-ico { font-size:1.8rem; display:block; margin-bottom:.6rem; }
.val h3  { font-size:.88rem; font-weight:600; color:var(--text); margin-bottom:.4rem; }
.val p   { font-size:.75rem; color:var(--muted); line-height:1.65; font-weight:300; }

.cta {
  background:linear-gradient(135deg,var(--accent),var(--acc2));
  border-radius:22px; padding:2.5rem 1.8rem; text-align:center; margin-top:3rem;
}
.cta h3 { font-family:'DM Serif Display',serif; font-size:1.6rem; color:#fff; margin-bottom:.6rem; }
.cta p  { font-size:.85rem; color:rgba(255,255,255,.82); font-weight:300; margin-bottom:1.4rem; }
.cta a  {
  display:inline-block; background:#fff; color:var(--accent);
  font-weight:700; font-size:.82rem; letter-spacing:.07em; text-transform:uppercase;
  text-decoration:none; border-radius:99px; padding:.75rem 2rem;
  box-shadow:0 4px 18px rgba(0,0,0,.15); transition:transform .2s,box-shadow .2s;
}
.cta a:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.2); }