/* Hallmark · genre: editorial · macrostructure: Manifesto + Method (postura → los cuatro idiomas → dos caras → método único → trabajos reales) · theme: marca El Intérprete, tinta + crema + dorado
 * extiende precios.css (mismas clases pr-*); aquí solo lo propio de Sobre nosotros: grilla de trabajos
 * honest: sin cifras ni personas inventadas; casos reales ya publicados en la home
 * pre-emit critique: P5 H4 E4 S4 R5 V4
 * contrast: pass (40–41) · tokens: pass (48) · chrome: pass (47: capturas reales en <figure>) · responsive: pass (34, 49–52)
 */

.nb-works { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); margin-top: clamp(2.5rem, 5vw, 4rem); }
.nb-work { display: grid; gap: var(--space-md); align-content: start; }
.nb-work__shot { margin: 0; border: 1px solid var(--color-hairline); border-radius: var(--radius-md); overflow: hidden; background: var(--color-ink-card); }
.nb-work__shot img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; object-position: top; }
.nb-work h3 { font-weight: 900; font-size: var(--text-xl); line-height: 1.1; }
.nb-work__meta { font: 700 0.75rem/1.4 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-on-ink-soft); }
.nb-work__what { font-size: var(--text-base); line-height: 1.6; color: var(--color-on-ink-body); max-width: 40ch; }
@media (min-width: 48rem) { .nb-works { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.nb-more { display: flex; margin-top: clamp(2rem, 4vw, 3rem); }

.pr-why__list .nb-tag { margin: 0 0 var(--space-xs); font: 800 0.6875rem/1 var(--font-body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-muted); }
.pr-why__list .nb-tag--in { color: var(--color-ink); }
.pr-why__list .nb-tag--in::before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: var(--space-xs); border-radius: 50%; background: var(--color-accent); border: 1.5px solid var(--color-ink); }