/* ARRA — Tokens del tema
 *
 * Espejo exacto de theme.json. Usa los MISMOS nombres de variable que genera el
 * núcleo de WordPress (--wp--preset--*, --wp--custom--*), de modo que preview/
 * se vea igual que el sitio real sin necesidad de WordPress.
 *
 * Fuente de verdad: theme.json. Si cambias un token allí, actualízalo aquí.
 * Nunca un hex literal fuera de este archivo.
 */

/* ============================================================
   TIPOGRAFÍAS AUTOALOJADAS
   WordPress las genera desde theme.json; aquí se declaran para preview/.
   ============================================================ */
@font-face {
	font-family: "Sora";
	src: url("../fonts/Sora-Variable.woff2") format("woff2");
	font-weight: 100 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter-Variable.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* ============================================================
	   COLOR — generado desde theme.json por sync-tokens.py
	   ============================================================ */
	/* @generado:colores */
	--wp--preset--color--burdeos-950: #3d0f1f;
	--wp--preset--color--burdeos-900: #5f1a31;
	--wp--preset--color--burdeos-700: #6e2840;
	--wp--preset--color--burdeos-500: #7f4b5c;
	--wp--preset--color--verde-900: #2a402b;
	--wp--preset--color--verde-700: #436144;
	--wp--preset--color--verde-500: #6b866b;
	--wp--preset--color--verde-400: #7d9b6e;
	--wp--preset--color--dorado-700: #a8834d;
	--wp--preset--color--dorado-500: #caa971;
	--wp--preset--color--dorado-300: #eed49c;
	--wp--preset--color--carbon-950: #060b13;
	--wp--preset--color--tinta-900: #1c1c1f;
	--wp--preset--color--tinta-500: #5a6470;
	--wp--preset--color--tinta-300: #9aa3b0;
	--wp--preset--color--neutro-400: #d9dde2;
	--wp--preset--color--neutro-300: #e8eaee;
	--wp--preset--color--neutro-200: #edeef0;
	--wp--preset--color--neutro-100: #f7f8f8;
	--wp--preset--color--blanco: #ffffff;
	/* @fin:colores */

	/* ============================================================
	   TIPOGRAFÍA
	   ============================================================ */
	/* Las pilas las escribe sync-tokens.py desde theme.json. Estaban a mano y
	   se desincronizaron el día que entró el respaldo ajustado: esta hoja se
	   encola DESPUÉS de los estilos globales que WordPress saca de
	   theme.json, así que la copia vieja de aquí ganaba y el respaldo no
	   llegaba a usarse nunca. */
	/* @generado:tipografias */
	--wp--preset--font-family--titulares: "Sora", "Sora respaldo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	--wp--preset--font-family--texto: "Inter", "Inter respaldo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	/* @fin:tipografias */

	--wp--preset--font-size--kicker: 0.8125rem;
	--wp--preset--font-size--pequeno: 0.9375rem;
	--wp--preset--font-size--base: 1rem;
	--wp--preset--font-size--grande: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	--wp--preset--font-size--h4: clamp(1.25rem, 1.19rem + 0.31vw, 1.375rem);
	--wp--preset--font-size--h3: clamp(1.5rem, 1.38rem + 0.63vw, 1.75rem);
	--wp--preset--font-size--h2: clamp(1.875rem, 1.5rem + 1.88vw, 2.5rem);
	--wp--preset--font-size--h1: clamp(2.25rem, 1.63rem + 3.13vw, 3.5rem);
	--wp--preset--font-size--display: clamp(2.75rem, 1.63rem + 5.63vw, 5rem);

	/* ============================================================
	   ESPACIADO — base 8
	   ============================================================ */
	--wp--preset--spacing--1: 0.25rem;
	--wp--preset--spacing--2: 0.5rem;
	--wp--preset--spacing--3: 0.75rem;
	--wp--preset--spacing--4: 1rem;
	--wp--preset--spacing--5: 1.5rem;
	--wp--preset--spacing--6: 2rem;
	--wp--preset--spacing--7: 2.5rem;
	--wp--preset--spacing--8: 3rem;
	--wp--preset--spacing--9: 4rem;
	--wp--preset--spacing--10: 5rem;
	--wp--preset--spacing--11: 6rem;
	--wp--preset--spacing--12: 8rem;
	--wp--preset--spacing--seccion: clamp(6.25rem, 10vw, 8.75rem);

	/* ============================================================
	   LO QUE theme.json NO CUBRE — settings.custom
	   ============================================================ */
	--wp--custom--radio--xs: 6px;
	--wp--custom--radio--sm: 8px;
	--wp--custom--radio--md: 12px;
	--wp--custom--radio--lg: 16px;
	--wp--custom--radio--xl: 20px;
	--wp--custom--radio--xxl: 28px;
	--wp--custom--radio--pastilla: 999px;

	--wp--custom--sombra--suave: 0 1px 2px rgba(14, 26, 43, 0.04);
	--wp--custom--sombra--media: 0 2px 8px rgba(14, 26, 43, 0.06);
	--wp--custom--sombra--alta: 0 8px 24px rgba(14, 26, 43, 0.08);
	--wp--custom--sombra--insignia: 0 6px 20px rgba(14, 26, 43, 0.10);

	--wp--custom--movimiento--salida: cubic-bezier(0.22, 0.61, 0.36, 1);
	--wp--custom--movimiento--entrada-salida: cubic-bezier(0.65, 0, 0.35, 1);
	--wp--custom--movimiento--rapido: 120ms;
	--wp--custom--movimiento--base: 220ms;
	--wp--custom--movimiento--lento: 420ms;
	/* Faltaba, y este archivo se declara «espejo exacto de theme.json».
	   WordPress lo genera solo, así que en el sitio real nunca se notó; en
	   preview/ las reglas que lo usan —el filete del menú, la línea dorada de
	   «Situaciones», el trazo de los iconos— se quedaban sin duración. */
	--wp--custom--movimiento--muy-lento: 840ms;

	--wp--custom--tracking--ajustado: -0.02em;
	--wp--custom--tracking--ancho: 0.12em;
	--wp--custom--tracking--extra-ancho: 0.24em;

	/* Anchos de disposición (theme.json → settings.layout) */
	--wp--style--global--content-size: 760px;
	--wp--style--global--wide-size: 1280px;
}

