/* ==========================================================================
   MediCenter · /nosotros — página institucional. Consume tokens.css. CSS aislado.
   Sin gradientes, sin !important, sin colores/radios fuera de los tokens.
   ========================================================================== */

/* A · HERO INTERIOR */
.ns-hero{background:var(--mc-brand-subtle);border-bottom:1px solid var(--mc-border-default)}
.ns-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--mc-space-12);align-items:center;
  padding:52px 0 50px}
.ns-hero__body h1{font-size:2.6rem;line-height:1.08;margin:6px 0 0;max-width:20ch}
.ns-hero__lead{margin:16px 0 0;color:var(--mc-text-secondary);font-size:1.1rem;line-height:1.6;max-width:54ch}
.ns-hero__media{position:relative;min-height:360px;border-radius:var(--mc-radius-lg);overflow:hidden;
  border:1px solid var(--mc-border-default);background:var(--mc-brand-soft)}
.ns-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

/* B · NUESTRO ENFOQUE */
.ns-focus{padding:54px 0}
.ns-focus__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--mc-space-12);align-items:start}
.ns-focus__intro h2{font-size:1.9rem;margin:6px 0 0}
.ns-focus__text{color:var(--mc-text-secondary);font-size:1.08rem;line-height:1.7;margin:0;max-width:62ch}

/* C · CÓMO TRABAJAMOS */
.ns-how{background:var(--mc-bg-soft);border-top:1px solid var(--mc-border-default);
  border-bottom:1px solid var(--mc-border-default);padding:54px 0}
.ns-how__head{text-align:center;margin-bottom:var(--mc-space-8)}
.ns-how__head h2{font-size:1.9rem;margin:6px 0 0}
.ns-how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ns-how__card{background:var(--mc-bg-surface);border:1px solid var(--mc-border-default);
  border-radius:var(--mc-radius);padding:24px 22px;box-shadow:var(--mc-shadow-card)}
.ns-how__ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:13px;
  background:var(--mc-brand-soft);color:var(--mc-brand-primary);margin:0 0 14px}
.ns-how__ic svg{width:28px;height:28px}
.ns-how__card h3{font-family:var(--mc-font-sans);font-size:1.05rem;font-weight:700;margin:0 0 6px;color:var(--mc-text-primary)}
.ns-how__card p{color:var(--mc-text-secondary);font-size:.95rem;line-height:1.5;margin:0}

/* RESPONSIVE */
@media (max-width:960px){
  .ns-how__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .ns-hero__grid{grid-template-columns:1fr;gap:28px;padding:40px 0}
  .ns-hero__body h1{font-size:2.15rem}
  .ns-focus__grid{grid-template-columns:1fr;gap:16px}
}
@media (max-width:560px){
  .ns-how{padding:42px 0}
  .ns-how__grid{grid-template-columns:1fr}
  .ns-focus{padding:42px 0}
}