/* ========================================================================== TOKENS DEL SISTEMA — GENERADO, NO EDITAR A MANO Fuente: design-system/tokens.json Regenerar: php design-system/exportar.php Los nombres --gcid-… y --gvid-… son los que emite Divi en su propio :root cuando un módulo usa el token. Aquí se declaran igual para que el CSS del tema y el del constructor hablen el mismo idioma, y se añade un alias --rtf-… porque nadie debería tener que leer identificadores. ====================================================================== */ :root { /* — Color ————————————————————————————————— */ --gcid-rtf-superficie: #fbfbfa; --gcid-rtf-superficie-alta: #ffffff; --gcid-rtf-superficie-honda: #1b2b38; --gcid-rtf-pizarra: #1b2b38; --gcid-rtf-texto: #14181c; --gcid-rtf-texto-suave: #5b666f; --gcid-rtf-texto-claro: #c3d0d9; --gcid-rtf-borde: #e2e6ea; --gcid-rtf-borde-fuerte: #c3ccd3; --gcid-rtf-acento: #c1382f; --gcid-rtf-acento-fuerte: #a02b23; --gcid-rtf-acento-suave: #fbeeed; --gcid-rtf-ok: #1c6b4a; --gcid-rtf-alerta: #8a5300; --rtf-superficie: var(--gcid-rtf-superficie); /* fondo general de página */ --rtf-superficie-alta: var(--gcid-rtf-superficie-alta); /* tarjetas, figuras, cabecera */ --rtf-superficie-honda: var(--gcid-rtf-superficie-honda); /* banda de cierre */ --rtf-pizarra: var(--gcid-rtf-pizarra); /* trazo de los dibujos, encabezados de tabla. Unificado con superficie-honda el 27/08/2026 a peticion del cliente: un solo azul en todo el sitio */ --rtf-texto: var(--gcid-rtf-texto); /* cuerpo y titulares */ --rtf-texto-suave: var(--gcid-rtf-texto-suave); /* entradillas, pies de figura */ --rtf-texto-claro: var(--gcid-rtf-texto-claro); /* párrafos sobre superficie honda */ --rtf-borde: var(--gcid-rtf-borde); /* filetes, retícula, separadores */ --rtf-borde-fuerte: var(--gcid-rtf-borde-fuerte); /* bordes de campo y de figura */ --rtf-acento: var(--gcid-rtf-acento); /* botón principal, palabra clave del titular */ --rtf-acento-fuerte: var(--gcid-rtf-acento-fuerte); /* enlaces y estado hover */ --rtf-acento-suave: var(--gcid-rtf-acento-suave); /* fondo de referencia legal y fila destacada */ --rtf-ok: var(--gcid-rtf-ok); /* mensaje de envío correcto */ --rtf-alerta: var(--gcid-rtf-alerta); /* avisos. NO se usa rojo: el rojo es del CTA y aquí la gente llega asustada */ /* — Tamaños ————————————————————————————— */ --gvid-rtf-espacio-3xs: 4px; --rtf-espacio-3xs: var(--gvid-rtf-espacio-3xs); --gvid-rtf-espacio-2xs: 8px; --rtf-espacio-2xs: var(--gvid-rtf-espacio-2xs); --gvid-rtf-espacio-xs: 12px; --rtf-espacio-xs: var(--gvid-rtf-espacio-xs); --gvid-rtf-espacio-s: 16px; --rtf-espacio-s: var(--gvid-rtf-espacio-s); --gvid-rtf-espacio-m: 24px; --rtf-espacio-m: var(--gvid-rtf-espacio-m); --gvid-rtf-espacio-l: 32px; --rtf-espacio-l: var(--gvid-rtf-espacio-l); --gvid-rtf-espacio-xl: 48px; --rtf-espacio-xl: var(--gvid-rtf-espacio-xl); --gvid-rtf-espacio-2xl: 64px; --rtf-espacio-2xl: var(--gvid-rtf-espacio-2xl); --gvid-rtf-espacio-3xl: 96px; --rtf-espacio-3xl: var(--gvid-rtf-espacio-3xl); --gvid-rtf-espacio-4xl: 128px; --rtf-espacio-4xl: var(--gvid-rtf-espacio-4xl); --gvid-rtf-tipo-h1: clamp(2.3rem, 1.75rem + 2.5vw, 3.4rem); --rtf-tipo-h1: var(--gvid-rtf-tipo-h1); --gvid-rtf-tipo-h2: clamp(1.7rem, 1.42rem + 1.4vw, 2.3rem); --rtf-tipo-h2: var(--gvid-rtf-tipo-h2); --gvid-rtf-tipo-h3: clamp(1.2rem, 1.12rem + 0.45vw, 1.45rem); --rtf-tipo-h3: var(--gvid-rtf-tipo-h3); --gvid-rtf-tipo-h4: clamp(1.1rem, 1.03rem + 0.35vw, 1.25rem); --rtf-tipo-h4: var(--gvid-rtf-tipo-h4); --gvid-rtf-tipo-h5: 1.0625rem; --rtf-tipo-h5: var(--gvid-rtf-tipo-h5); --gvid-rtf-tipo-h6: 0.9375rem; --rtf-tipo-h6: var(--gvid-rtf-tipo-h6); --gvid-rtf-tipo-cuerpo: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem); --rtf-tipo-cuerpo: var(--gvid-rtf-tipo-cuerpo); --gvid-rtf-tipo-menor: 0.9375rem; --rtf-tipo-menor: var(--gvid-rtf-tipo-menor); --gvid-rtf-tipo-pie: 0.8125rem; --rtf-tipo-pie: var(--gvid-rtf-tipo-pie); --gvid-rtf-radio-s: 3px; --rtf-radio-s: var(--gvid-rtf-radio-s); --gvid-rtf-radio-m: 6px; --rtf-radio-m: var(--gvid-rtf-radio-m); --gvid-rtf-radio-l: 10px; --rtf-radio-l: var(--gvid-rtf-radio-l); --gvid-rtf-contenedor: 1200px; --rtf-contenedor: var(--gvid-rtf-contenedor); --gvid-rtf-medida: 660px; --rtf-medida: var(--gvid-rtf-medida); --gvid-rtf-figura: 940px; --rtf-figura: var(--gvid-rtf-figura); --gvid-rtf-toque: 44px; --rtf-toque: var(--gvid-rtf-toque); /* — Cadenas y movimiento ————————————————————————————— */ --gvid-rtf-duracion-rapida: 200ms; --rtf-duracion-rapida: var(--gvid-rtf-duracion-rapida); --gvid-rtf-duracion-media: 400ms; --rtf-duracion-media: var(--gvid-rtf-duracion-media); --gvid-rtf-duracion-lenta: 700ms; --rtf-duracion-lenta: var(--gvid-rtf-duracion-lenta); --gvid-rtf-curva: cubic-bezier(0.16, 1, 0.3, 1); --rtf-curva: var(--gvid-rtf-curva); --gvid-rtf-sombra-1: 0 1px 2px rgba(20,24,28,.05), 0 6px 16px rgba(27,43,56,.07); --rtf-sombra-1: var(--gvid-rtf-sombra-1); --gvid-rtf-sombra-2: 0 1px 2px rgba(20,24,28,.05), 0 10px 28px rgba(27,43,56,.10); --rtf-sombra-2: var(--gvid-rtf-sombra-2); --gvid-rtf-empresa: Costa del Sol Siglo XXI, S.L.; --rtf-empresa: var(--gvid-rtf-empresa); --gvid-rtf-cif: B93592756; --rtf-cif: var(--gvid-rtf-cif); --gvid-rtf-direccion: Urb. Las Adelfas de Guadalmina Baja, Bloque 2, Portal 7, Dúplex 28 · 29670 San Pedro Alcántara (Málaga); --rtf-direccion: var(--gvid-rtf-direccion); --gvid-rtf-telefono: +34 684 774 816; --rtf-telefono: var(--gvid-rtf-telefono); --gvid-rtf-email: info@reclamatufactura.com; --rtf-email: var(--gvid-rtf-email); --gvid-rtf-horario: Lunes a viernes, de 9:00 a 18:00; --rtf-horario: var(--gvid-rtf-horario); --gvid-rtf-respuesta: Te respondemos en menos de 24 horas laborables; --rtf-respuesta: var(--gvid-rtf-respuesta); /* — Tipografías ————————————————————————————— */ --gvid-rtf-fuente-display: 'Space Grotesk'; --rtf-fuente-display: var(--gvid-rtf-fuente-display); --gvid-rtf-fuente-cuerpo: 'Inter'; --rtf-fuente-cuerpo: var(--gvid-rtf-fuente-cuerpo); --gvid-rtf-fuente-datos: 'IBM Plex Mono'; --rtf-fuente-datos: var(--gvid-rtf-fuente-datos); /* — Solo del tema ————————————————————————— */ --rtf-interlineado-titular: 1.1; --rtf-interlineado-cuerpo: 1.65; --rtf-tracking-titular: -0.03em; --rtf-rejilla: 32px; }