/* Hallmark · genre: editorial · macrostructure: Briefing (hero → por qué importa en dos columnas → qué hacemos en tarjetas → cierre) · theme: marca El Intérprete, tinta + crema + dorado
 * extiende precios.css (clases pr-*); aquí solo lo propio de las páginas de servicio (SEO local, GEO, Redes sociales)
 * honest: sin cifras ni resultados inventados; el texto es el que ya publicaba cada página
 * pre-emit critique: P5 H4 E4 S4 R5 V4
 * contrast: pass (40–41) · tokens: pass (48) · responsive: pass (34, 49–52)
 */
.sv-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); }
.sv-big { font-family: var(--font-display); font-weight: 700; font-size: var(--text-xl); line-height: 1.3; color: var(--color-ink); max-width: 30ch; text-wrap: balance; margin: 0; }
.sv-big em { font-style: italic; }
.sv-body { display: grid; gap: var(--space-lg); align-content: start; }
.sv-body p { margin: 0; font-size: var(--text-lg); line-height: 1.6; color: var(--color-body); max-width: 52ch; }
.sv-body strong { color: var(--color-ink); }
.pr-face h3 { margin: 0; }
.pr-face .pr-list li b { color: var(--color-on-ink); }
.pr-faces--3 { grid-template-columns: minmax(0, 1fr); }
.sv-note { margin: clamp(2rem, 4vw, 3rem) 0 0; padding-top: var(--space-lg); border-top: 1px solid var(--color-ink-hair); font-size: var(--text-base); line-height: 1.55; color: var(--color-on-ink-soft); max-width: 60ch; }
@media (min-width: 60rem) {
  .sv-intro { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: var(--space-3xl); align-items: start; }
  .pr-faces--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* bloque de texto sobre fondo tinta (página de ficha de Google) */
.sv-on-ink { background: var(--color-ink); }
.sv-on-ink .sv-big { color: var(--color-on-ink); }
.sv-on-ink .sv-body p { color: var(--color-on-ink-body); }
.sv-on-ink .sv-body strong, .sv-on-ink .sv-body a { color: var(--color-on-ink); }
