/* Skin generated by bewpro:skin — demo-news-1 (diario / portal de noticias) */
/* Generated: 2026-07-29 · escala Porto completa desde los 6 colores del blueprint */
/* Paleta: verde caña #0F5C4A (marca) · tinta #12171C · papel #F7F8F5 ·
   neutro con sesgo verde #6B7269. El vermellón #D93B18 NO entra en la escala
   de marca a propósito: es color SEMÁNTICO de "último momento" y vive abajo
   como --nd-urgent, para que un re-skin del tenant no se lo lleve puesto. */

:root {
	--border-radius: 0;
	--border-radius2x: 16px;
	--default: #555555;
	--primary: #0F5C4A;
	--primary-rgb: 15, 92, 74;
	--bs-primary: #0F5C4A;
	--bs-primary-rgb: 15, 92, 74;
	--primary-100: #0E5343;
	--primary-200: #0D4E3F;
	--primary-300: #0C4A3B;
	--primary--100: #116551;
	--primary--200: #116A55;
	--primary--300: #126E59;
	--primary-rgba-0: rgba(15, 92, 74, 0);
	--primary-rgba-10: rgba(15, 92, 74, 0.1);
	--primary-rgba-20: rgba(15, 92, 74, 0.2);
	--primary-rgba-30: rgba(15, 92, 74, 0.3);
	--primary-rgba-40: rgba(15, 92, 74, 0.4);
	--primary-rgba-50: rgba(15, 92, 74, 0.5);
	--primary-rgba-60: rgba(15, 92, 74, 0.6);
	--primary-rgba-70: rgba(15, 92, 74, 0.7);
	--primary-rgba-80: rgba(15, 92, 74, 0.8);
	--primary-rgba-90: rgba(15, 92, 74, 0.9);
	--primary-rgba-100: rgba(15, 92, 74, 1);
	--secondary: #12171C;
	--secondary-rgb: 18, 23, 28;
	--bs-secondary: #12171C;
	--bs-secondary-rgb: 18, 23, 28;
	--secondary-100: #101519;
	--secondary-200: #0F1418;
	--secondary-300: #0E1216;
	--secondary--100: #1F2429;
	--secondary--200: #252A2F;
	--secondary--300: #2C3136;
	--secondary-rgba-0: rgba(18, 23, 28, 0);
	--secondary-rgba-10: rgba(18, 23, 28, 0.1);
	--secondary-rgba-20: rgba(18, 23, 28, 0.2);
	--secondary-rgba-30: rgba(18, 23, 28, 0.3);
	--secondary-rgba-40: rgba(18, 23, 28, 0.4);
	--secondary-rgba-50: rgba(18, 23, 28, 0.5);
	--secondary-rgba-60: rgba(18, 23, 28, 0.6);
	--secondary-rgba-70: rgba(18, 23, 28, 0.7);
	--secondary-rgba-80: rgba(18, 23, 28, 0.8);
	--secondary-rgba-90: rgba(18, 23, 28, 0.9);
	--secondary-rgba-100: rgba(18, 23, 28, 1);
	--tertiary: #14806A;
	--bs-tertiary: #14806A;
	--bs-tertiary-rgb: 20, 128, 106;
	--tertiary-100: #12735F;
	--tertiary-200: #116D5A;
	--tertiary-300: #106655;
	--tertiary--100: #168D75;
	--tertiary--200: #17937A;
	--tertiary--300: #189A7F;
	--tertiary-rgba-0: rgba(20, 128, 106, 0);
	--tertiary-rgba-10: rgba(20, 128, 106, 0.1);
	--tertiary-rgba-20: rgba(20, 128, 106, 0.2);
	--tertiary-rgba-30: rgba(20, 128, 106, 0.3);
	--tertiary-rgba-40: rgba(20, 128, 106, 0.4);
	--tertiary-rgba-50: rgba(20, 128, 106, 0.5);
	--tertiary-rgba-60: rgba(20, 128, 106, 0.6);
	--tertiary-rgba-70: rgba(20, 128, 106, 0.7);
	--tertiary-rgba-80: rgba(20, 128, 106, 0.8);
	--tertiary-rgba-90: rgba(20, 128, 106, 0.9);
	--tertiary-rgba-100: rgba(20, 128, 106, 1);
	--quaternary: #6B7269;
	--quaternary-100: #60675F;
	--quaternary-200: #5B6159;
	--quaternary-300: #565B54;
	--quaternary--100: #767D74;
	--quaternary--200: #7B8379;
	--quaternary--300: #80897E;
	--quaternary-rgba-0: rgba(107, 114, 105, 0);
	--quaternary-rgba-10: rgba(107, 114, 105, 0.1);
	--quaternary-rgba-20: rgba(107, 114, 105, 0.2);
	--quaternary-rgba-30: rgba(107, 114, 105, 0.3);
	--quaternary-rgba-40: rgba(107, 114, 105, 0.4);
	--quaternary-rgba-50: rgba(107, 114, 105, 0.5);
	--quaternary-rgba-60: rgba(107, 114, 105, 0.6);
	--quaternary-rgba-70: rgba(107, 114, 105, 0.7);
	--quaternary-rgba-80: rgba(107, 114, 105, 0.8);
	--quaternary-rgba-90: rgba(107, 114, 105, 0.9);
	--quaternary-rgba-100: rgba(107, 114, 105, 1);
	--dark: #12171C;
	--bs-dark: #12171C;
	--bs-dark-rgb: 18, 23, 28;
	--dark-100: #101519;
	--dark-200: #0F1418;
	--dark-300: #0E1216;
	--dark--100: #1F2429;
	--dark--200: #252A2F;
	--dark--300: #2C3136;
	--dark-rgba-0: rgba(18, 23, 28, 0);
	--dark-rgba-10: rgba(18, 23, 28, 0.1);
	--dark-rgba-20: rgba(18, 23, 28, 0.2);
	--dark-rgba-30: rgba(18, 23, 28, 0.3);
	--dark-rgba-40: rgba(18, 23, 28, 0.4);
	--dark-rgba-50: rgba(18, 23, 28, 0.5);
	--dark-rgba-60: rgba(18, 23, 28, 0.6);
	--dark-rgba-70: rgba(18, 23, 28, 0.7);
	--dark-rgba-80: rgba(18, 23, 28, 0.8);
	--dark-rgba-90: rgba(18, 23, 28, 0.9);
	--dark-rgba-100: rgba(18, 23, 28, 1);
	--light: #FFFFFF;
	--bs-light: #FFFFFF;
	--bs-light-rgb: 255, 255, 255;
	--light-100: #E6E6E6;
	--light-200: #D9D9D9;
	--light-300: #CCCCCC;
	--light--100: #FFFFFF;
	--light--200: #FFFFFF;
	--light--300: #FFFFFF;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
	--light-rgba-100: rgba(255, 255, 255, 1);
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #212529;
	--grey: #969696;
	--grey-100: #F4F4F4;
	--grey-scale-100: #F4F4F4;
	--grey-200: #E9E9E9;
	--grey-scale-200: #E9E9E9;
	--grey-300: #DEDEDE;
	--grey-scale-300: #DEDEDE;
	--grey-400: #CECECE;
	--grey-scale-400: #CECECE;
	--grey-500: #ADADAD;
	--grey-scale-500: #ADADAD;
	--grey-600: #7A7A7A;
	--grey-scale-600: #7A7A7A;
	--grey-700: #5B5B5B;
	--grey-scale-700: #5B5B5B;
	--grey-800: #474747;
	--grey-scale-800: #474747;
	--grey-900: #333333;
	--grey-scale-900: #333333;
	--grey-1000: #212121;
	--grey-scale-1000: #212121;
	--font-headings: var(--font-family-secondary, serif);
}

