/* 
    Created on : 28-05-2024
    Author     : evillegas
*/

:root {
	font-size: 14px;
}

*,
*:after,
*:before {
	box-sizing: border-box;
}

body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	background: #fff;
}

@font-face {
	font-family: 'gobCL_Regular';
	src: url(../font/gobCL_Regular.otf);
	font-display: fallback;
}

@font-face {
	font-family: 'gobCL_Bold';
	src: url(../font/gobCL_Bold.otf);
	font-display: fallback;
}

@font-face {
	font-family: 'gobCL_Light';
	src: url(../font/gobCL_Light.otf);
	font-display: fallback;
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/poppins/Poppins-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/poppins/Poppins-Medium.ttf');
	font-weight: 500;
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/poppins/Poppins-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/poppins/Poppins-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../font/montserrat/Montserrat-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../font/montserrat/Montserrat-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../font/montserrat/Montserrat-Regular.ttf');
	font-weight: 400;
}


.container-fluid {
	padding: 0px;
	max-width: 1280px;
	margin: 0px auto;
}

.container-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


header {
	background-color: #fff;
	padding: 8px 0px;
}

.header-centro-titulo_1,
.header-centro-titulo_2,
.header-centro-titulo_3,
.header-izquierda_1,
.header-izquierda_2,
.header-izquierda_3 {
	font-family: 'Montserrat';
	margin: 0;
	font-weight: bold;
	line-height: 1.25;
}




.container-title .header-centro-titulo_1 {
	text-transform: uppercase;
	font-size: 2.074rem;
	font-weight: 900;
}

.container-title .header-centro-titulo_2 {
	font-size: 1.44rem;
	font-weight: 400;
}

.div_informacion {

	width: 100%;
	background-color: #FFFFFF;
}

.header {
	width: 100%;
}

.header-derecha,
.header-centro,
.header-izquierda {
	height: auto;
	vertical-align: top;
}

.header-derecha {
	display: flex;
	margin-right: 20px;

}

.logo__imagen--header {
	height: 70px;

}

.header-centro {
	width: 55%;
	padding-left: 0;
}

.header-izquierda {
	width: 20%;
}

.header-centro-titulo_1 {
	font-size: 30px;
	color: rgb(0, 64, 100);
}

.header-centro-titulo_2 {
	font-size: 10px;
	color: #333;
}

.header-centro-titulo_3 {
	font-size: 8px;
	color: #999;
	font-weight: normal;
}

.header-izquierda_1 {
	float: right;
	/* padding: 2px 40px 0 0; */
	text-align: right;
	font-size: 10px;
	color: #999;
	border-bottom: 1px solid #CCC;
	text-decoration: none;

}

.header-izquierda_1 i {
	font-size: 10px;
	color: rgb(0, 64, 100);
	margin-right: 5px;
}

.header-izquierda_2,
.header-izquierda_3,
.header-cerrarSesion {
	white-space: nowrap;
	width: 100%;
	float: right;
	margin: 0;
	text-align: right;
	padding-right: 5%;
}

.header-izquierda_2 {
	font-family: 'Monserrat';
	font-size: 8px;
	color: #333;
}

.header-izquierda_3 {
	font-size: 10px;
	color: #CCC;
	font-weight: 400;
}

.header-cerrarSesion img {
	width: 20px;
	height: 12px;
	min-height: 20px;
	margin-left: 5px;
}

/* telefonos */
@media (min-width: 576px) {}

/* tablets */
@media (min-width: 768px) {

	.header-centro-titulo_2 {

		display: block;

	}

	.header-centro-titulo_1 {
		font-size: 40px;
		color: rgb(0, 64, 100);
	}

	.header-centro-titulo_2 {
		font-size: 18px;
		color: #333;
	}

	.header-centro-titulo_3 {
		font-size: 12px;
		color: #999;
		font-weight: normal;
	}


}

/* desktops */
@media (min-width: 992px) {
	.header-centro-titulo_1 {
		font-size: 58px;
		color: rgb(0, 64, 100);
	}

	.header-centro-titulo_2 {
		font-size: 22px;
		color: #333;
	}

	.header-centro-titulo_3 {
		font-size: 16px;
		color: #999;
		font-weight: normal;
	}


	.header-izquierda_1 {

		font-size: 20px;

	}

	.header-izquierda_2 {

		font-size: 18px;

	}

	.header-izquierda_3 {

		font-size: 16px;

	}

	.header-cerrarSesion img {
		width: 32px;
		height: 32px;
		min-height: 32px;
		margin-left: 5px;
		opacity: 0.8;
	}

	.header-izquierda_1 i {
		font-size: 20px;
		color: rgb(0, 64, 100);
		margin-right: 5px;
	}

	.top-salir {
		float: right;
		width: 35px;
		height: 35px;
		display: block;
		background: url(../images/iconos/top-exit.png)no-repeat;
		margin-left: 15px;
		background-size: 35px;
	}
}