/* ----------------------------------------------------------------------------------------------------------------- BODY - HTML */                    
body, input, button, html, textarea{font-family: var(--mainFont); font-size: 14px; color: var(--bodyColor) ;background-color: var(--bodyFondo); } 
																												/* Barra desplazamiento */
::-webkit-scrollbar {background-color: #EAEAEA ;}
::-webkit-scrollbar:vertical {width:8px;}
::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {display: none;} 
::-webkit-scrollbar:horizontal {height: 10px;}
::-webkit-scrollbar-thumb {background-color: var(--scrollBarColor); border-radius: 20px; border: 1px solid transparent ;}
::-webkit-scrollbar-track {border-radius: 10px;}
																												/* Headers */
h1{font-family: var(--secFont); font-size: 24px; text-transform: uppercase;}
h2{font-family: var(--secFont); font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px;}
																												/* enlaces */
a{color: var(--highlight);font-style: italic;}
a:hover{font-weight: bold;}
/* ----------------------------------------------------------------------------------------------------------------- FORMS */
																												/* inputs */
.input-field input, .input-field textarea, .parametros input{border: 1px solid #AAA !important; border-radius: var(--borderRadiusBotones) !important;
	padding: 0px 10px !important; box-sizing: border-box !important; height: 2.1rem !important; margin-bottom: 0px !important; font-size: 14px !important;}
.input-field>label{top: -5px !important}
.input-field input:focus:not([readonly])+label, .input-field textarea:focus:not([readonly])+label{color: var(--primario)!important;}
.input-field input:focus:not([readonly]), .input-field textarea:focus:not([readonly]){border:  1px solid var(--primario) !important; box-shadow: none !important;}
.file-field .btn{height: 0px;}
.input-field textarea{padding-top: 5px !important; padding-bottom: 5px !important; height: 100px !important;}
.input-field input[readonly], .input-field textarea[readonly], input[readonly]{border-style: dashed !important;}/* iti - teléfonos */
.iti{width: 100%; input{padding-left: 50px !important;} }

																											/* selectize */
.selectize-control{line-height: 0px !important;}
.selectize-input{box-sizing: border-box !important; height: 2.1rem; font-size: 14px; line-height: 2.1rem !important;
	padding: 0px 10px !important; border: 1px solid #AAA !important; border-radius: 5px !important; margin: 0px 0px 0px 0px !important; input{font-size: 14px;}}
.select{position: relative;margin-top: 1rem;margin-bottom: 1rem;}
.select label{position: absolute;transform: translateY(-14px) scale(1);	margin-top: -5px;}
.selectize-dropdown{top: 34px !important;}
.selectize-control .locked{border-style: dashed !important;}
																												/* buttons */
.btn-ppal{width: 100%; border-radius: var(--borderRadiusBotones) !important; background-color: var(--primario);}
.btn-ppal:hover, .btn-ppal:active .btn-ppal:focus{background-color: var(--secundario) !important;}
.btn-sec{width: 100%; border-radius: var(--borderRadiusBotones) !important;background-color: var(--secundario);}
.btn-sec:hover, .btn-sec:active .btn-sec:focus{background-color: var(--primario) !important;}
button:focus{background-color: var(--primariolight);}
																												/* checkboxes y radios */
[type="checkbox"]:checked+span:not(.lever):before{	border-right: 2px solid var(--primario); border-bottom: 2px solid var(--primario);}

/* ----------------------------------------------------------------------------------------------------------------- VARIOS */
																												/* Loader */
.loader{text-align: center;	display: flex; 	align-items: center; justify-content: center; top: 0px; left: 0px; 
	background-color: rgb(0,0,0,0.6); 	height: 100vh; width: 100vw; position: fixed; z-index: 99999;}
.loader img{max-width: 200px;}
.loader-text{ color: #FFF;}
.progress{ background-color: #FFF; }
.indeterminate {background-color: var(--primario) !important;}

/* Selectize 37,39*/

.sede{
	min-width: 200px;
	margin-top: 20px;
	background-color: var(--primario);
	height: 100px;
	font-size: 20px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	cursor: pointer;
	border-radius: 10px;
}
.sede:hover{background-color: var(--secundario);}
.sedesC{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}
.sedes h4{font-size: 20px; text-align: center;}
#complemento-titulo{font-size: 12px;}