/* VARIABLES Y GENÉRICOS */
:root {
	--navegador: none; /* Para comprobar la compatibilidad del navegador con var() */

	/* ARENA */
	--c1-mc: #dac3af;
	--c1-c: #dac3af;
	--c1-m: #dac3af;
	--c1-o: #dac3af;
	--c1-mo: #dac3af;

	--c2-xc: #fffcfa;
	--c2-mc: #FDB;
	--c2-c: #FFC490;
	--c2-m: #FFA658;
	--c2-o: #af682a;
	--c2-mo: #673102;

	--f-normal: FuturaL, arial;
	--f-titulo: Jen, arial;

	--alt-cabecera: 105px;
	--alt-pie: 28px;

	--sombra: 20px;

	--scrollWidth: 17px;
}

/* FUENTES */
@font-face {
	font-family: Jen;
	src: url('/_cliente/fonts/Jen.ttf'),
		url('/_cliente/fonts/Jen.woff');
}
@font-face {
	font-family: FuturaL;
	src: url('/_cliente/fonts/FuturaL.ttf'),
		url('/_cliente/fonts/FuturaL.woff');
	}
@font-face {
	font-family: FuturaL;
	src: url('/_cliente/fonts/FuturaM.ttf'),
		url('/_cliente/fonts/FuturaM.woff');
	font-weight: bold;
}
		  
.cristal {
	border-color: var(--c1-mc);
	background-color: transparent !important;
	background-image: linear-gradient(120deg,	rgba(180, 200, 217, 0.7),
												rgba(180, 200, 217, 0.7),
												rgba(185, 215, 233, 0.7),
												rgba(150, 180, 208, 0.9),
												rgba(190, 210, 230, 0.7),
												rgba(100, 180, 220, 0.6),
												rgba(190, 200, 217, 0.7),
												rgba(182, 200, 217, 0.7),
												rgba(162, 200, 217, 0.7),
												rgba(182, 200, 217, 0.7),
												rgba(170, 200, 217, 0.7),
												rgba(104, 174, 217, 0.5),
												rgba(181, 205, 218, 0.7));
}
.cristal.error {
	border-color: #D6C8B9;
	background-image: linear-gradient(120deg,	rgba(217, 200, 180, 0.8),
												rgba(217, 200, 180, 0.8),
												rgba(233, 215, 185, 0.8),
												rgba(208, 180, 150, 1),
												rgba(230, 210, 190, 0.8),
												rgba(220, 180, 100, 0.7),
												rgba(217, 200, 190, 0.8),
												rgba(217, 200, 182, 0.8),
												rgba(217, 200, 162, 0.8),
												rgba(217, 200, 182, 0.8),
												rgba(217, 200, 170, 0.8),
												rgba(217, 174, 104, 0.6),
												rgba(218, 205, 181, 0.8));
}

/* COLOR 1 */
.color1_muyClaro { color: var(--c1-mc) !important; }
.bgColor1_muyClaro { background-color: var(--c1-mc) !important; }

.color1_claro { color: var(--c1-c) !important; }
.bgColor1_claro { background-color: var(--c1-c) !important; }

.color1_claroPastel { color: var(--c1-c-pastel) !important; }
.bgColor1_claroPastel { background-color: var(--c1-c-pastel) !important; }

.color1_medio { color: var(--c1-m) !important; }
.bgColor1_medio { background-color: var(--c1-m) !important; }

.color1_medioPastel { color: var(--c1-m-pastel) !important; }
.bgColor1_medioPastel { background-color: var(--c1-m-pastel) !important; }

.color1_oscuro { color: var(--c1-o) !important; }
.bgColor1_oscuro { background-color: var(--c1-o) !important; }

.color1_muyOscuro { color: var(--c1-mo) !important; }
.bgColor1_muyOscuro { background-color: var(--c1-mo) !important; }

/* COLOR 2 */
.color2_muyClaro { color: var(--c2-mc) !important; }
.bgColor2_muyClaro { background-color: var(--c2-mc) !important; }

.color2_claro { color: var(--c2-c) !important; }
.bgColor2_claro { background-color: var(--c2-c) !important; }

.color2_medio { color: var(--c2-m) !important; }
.bgColor2_medio { background-color: var(--c2-m) !important; }

.color2_oscuro { color: var(--c2-o) !important; }
.bgColor2_oscuro { background-color: var(--c2-o) !important; }

.color2_muyOscuro { color: var(--c2-mo) !important; }
.bgColor2_muyOscuro { background-color: var(--c2-mo) !important; }