/**
 * MARCA FASPRO. La fuente unica de la que bebe todo el sitio.
 *
 * Aqui NO hay diseno: solo hay decisiones. El color, la letra y las
 * medidas que se repiten. Nada mas. Esta hoja no pinta nada por si
 * sola y no puede romper nada: solo declara nombres.
 *
 * Por que existe: hasta hoy el color de FASPRO estaba escrito a mano
 * en tres sitios distintos (los ajustes de Elementor, los del tema y
 * una hoja de 33 KB con 29 colores sueltos). Cambiar el rojo obligaba
 * a buscarlo por todas partes y siempre quedaba alguno sin cambiar.
 * A partir de ahora se cambia aqui y cambia en todo el sitio.
 *
 * Se carga en TODAS las paginas de la web, la primera de todas, para
 * que cualquier hoja posterior pueda usar estos nombres. Es seguro
 * hacerlo porque no lleva reinicio ni nombres de clase: la hoja de
 * diseno.css, que si los lleva, sigue cargandose solo donde
 * controlamos la pagina entera.
 *
 * REGLA: ningun color nuevo se escribe a mano en ninguna hoja del
 * sitio. Si hace falta un tono que no esta aqui, se anade aqui.
 *
 * Creada el 24/08/2026, fase 1 de la reforma visual.
 *
 * @package FASPRO
 */

:root{

  /* ---------- COLOR ---------- */
  /* Los cinco de FASPRO Campo. Mismos valores que en los ajustes de
     Elementor; el dia que cambien, cambian en los dos sitios. */
  --fp-superficie:rgba(255,255,255,.04); --fp-camo:var(--fp-superficie); /* superficie: blanco al 4% sobre el fondo */
  --fp-arena:#B6AD6E;     /* acento: lo importante y lo conseguido */
  --fp-desierto:#6C6A52;  /* acento apagado, para lo secundario */
  --fp-rojo:#E20A17;      /* alerta, marca y llamada a la accion */
  --fp-fondo:#1C1C1C;     /* fondo de las pantallas de dentro */

  /* NEGRO PURO. El suelo de las pantallas a sangre. La portada ya lo usa
     en sus nueve secciones, y desde el 01/09/2026 tambien /noticias/:
     sobre negro puro una foto a sangre no tiene borde, se funde con la
     pagina, que es justo lo que se busca ahi.

     Aqui ponia que el fondo general nunca era negro puro. Era verdad
     cuando se escribio, pero la portada se rehizo y dejo de serlo. Se
     corrige en vez de dejar la nota vieja: ya hizo elegir mal una vez. */
  --fp-negro:#000000;
  --fp-blanco:#F8F7F7;    /* el blanco de la marca, no el #FFF crudo */

  /* Tinta: el mismo blanco a tres fuerzas. Un solo color con tres
     transparencias en vez de tres grises distintos, para que sirva
     sobre cualquiera de los dos fondos. */
  --fp-tinta:#FFFFFF;
  --fp-tinta-2:rgba(255,255,255,.72);
  --fp-tinta-3:rgba(255,255,255,.48);

  /* Lineas y velos. Sin sombras: en FASPRO se separa con una linea de
     1 px, no con una sombra. */
  --fp-linea:rgba(255,255,255,.10);
  --fp-linea-fuerte:rgba(255,255,255,.18);
  --fp-velo:rgba(255,255,255,.04);

  /* CRISTAL. Para lo que FLOTA por encima de la pagina: hoy el
     desplegable de la cuenta, manana lo que venga. Un panel suspendido
     no es un fondo, y por eso aqui SI se usa negro puro: con
     transparencia y desenfoque deja intuir lo que hay debajo y se
     despega solo, sin necesidad de una sombra.

     OJO: arriba pone que el fondo general nunca es negro puro, y sigue
     siendo verdad. Esto no es fondo. Anadido el 30/08/2026. */
  --fp-vidrio:rgba(0,0,0,.40);
  --fp-vidrio-macizo:rgba(0,0,0,.94);  /* si el navegador no desenfoca */
  --fp-desenfoque:18px;

  /* ---------- LETRA ---------- */
  --fp-letra:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fp-letra-titulo:var(--fp-letra);

  /* ---------- MEDIDAS QUE SE REPITEN ---------- */
  --fp-radio:10px;        /* esquina de tarjetas y botones */
  --fp-radio-chico:6px;
  --fp-medida:74ch;       /* ancho maximo de un texto para que se lea */
  --fp-paso:8px;          /* la rejilla: todo espacio es multiplo */
}