/* ============================================================
   Tokens editoriales del diario (demo-news-1)
   Los define el SKIN (no el demo CSS) para que un tenant que
   genere su propio skin con bewpro:skin y quiera mantener el
   look de diario solo tenga que copiar este bloque.
   ============================================================ */
:root {
	/* superficies */
	--nd-paper: #F7F8F5;
	--nd-surface: #FFFFFF;
	--nd-surface-2: #EFF1EC;
	--nd-ink: #12171C;
	--nd-neutral: #6B7269;
	--nd-faint: #8D948A;
	--nd-rule: #DDE1D8;

	/* semántico: urgencia. NO es color de marca — no usarlo como acento. */
	--nd-urgent: #D93B18;

	/* colores de sección del diario. El bucket "a" sigue a la marca para que
	   un re-skin arrastre la sección principal; b/c/d son tintes editoriales
	   estables que funcionan sobre papel con cualquier marca. */
	--nd-sec-a: var(--primary, #0F5C4A);
	--nd-sec-b: #4A4E7C;
	--nd-sec-c: #B8791A;
	--nd-sec-d: #8C3A63;

	/* tipografía: la mono la carga demo-news-1.css (el sistema solo tiene 3
	   slots de fuente y SiteDataController borra cualquier 4to al guardar). */
	--nd-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--nd-display: var(--font-family-secondary, "Archivo Narrow", "Arial Narrow", sans-serif);
	--nd-serif: var(--font-family-tertiary, "Source Serif 4", Georgia, serif);
	--nd-body: var(--font-family-primary, "Archivo", system-ui, sans-serif);

	--nd-maxw: 1180px;
}