/*
 * Tokens del rediseño de llorcagroup.com (2026), inspirado en construccionesfrances.es:
 * fondo blanco, tinta casi negra, tipografía ligera, fotografía a sangre y el rojo de la marca solo como acento.
 * Los nombres antiguos (--color-crema, --color-titulos…) se mantienen como alias porque los usa el CSS generado.
 */
:root {
  /* Paleta */
  --color-tinta: #090604;            /* títulos, menú, botones */
  --color-texto: #46474a;            /* texto corrido */
  --color-suave: #6d6e73;            /* texto secundario, etiquetas */
  --color-fondo: #fff;
  --color-gris: #f6f6f6;             /* bandas y tarjetas */
  --color-linea: #e4e4e4;            /* bordes y separadores */
  --color-rojo: #da291c;             /* acento de la marca (flecha del logotipo) */
  --color-negro: #000;
  --color-blanco: #fff;
  --color-velo: rgba(9, 6, 4, .35);  /* velo sobre fotografía */

  /* Alias heredados del sistema anterior (los consume el CSS por página) */
  --color-titulos: var(--color-tinta);
  --color-crema: var(--color-fondo);
  --color-oscuro: var(--color-tinta);
  --color-hueco: var(--color-gris);
  --color-sombra-cabecera: rgba(0, 0, 0, .06);

  /* Tipografía */
  --fuente: 'Epilogue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --peso-ligero: 300;
  --peso-normal: 400;
  --peso-medio: 500;
  --peso-menu: 400;
  --peso-negrita: 600;
  --texto-base: 17px;
  --interlineado: 1.65;
  --h1: clamp(34px, 4.2vw, 64px);
  --h2: clamp(26px, 2.6vw, 40px);
  --h3: clamp(21px, 1.8vw, 26px);
  --h4: 20px;
  --h5: 18px;
  --h6: 16px;
  --titulo-interlineado: 1.2;
  --etiqueta: 13px;                  /* versalitas: menú, etiquetas, pie */
  --espaciado-etiqueta: .08em;
  --menu-texto: 14px;
  --menu-fijo-texto: 14px;
  --pie-texto: 15px;
  --secundario-texto: 14px;
  --boton-texto: 14px;

  /* Espaciado y rejilla */
  --ancho-max: 1440px;
  --margen-lateral: clamp(16px, 4vw, 64px);
  --seccion: clamp(64px, 8vw, 128px);
  --hueco: clamp(16px, 2vw, 32px);

  /* Rejilla heredada (Divi) */
  --fila-ancho: 80%;
  --fila-max: 1440px;
  --fila-relleno: 1%;
  --seccion-relleno: 0;
  --hueco-columna: 5.5%;
  --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%;

  /* Cabecera */
  --cabecera-alto: 80px;
  --cabecera-alto-movil: 64px;
  --logo-alto: 26px;
  --logo-alto-movil: 22px;
  --submenu-ancho: 260px;

  /* Botones */
  --boton-borde: 1px;
  --boton-radio: 0;
  --boton-relleno: 14px 28px;
  --boton-transicion: background-color .25s ease, color .25s ease, border-color .25s ease;

  /* Formularios */
  --enviar-fondo: var(--color-tinta);
  --enviar-borde: 1px;

  /* Movimiento */
  --transicion: .35s cubic-bezier(.2, .7, .2, 1);

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