:root{

	/* Paleta base */
	--color-black: hsl(0 0% 0%);
	--color-white: hsl(0 0% 100%);

	/* Paleta de grises */
	--color-grayscale-base: var(--color-black);
	--color-grayscale-mix: var(--color-white);
	--color-gray-100: color-mix(in srgb, var(--color-grayscale-base), var(--color-grayscale-mix) 75%);
	--color-gray-200: color-mix(in srgb, var(--color-grayscale-base), var(--color-grayscale-mix) 60%);
	--color-gray-300: color-mix(in srgb, var(--color-grayscale-base), var(--color-grayscale-mix) 40%);
	--color-gray-400: color-mix(in srgb, var(--color-grayscale-base), var(--color-grayscale-mix) 25%);

	--color-gray: #ccc;
	--color-gray-2: #eee;


	--color-rediris-amarillo: #ffcc00; /* Amarillo oficial */
	--color-rediris-amarillo-p: #ffc72c; /* Pantone 123 */
	--color-rediris-amarillo-1: #ffd96f;
	--color-rediris-amarillo-2: #ffe8b4;
	--color-rediris-amarillo-link: #ffcc66;
	--color-rediris-amarillo-arrow: #eac725; /* para las flechas de las cabeceras de las tablas */
	
	--color-rediris-verde: #298f9b; /* Verde oficial */
	--color-rediris-verde-p: #006272; /* Pantone 3155 */
	--color-rediris-verde-1: #79b1b9;
	--color-rediris-verde-2: #cee2e5; /* footer */ 
	--color-rediris-verde-3: #b9d3d7;
	
	--color-rediris-gris: #b7ae9c; /* Gris cálido oficial */
	--color-rediris-gris-p: #a59c94; /* Pantone Warm Gray 6 */
	--color-rediris-gris-1: #c0b9b4;
	--color-rediris-gris-2: #dbd7d5;


	--color-rediris-text-body: #666;
  /*--color-rediris-text-body-link: var(--color-rediris-verde);*/
  --color-rediris-text-body-link: var(--color-rediris-text-bod);
  /*--color-rediris-text-body-decoration: var(--color-rediris-amarillo-link);*/
  --color-rediris-text-body-decoration: var(--color-gray-300);
	--color-rediris-text-body-link-hover: #f3f3f3;

	--color-rediris-submenutop-text: #333;
	--color-rediris-submenutop-text-link: #666;
	--color-rediris-submenutop-text-link-hover: #f3f3f3;
	--color-rediris-submenuleft-text-disabled: #aaa;

	/* Colores de tablas */

	--color-rediris-table-border: #8fa7a7;
	--color-rediris-table-th-bg: #b3d0d3;
	--color-rediris-table-tr-bg-odd: var(--color-white);
	--color-rediris-table-tr-bg-even: #f6f6f6;
	--color-rediris-table-td-border: #e6e6e6;

	/* Colores de banners */

	--color-rediris-banner2-border: #ddd;
	--color-rediris-banner2-content-bg: #f8f8f8;

	--color-rediris-banner3-border: #ddd;
	--color-rediris-banner3-title-txt: var(--color-white);
	--color-rediris-banner3-title-bg: #1a7f84;
	--color-rediris-banner3-title-left-box: #1a7f84;
	--color-rediris-banner3-content-bg: #f8f8f8;

	--color-rediris-banner4-border: #ddd;
	--color-rediris-banner4-title-txt: var(--color-white);
	--color-rediris-banner4-title-bg: #1a7f84;
	--color-rediris-banner4-title-left-box: var(--color-rediris-amarillo);
	--color-rediris-banner4-content-bg: #f8f8f8;

	--color-rediris-banner5-border: #990000;
	--color-rediris-banner5-title-txt: var(--color-white);
	--color-rediris-banner5-title-bg: #990000;
	--color-rediris-banner5-title-left-box: red;
	--color-rediris-banner5-content-bg: #ffdddd;

	--color-rediris-preproduction-black: #2c3e50;
	--color-rediris-preproduction-yellow: #f1c40f;

	/* Otras variables */

	--rediris-wbb5-body-padding-right: 20px;

  --rediris-fontsize-p: 1.0rem;
  --rediris-fontsize-table-th: 0.9rem;
  --rediris-fontsize-table-td: 0.9rem;

	--preproduction-height: 18px;

	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

.tlp {
	display: inline-block;
	font-size: 0.95em;
	/*font-weight: bold;*/
	background-color: #000000;
	border-radius: 1px;
	padding: 0.15em 0.30em;
	/*padding: 0.25em 0.45em;*/

	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.tlp-red::before {
  content: "TLP:RED";
  color: #FF2B2B;
}

.tlp-amber::before {
  content: "TLP:AMBER";
  color: #FFC000;
}

.tlp-amber-strict::before {
  content: "TLP:AMBER+STRICT";
  color: #FFC000;
}

.tlp-green::before {
  content: "TLP:GREEN";
  color: #33FF00;
}

.tlp-clear::before {
  content: "TLP:CLEAR";
  color: #FFFFFF;
}