/* =====================================================================
   HOJA DE ESTE SITIO. Es lo ÚNICO que cambia entre las cinco webs.

   Se carga DESPUÉS de base.css, así que lo que se declare aquí gana. No
   añada reglas: si necesita una, probablemente deba ir en la base con su
   variable, para que los cinco sitios la compartan.
   ===================================================================== */

/* =====================================================================
   registresumarcaenlinea.com — sistema visual
   Paleta y tipografías tomadas del sitio en producción, no inventadas.
   Este archivo es la plantilla para los 5 sitios hermanos: lo único que
   cambia entre ellos son los tokens del bloque :root.
   ===================================================================== */

:root{
  /* --- Color. El logo es rojo y negro: el rojo es SOLO acción, y el negro
     —suavizado a #1A1A1A— hace de tinta. Medido con GD sobre
     logo-cardenas-vega.png: el 69% de sus píxeles son rojo y el 23% negro.

     El rojo corporativo es **#C80000, no el #E00000 del JPG maestro**: es una
     decisión cerrada del cliente y da 6,08:1 sobre blanco y 5,67:1 sobre la
     superficie, mientras que el del archivo se queda en 5,04:1 y no aguanta
     texto pequeño. --- */
  --tinta:      #1A1A1A;   /* títulos — 17,4:1 */
  --texto:      #333333;   /* cuerpo — 12,63:1 */
  --apagado:    #6B6B6B;   /* secundario — 5,33:1 */
  --accion:       #C80000;   /* acción: botones, destacados, filete de ficha */
  --accion-hover: #A00000;   /* 8,42:1 */
  --acento:       #C80000;
  --acento-texto: #A00000;
  --azul:       #1A1A1A;   /* ancla de sección: aquí no hay azul, el logo no lo tiene */
  --azul-claro: #333333;
  --fondo:      #FFFFFF;
  --superficie: #F7F7F5;
  --borde:      #E4E4E0;

  /* --- Espaciado: 7 pasos, ningún valor fuera de la escala --- */
  --e-xs:.5rem; --e-sm:.75rem; --e-md:1rem;
  --e-lg:1.5rem; --e-xl:2.5rem; --e-2xl:4rem; --e-3xl:6rem;
  /* Respiro vertical de una sección del Home. Tiene nombre propio —y no es
     uno de los siete pasos— porque marca el ritmo de la página entera y se
     ajusta a ojo mirando el sitio, no la escala. */
  --e-seccion:5rem;

  /* --- Tipografía fluida (editable desde §7 del panel) --- */
  --paso--1:clamp(.82rem,.79rem + .15vw,.88rem);
  --paso-0: clamp(1rem,.96rem + .2vw,1.09rem);
  --paso-1: clamp(1.19rem,1.11rem + .4vw,1.44rem);
  --paso-2: clamp(1.42rem,1.28rem + .7vw,1.9rem);
  --paso-3: clamp(1.69rem,1.46rem + 1.15vw,2.5rem);
  --paso-4: clamp(2.01rem,1.63rem + 1.9vw,3.3rem);

  --display:'Lexend',system-ui,sans-serif;
  --nav:'Roboto Condensed',system-ui,sans-serif;
  --cuerpo:'Lato',system-ui,-apple-system,sans-serif;

  --ancho:1180px; --radio:10px; --radio-btn:999px;
  --sombra:0 1px 2px rgba(19,25,73,.05), 0 8px 24px rgba(19,25,73,.06);
  --sombra-alta:0 2px 6px rgba(19,25,73,.07), 0 16px 36px rgba(19,25,73,.12);
}