/* ============================================================
   CLASES DE UTILIDAD QUE EMITE WORDPRESS
   preview/ usa este mismo marcado, así lo que se ve es lo que habrá.
   ============================================================ */
/* @generado:utilidades-color */
.has-burdeos-950-color { color: var(--wp--preset--color--burdeos-950); }
.has-burdeos-900-color { color: var(--wp--preset--color--burdeos-900); }
.has-burdeos-700-color { color: var(--wp--preset--color--burdeos-700); }
.has-burdeos-500-color { color: var(--wp--preset--color--burdeos-500); }
.has-verde-900-color { color: var(--wp--preset--color--verde-900); }
.has-verde-700-color { color: var(--wp--preset--color--verde-700); }
.has-verde-500-color { color: var(--wp--preset--color--verde-500); }
.has-verde-400-color { color: var(--wp--preset--color--verde-400); }
.has-dorado-700-color { color: var(--wp--preset--color--dorado-700); }
.has-dorado-500-color { color: var(--wp--preset--color--dorado-500); }
.has-dorado-300-color { color: var(--wp--preset--color--dorado-300); }
.has-carbon-950-color { color: var(--wp--preset--color--carbon-950); }
.has-tinta-900-color { color: var(--wp--preset--color--tinta-900); }
.has-tinta-500-color { color: var(--wp--preset--color--tinta-500); }
.has-tinta-300-color { color: var(--wp--preset--color--tinta-300); }
.has-neutro-400-color { color: var(--wp--preset--color--neutro-400); }
.has-neutro-300-color { color: var(--wp--preset--color--neutro-300); }
.has-neutro-200-color { color: var(--wp--preset--color--neutro-200); }
.has-neutro-100-color { color: var(--wp--preset--color--neutro-100); }
.has-blanco-color { color: var(--wp--preset--color--blanco); }

.has-burdeos-950-background-color { background-color: var(--wp--preset--color--burdeos-950); }
.has-burdeos-900-background-color { background-color: var(--wp--preset--color--burdeos-900); }
.has-burdeos-700-background-color { background-color: var(--wp--preset--color--burdeos-700); }
.has-burdeos-500-background-color { background-color: var(--wp--preset--color--burdeos-500); }
.has-verde-900-background-color { background-color: var(--wp--preset--color--verde-900); }
.has-verde-700-background-color { background-color: var(--wp--preset--color--verde-700); }
.has-verde-500-background-color { background-color: var(--wp--preset--color--verde-500); }
.has-verde-400-background-color { background-color: var(--wp--preset--color--verde-400); }
.has-dorado-700-background-color { background-color: var(--wp--preset--color--dorado-700); }
.has-dorado-500-background-color { background-color: var(--wp--preset--color--dorado-500); }
.has-dorado-300-background-color { background-color: var(--wp--preset--color--dorado-300); }
.has-carbon-950-background-color { background-color: var(--wp--preset--color--carbon-950); }
.has-tinta-900-background-color { background-color: var(--wp--preset--color--tinta-900); }
.has-tinta-500-background-color { background-color: var(--wp--preset--color--tinta-500); }
.has-tinta-300-background-color { background-color: var(--wp--preset--color--tinta-300); }
.has-neutro-400-background-color { background-color: var(--wp--preset--color--neutro-400); }
.has-neutro-300-background-color { background-color: var(--wp--preset--color--neutro-300); }
.has-neutro-200-background-color { background-color: var(--wp--preset--color--neutro-200); }
.has-neutro-100-background-color { background-color: var(--wp--preset--color--neutro-100); }
.has-blanco-background-color { background-color: var(--wp--preset--color--blanco); }
/* @fin:utilidades-color */

.has-kicker-font-size { font-size: var(--wp--preset--font-size--kicker); }
.has-pequeno-font-size { font-size: var(--wp--preset--font-size--pequeno); }
.has-base-font-size { font-size: var(--wp--preset--font-size--base); }
.has-grande-font-size { font-size: var(--wp--preset--font-size--grande); }
.has-h-4-font-size { font-size: var(--wp--preset--font-size--h4); }
.has-h-3-font-size { font-size: var(--wp--preset--font-size--h3); }
.has-h-2-font-size { font-size: var(--wp--preset--font-size--h2); }
.has-h-1-font-size { font-size: var(--wp--preset--font-size--h1); }
.has-display-font-size { font-size: var(--wp--preset--font-size--display); }

.has-titulares-font-family { font-family: var(--wp--preset--font-family--titulares); }
.has-texto-font-family { font-family: var(--wp--preset--font-family--texto); }