/*!
 * Especificaciones para ANF
 * Colores
 * Nova Interactiva 2023
 */
 :root{  
	/* colores */
	--anf-color-blue1: #1e6eb5;
	--anf-color-blue2: #417fb5;
	--anf-color-blue3: #648fb5;
	--anf-color-blue4: #88a0b5;
	--anf-color-blue5: #0060b5;
	--anf-color-blue6: #1d98e6;
	--anf-color-blue7: #00b3c9;
	--anf-color-blue8: #0092c9;
	--anf-color-red1: #e61d5f;
	--anf-color-red2: #e64a7d;
	--anf-color-red3: #e6769b;
	--anf-color-red4: #e6a3b9;
	--anf-color-red5: #e6004c;
	--anf-color-red6: #a41242;
	--anf-color-red7: #e61d70;
	--anf-color-red8: #e61d3e;
	--anf-color-asoc1a: #1e24b5;
	--anf-color-asoc1b: #4146b5;
	--anf-color-asoc1c: #8889b5;
	--anf-color-asoc2a: #651eb5;
	--anf-color-asoc2b: #7741b5;
	--anf-color-asoc2c: #9d88b5;
	--anf-color-asoc3a: #b51ea1;
	--anf-color-asoc3b: #b541a5;
	--anf-color-asoc3c: #b588af;
	--anf-color-asoc4a: #b51e35;
	--anf-color-asoc4b: #b54153;
	--anf-color-asoc4c: #b5888e;
	--anf-color-asoc5a: #1eb59c;
	--anf-color-asoc5b: #64b5a8;
	--anf-color-asoc5c: #88b5ad;
	--anf-color-asoc6a: #3cb51e;
	--anf-color-asoc6b: #74b564;
	--anf-color-asoc6c: #91b588;
	--anf-color-asoc7a: #9bb51e;
	--anf-color-asoc7b: #a7b564;
	--anf-color-asoc7c: #adb588;
	--anf-color-asoc8a: #b5ae1e;
	--anf-color-asoc8b: #b5b164;
	--anf-color-asoc8c: #b5b388;
	--anf-color-gris1: #333333;
	--anf-color-gris2: #666666;
	--anf-color-gris3: #999999;
	--anf-color-gris4: #cccccc;
	--anf-color-gris5: #e8e8e8;
	--anf-color-link: #0a3f62;
	--anf-color-darklink: #8adbeb;
	--anf-color-darklink-2: white;
	--anf-color-blanco: white;
	--anf-link-roll-2: #58e1fc;
	--anf-color-marengo1: #1d1d1d;
	--anf-color-marengo2: #383838;
	--anf-color-marengo3: #000000;
	--anf-color-ambar1: #e2c8aa;

	/* otros */
	--anf-borde-lado: 12px;
	--anf-fondo: white;
	--bs5-xs: 576px;
	--bs5-sm: 576px;
	--bs5-md: 768px;
	--bs5-lg: 992px;
	--bs5-xl: 1200px;
	--bs5-xxl: 1400px;
}

/* --- colores --- */
.anf-colbg-blue1{ background-color: var(--anf-color-blue1); }
.anf-colbg-blue2{ background-color: var(--anf-color-blue2); }
.anf-colbg-blue3{ background-color: var(--anf-color-blue3); }
.anf-colbg-blue4{ background-color: var(--anf-color-blue4); }
.anf-colbg-blue5{ background-color: var(--anf-color-blue5); }
.anf-colbg-blue6{ background-color: var(--anf-color-blue6); }
.anf-colbg-blue7{ background-color: var(--anf-color-blue7); }
.anf-colbg-blue8{ background-color: var(--anf-color-blue8); }
.anf-colbg-red1{ background-color: var(--anf-color-red1); }
.anf-colbg-red2{ background-color: var(--anf-color-red2); }
.anf-colbg-red3{ background-color: var(--anf-color-red3); }
.anf-colbg-red4{ background-color: var(--anf-color-red4); }
.anf-colbg-red5{ background-color: var(--anf-color-red5); }
.anf-colbg-red6{ background-color: var(--anf-color-red6); }
.anf-colbg-red7{ background-color: var(--anf-color-red7); }
.anf-colbg-red8{ background-color: var(--anf-color-red8); }
.anf-colbg-asoc1{ background-color: var(--anf-color-asoc1a); }
.anf-colbg-asoc2{ background-color: var(--anf-color-asoc2a); }
.anf-colbg-asoc3{ background-color: var(--anf-color-asoc3a); }
.anf-colbg-asoc4{ background-color: var(--anf-color-asoc4a); }
.anf-colbg-asoc5{ background-color: var(--anf-color-asoc5a); }
.anf-colbg-asoc6{ background-color: var(--anf-color-asoc6a); }
.anf-colbg-asoc7{ background-color: var(--anf-color-asoc7a); }
.anf-colbg-asoc8{ background-color: var(--anf-color-asoc8a); }
.anf-colbg-gris1{ background-color: var(--anf-color-gris1); }
.anf-colbg-gris2{ background-color: var(--anf-color-gris2); }
.anf-colbg-gris3{ background-color: var(--anf-color-gris3); }
.anf-colbg-gris4{ background-color: var(--anf-color-gris4); }
.anf-colbg-gris5{ background-color: var(--anf-color-gris5); }

.anf-colbg-blue4trans{ 
	background-color: var(--anf-color-blue4);
}
@media screen and (max-width: 991px){
	.anf-colbg-blue4trans{ 
		background-color: var(--anf-color-blue1);
	}
}