/*
 * Tokens del sistema de diseño de llorcagroup.com, medidos con migration/tools/medir.mjs (Edge, 1920 y 375 px).
 * Detalle y procedencia: migration/output/sistema-diseno.md
 */
:root {
  /* Colores */
  --color-rojo: #da291c;            /* acento: enlaces, menú activo, bordes de botón, títulos del pie */
  --color-texto: #2e2e2e;           /* texto general */
  --color-titulos: #2e2e3d;         /* h1–h6 por defecto, texto de botones y del pie */
  --color-crema: #fffdf3;           /* fondo de página, cabecera, pie y botones */
  --color-oscuro: #2e2e2e;          /* fondo de las franjas de título */
  --color-negro: #000;
  --color-blanco: #fff;
  --color-sombra-cabecera: rgba(0, 0, 0, .1);
  --color-velo: rgba(0, 0, 0, .27);  /* velo de las cajas de texto sobre imagen */
  --color-hueco: #e6e3d8;           /* hueco de imagen ausente [NUEVO] */

  /* Tipografía */
  --fuente: 'Epilogue', Helvetica, Arial, Lucida, sans-serif;
  --peso-normal: 500;
  --peso-menu: 600;
  --peso-negrita: 700;
  --texto-base: 18px;
  --interlineado: 1.6em;
  --h1: 36px;
  --h2: 30px;
  --h3: 26px;
  --h4: 21px;
  --h5: 19px;
  --h6: 16px;
  --titulo-interlineado: 1em;
  --menu-texto: 18px;
  --menu-fijo-texto: 22px;
  --pie-texto: 16px;
  --pie-titulo: 29px;
  --pie-info: 12px;
  --secundario-texto: 14px;
  --boton-texto: 20px;

  /* Rejilla (Divi, separación 3) */
  --fila-ancho: 80%;
  --fila-max: 1920px;
  --fila-relleno: 1%;               /* ≥ 981 px; 1 px en tablet/móvil */
  --seccion-relleno: 0;             /* la original pone 0 % en escritorio y 18 px en tablet/móvil */
  --hueco-columna: 5.5%;            /* margin-right entre columnas */
  --col-1-2: 47.25%;
  --col-1-3: 29.6667%;
  --col-2-3: 64.833%;
  --col-1-4: 20.875%;
  --col-3-4: 73.625%;
  --modulo-margen: 2.75%;           /* margin-bottom de módulos en columnas 4_4 */

  /* Cabecera */
  --cabecera-alto: 124px;           /* 110 px de logo + navegación con 55 px de relleno */
  --cabecera-alto-movil: 80px;
  --cabecera-secundaria-alto: 37px;
  --logo-ancho: 220px;
  --logo-alto-movil: 43px;
  --nav-relleno: 55px;
  --submenu-ancho: 240px;
  --submenu-borde: 3px;

  /* Botones */
  --boton-borde: 9px;
  --boton-radio: 5px;
  --boton-relleno: 6px 20px 2px;
  --boton-transicion: all .3s ease;

  /* Formularios */
  --enviar-fondo: var(--color-titulos);
  --enviar-borde: 2px;

  /* Puntos de corte de Divi */
  --bp-tablet: 980px;
  --bp-movil: 767px;
}