/* ─────────────────────────────────────────────────────────
   Servicios RR — sistema de diseño
   Base estructural: familia de plantillas v2 de StreamA
   (abogado_es.html / clinica_dental_es.html — mismo sistema
   que https://mario-previews.pages.dev/rocio-garcia-garzon-psicologa-madri/)
   Paleta: extraída en vivo de serviciosrr.es (no inventada).
     navy real  = rgb(18,56,143)  #12388f  -> botones "Área de clientes",
                  "Agenda tu cita gratuita", "Quiero conocer más"
     cyan real  = rgb(46,163,242) #2ea3f2  -> acentos de enlaces
   Fuente real del body de Ruth: "Open Sans". Mantenemos Manrope como
   fuente de headings (parte del sistema visual que le gustó en el
   preview de psicología) y usamos Open Sans en párrafos de cuerpo
   para no perder la identidad tipográfica real de la marca.
   ───────────────────────────────────────────────────────── */
:root{
  --brand:    #12388f;   /* navy real de marca */
  --brand-d:  #0c2761;   /* navy oscuro, hover/active */
  --brand-l:  #e7ecf8;   /* navy muy claro, fondos de icono */
  --accent:   #2ea3f2;   /* cyan real de marca, acentos puntuales */
  --ink:      #12151c;
  --ink-2:    #454b57;
  --ink-3:    #767d8a;
  --bg:       #fdfdfe;
  --surface:  #f5f7fb;
  --edge:     #e1e6ef;
  --white:    #ffffff;
  --ff-head:  'Manrope', system-ui, sans-serif;
  --ff-body:  'Open Sans', system-ui, sans-serif;
  --ease:     cubic-bezier(0.32,0.72,0,1);
  --ease-back:cubic-bezier(0.34,1.4,0.64,1);
}