@charset "utf-8";

/* CSS Document */
@font-face {
	font-family: "Lato", sans-serif;
	src: url(fonts/Lato-Light.ttf) format(truetype);
}

@font-face {
	font-family: "Lato", sans-serif;
	src: url(fonts/Lato-Regular.ttf) format(truetype);
}

@font-face {
	font-family: "Lato", sans-serif;
	src: url(fonts/Lato-Bold.ttf) format(truetype);
}

@font-face {
	font-family: "Lato", sans-serif;
	src: url(fonts/Lato-Black.ttf) format(truetype);
}

@font-face {
	font-family: "Merriweather", serif;
	src: url(fonts/Merriweather-Light.ttf) format(truetype);
}

@font-face {
	font-family: "Merriweather", serif;
	src: url(fonts/Merriweather-Regular.ttf) format(truetype);
}

@font-face {
	font-family: "Merriweather", serif;
	src: url(fonts/Merriweather-Bold.ttf) format(truetype);
}

@font-face {
	font-family: "Merriweather", serif;
	src: url(fonts/Merriweather-Black.ttf) format(truetype);
}

:root {
	--font-family-sans-serif: "Lato", sans-serif;
	src: url("fonts/Lato-Light.ttf") format(truetype), url("fonts/Lato-Thin.ttf") format(truetype), url("fonts/Lato-Regular.ttf") format(truetype), url("fonts/Lato-Bold.ttf") format(truetype), url("fonts/Lato-Black.ttf") format(truetype), ;
	--font-family-serif: "Merriweather", serif;
	src: url("fonts/Merriweather-Light.ttf") format(truetype), url("fonts/Merriweather-Regular.ttf") format(truetype), url("fonts/Merriweather-Bold.ttf") format(truetype), url("fonts/Merriweather-Black.ttf") format(truetype);
}

/*TEXTO*/

p {
	font-size: 1rem;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #464646;
	line-height: 1.5;
}

h1 {
	font-family: "Merriweather", serif;
	text-align: left;
	color: #DEBA4D;
	text-wrap: pretty;
}

h2 {
	font-family: "Merriweather", serif;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 3rem;
}

h3 {
	font-family: "Merriweather", serif;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 3rem;
}

.tituloh1 {
	color: #DEBA4D;
	font-weight: 100;
	line-height: 1.2;
	text-align: left;
}

.tituloh2 {
	font-family: "Lato", serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.3;
	text-align: left;
	padding: 1rem 0;
	text-wrap: grap;
	color: #D9D9D9;
}

h4 {
	font-family: "Merriweather", serif;
	font-weight: 900;
	font-style: normal;
	color: #000000;
	font-size: 20px;
	line-height: 1.3;
	text-align: left;
	padding: 1rem 0;
	text-wrap: pretty;
}

.tituloseccion {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 0.6rem;
	color: #8B1E3F;
	text-align: left;
	margin: 1rem 0;
	text-transform: uppercase;
}

.titulo1 {
	font-family: "Merriweather", serif;
	line-height: 1.2;
	text-wrap: balance;
	text-align: left;
}

.titulod1 {
	color: #DEBA4D;
	font-weight: 100;
	line-height: 1.2;
	text-align: left;
	padding: 0.5rem 0 1rem 0;
	text-wrap: wrap;
}

.cifras1 {
	text-align: center;
	margin: 0;
	padding: 0;
}

.iconos {
	margin-bottom: 0.5rem;
	width: 40px;
	height: 40px;
}

.prepublicacion {
	font-size: 12px;
	font-weight: 400;
	color: #7d7d7d;
	text-align: left;
	padding: 0;
	margin: 0;
}

/*COLORES*/
.dorado {
	color: #DEBA4D;
}

.azulm {
	color: #282E69;
}

.grisclaro {
	color: #D9D9D9;
}

.grismedioclaro {
	color: #7d7d7d;
}

.grismedio {
	color: #666565;
}

.grisoscuro {
	color: #464646;
}

.rojo {
	color: #8B1E3F;
}

.cian {
	color: #BDDCED;
}


/*MENU PRINCIPAL*/
.logo {
	max-width: 180px;
}

.logofooter {
	width: 120px
}

.menup {
	margin: auto 1rem auto 0;
	color: #7d7d7d;
	text-decoration: none;
	font-size: 0.65rem;
	transition: 0.3s;
}

.activo {
	color: black;
	cursor: default;
	margin: auto 1rem auto 0;
	border-bottom: 1px solid #464646;
	padding-bottom: 0.1rem;
}

.menup:hover {
	color: #000000;
	transition: 0.3s;
	border-bottom: 1px solid #464646;
	padding-bottom: 0.1rem;
}

.boton {
	padding: 0.625rem;
	border-radius: 0.3rem;
	background-color: #8B1E3F;
	color: #D9D9D9;
	margin: 0;
	border: none;
	font-size: 0.8rem;
	transition: 0.3s;
}

.boton:hover {
	background-color: #000080;
	color: #DEBA4D;
	transition: 0.3s;
	text-decoration: none;
	padding: 0.625rem;
	border-radius: 0.3rem;
}

.botonc {
	padding: 0.625rem;
	border-radius: 0.3rem;
	background-color: #8B1E3F;
	color: #E3E3E3;
	margin: 0;
	border: none;
	font-size: 1rem;
	transition: 0.3s;
	z-index: 1200;
}

.botonc:hover {
	background-color: black;
	color: #DEBA4D;
	transition: 0.3s;
	text-decoration: none;
}

.botonm {
	padding: 0.625rem;
	border-radius: 0.3rem;
	background-color: #8B1E3F;
	margin: 0;
	border: none;
	transition: 0.3s;
}

.botonm:hover {
	padding: 0.625rem;
	border-radius: 0.3rem;
	background-color: #282E69;
	margin: 0;
	border: none;
	transition: 0.3s;
}

.botonm a,
.boton a {
	color: #D9D9D9;
	text-decoration: none;
	font-size: 0.8rem;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.botonm a:hover,
.boton a:hover {
	color: #DEBA4D;
}

.botonmactivo {
	background-color: #282E69;
	cursor: none;
	padding: 0.625rem;
	border-radius: 0.3rem;
	margin: 0;
	border: none;
	color: #DEBA4D;
	text-decoration: none;
	font-size: 0.8rem;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.botonc a {
	color: #D9D9D9;
	text-decoration: none;
	font-size: 1.2rem;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.botonc a:hover {
	color: #DEBA4D;
}

.grafico1 {
	object-fit: cover;
}

.grafico1 img {
	width: 100%;
	object-fit: contain;
}

.mapa {
	object-fit: cover;
	width: 100%;
	border-radius: 0.5rem;
	padding: 1rem;
	background-color: #DEBA4D;
}

.mapa iframe {
	width: 100%;
	object-fit: fill;
	border-radius: 0.3rem;
}

.equipog {
	object-fit: cover;
}

.equipog img {
	width: 100%;
	object-fit: cover;
}

.historia {
	text-align: left;
}

.serviciosp {
	display: block;
}

.servicios {
	width: 100%;
	padding: 1rem;
	overflow: hidden;
}

.servicios img {
	object-fit: cover;
}

.servicios p {
	text-wrap: balance;
	font-weight: 400;
}

.order1 {
	order: 1;
}

.order2 {
	order: 2;
}

.tservicioi {
	text-align: right;
	text-wrap: balance;
	line-height: 1.2;
	color: black;
}

.tserviciod {
	text-align: left;
	text-wrap: balance;
	line-height: 1.2;
	color: black;
}

.lineam {
	visibility: hidden;
	width: 75%;
}

.box {
	margin: auto 2rem;
	border-radius: 0.5rem;
	background-size: cover;
	justify-items: center;
	align-items: center;
	justify-content: center;
	display: grid;
	overflow: hidden;
}

.box img {
	margin: auto;
	width: 100%;
}

.imagenn {
	width: 100%;
	height: auto;
	display: flex;
	max-height: 400px;
}

.imagenn img {
	object-fit: cover;
	position: relative;
}

@media (max-width: 375px) {
	.tituloh1 {
		text-align: center;
		margin-top: 1rem;
	}

	h1 {
		text-align: center;
	}
}

@media (max-width: 576px) {
	.logo {
		width: 130px;
	}

	.menup {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.lineam {
		visibility: visible;
	}

	.botonm {
		margin-top: 2rem;
	}

	.botonmactivo {
		margin-top: 2rem;
	}

	h1 {
		text-align: center;
	}

	.tituloh1 {
		text-align: center;
	}

	.tituloh2 {
		text-align: center;
	}

	.intro1 {
		order: 2;
	}

	.grafico1 {
		order: 1;
		margin-left: auto;
		margin-right: auto;
	}

	.grafico1 img {
		width: 50%;
		height: auto;
		margin-bottom: 1rem;
		margin: auto;
	}

	.equipog img {
		min-width: 300px;
		max-width: 350px;
		margin-bottom: 1rem;
		margin: auto;
	}

	.historia {
		text-align: center;
	}

	.serviciosp {
		display: none;
	}

	.order1 {
		order: 2;
	}

	.order2 {
		order: 1;
	}

	p {
		text-align: left;
	}

	h4 {
		text-align: left;
	}

	.activo {
		color: #DEBA4D;
		cursor: default;
	}

	.imagenn {
		margin-bottom: 1rem;
	}

}

@media (max-width: 768px) {
	.logo {
		width: 140px;
	}

	.menup {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.lineam {
		visibility: visible;
	}

	.botonm,
	.botonmactivo {
		margin-top: 2rem;
	}

	.tituloh2 {
		text-align: center;
		text-wrap: pretty;
	}

	.grafico1 {
		order: 1;
		margin-left: auto;
		margin-right: auto;
	}

	.grafico1 img {
		width: 50%;
		height: auto;
		margin-bottom: 1rem;
		margin: auto;
	}

	.equipog img {
		min-width: 300px;
		max-width: 350px;
		margin-bottom: 1rem;
		margin: auto;
	}

	.historia {
		text-align: center;
	}

	.order1 {
		order: 2;
	}

	.order2 {
		order: 1;
	}

	p {
		text-align: left;
	}

	.tservicioi {
		text-align: left;
	}

	.activo {
		color: #DEBA4D;
		cursor: default;
	}

	.imagenn {
		margin-bottom: 1rem;
	}
}

@media (max-width: 992px) {
	.logo {
		width: 150px;
	}

	.menup {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.lineam {
		visibility: visible;
	}

	.grafico1 {
		width: 90%;
		height: auto;
	}

	.botonm {
		margin-top: 2rem;
	}

	.grafico1 {
		object-fit: contain;
	}

	.activo {
		color: #DEBA4D;
		cursor: default;
	}

	.imagenn {
		margin-bottom: 1rem;
	}
}

@media (max-width: 1200px) {
	.logo {
		width: 160px;
	}
}

.vermas {
	color: black;
	font-size: 10px;
	text-decoration: none;
	font-family: "Lato", serif;
	font-weight: 900;
	font-style: normal;
	cursor: pointer;
}

.vermas:hover {
	color: #DEBA4D;
}

.vermask {
	color: #7d7d7d;
	font-size: 10px;
	text-decoration: none;
	font-family: 'Lato', serif;
	font-weight: 900;
	font-style: normal;
	cursor: pointer;
	border-bottom: 1px solid #7d7d7d;
}

.vermask:hover {
	color: #DEBA4D;
	border-bottom: 1px solid #DEBA4D;
}

/*FOOTER*/

.redes {
	width: 20px;
	height: 20px;
	margin: 0 0.3rem 0.3rem 0;
}

.redese {
	width: 20px;
	height: 20px;
	margin: 0 0.3rem 0.3rem 0;
}

.info {
	font-size: 12px;
	color: #7d7d7d;
	font-weight: 400;
}

.info a {
	text-decoration: none;
	padding-bottom: 0.2rem;
	transition: 0.3s;
}

.info a:hover {
	border-bottom: 1px solid #D9D9D9;
	color: #D9D9D9;
	padding-bottom: 0.2rem;
	transition: 0.3s;
}

.menupin {
	font-size: 12px;
	color: #7d7d7d;
	cursor: pointer;
	border-bottom: none;
	padding-bottom: 0.2rem;
	text-decoration: none;
}

.menupinactivo {
	color: #DEBA4D;
	cursor: default;
	font-size: 12px;
	border-bottom: 1px solid #DEBA4D;
	padding-bottom: 0.2rem;
	text-decoration: none;
}

.menupin:hover {
	color: #DEBA4D;
	border-bottom: 1px solid #DEBA4D;
	padding-bottom: 0.2rem;
	text-decoration: none;
}

/*SUSCRIPCION MAGAZINE*/
.suscripcion {
	width: 100%;
	padding: 10px;
	margin: 0.5rem auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
}

.contacto {
	width: 100%;
	padding: 10px;
	margin: 0.7rem auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
}

/*TESTIMONIOS*/
.slide.container {
	max-width: 1120px;
	width: 100%;
	background-color: #D9D9D9;
}

.slide-content {
	margin: 0 40px;
	overflow: hidden;
	padding: 1rem;
}

.card {
	border-radius: 1.5rem;
	overflow: hidden;
}

.image-content,
.card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 14px;
}

.image-content {
	position: relative;
	row-gap: 5px;
	padding: 25px 0;
	width: 100%;
	border-radius: 1rem 1rem 0 0;
}

.overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #666565;
	border-radius: 0.5rem 0.5rem 0 1.5rem;
}

.overlay::before,
.overlay::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -40px;
	height: 40px;
	width: 40px;
	background-color: #666565;
}

.overlay::after {
	border-radius: 0 1.5rem 0 0;
	background-color: white;
}

.card-image {
	position: relative;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-color: #D9D9D9;
	padding: 3px;
}

.card-image .card-img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid #666565;
}

.name {
	font-family: "Lato", sans-serif;
	font-weight: 600;
	color: #243953;
	font-size: 1rem;
}

.description {
	font-size: 12px;
	color: #666565;
	text-align: center;
	font-weight: 400;
}

.swiper-navBtn {
	transform: 0.3s easy;
}

.swiper-navBtn:hover {
	color: #343a40;
}

.equipo img {
	height: 200px;
	width: 200px;
	border-radius: 50%;
}

.equipo h5 {
	color: #BDDCED;
	font-weight: 400;
}

.equipodd {
	height: 250px;
	padding-right: 5rem;
	background-color: red;
	border-radius: 1rem;
	margin-left: -3rem;
	z-index: 0;
}

.equipodi {
	height: 250px;
	background-color: #CFCDC9;
	border-radius: 1rem;
	margin-right: -3rem;
	z-index: 0;
}

.equipodd p {
	margin-left: 3.5rem;
	margin-right: 1rem;
}

.equipodi p {
	margin-right: 3.5rem;
	margin-left: 1rem;
}

.a600 {
	height: auto;
	border-radius: 3rem 2rem 5rem 0;
	background-color: #464646;
	padding: 2rem;
	color: #DEBA4D;
}

.a600 h4 {
	text-align: center;
	font-weight: 300;
	padding: 0;
	margin: 0.5rem;
	color: black;
}

.circle {
	width: 200px;
	height: 200px;
	margin: 0.5rem auto;
	border-radius: 50%;
	background-size: cover;
}

.testimoniot {
	color: #D9D9D9;
	text-align: center;
}

.descripcion {
	text-align: center;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	text-wrap: pretty;
}

.bcpublicacion {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1;
	font-size: 1rem;
	padding: 0;
	text-decoration: none;
	color: #D9D9D9;
}

.bcpublicacion:hover {
	color: #DEBA4D;
	border-bottom: 1px solid #DEBA4D;
}

.breadcrumb {
	color: #DEBA4D;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.breadcrumb-item::before {
	color: #7d7d7d !important;
}

.bcpublicacion2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1;
	padding: 0;
	text-decoration: none;
	color: #7d7d7d;
	font-size: 0.7rem;
}

.bcpublicacion2:hover {
	color: #343a40;
	border-bottom: 1px solid #343a40;
}

.bcpublicacion2k {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1;
	padding: 0;
	text-decoration: none;
	color: #7d7d7d;
	font-size: 0.7rem;
}

.bcpublicacion2k:hover {
	color: #D9D9D9;
	border-bottom: 1px solid #d9d9d9;
}

.biblioteca {
	color: #DEBA4D;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}

.biblioteca-year a {
	color: #464646;
	text-decoration: none;
	border-bottom: none;
	padding-bottom: 0.2rem;
}

.biblioteca-year a:hover {
	color: black;
	border-bottom: 1px solid #343a40;
	cursor: pointer;
}

.ddestacado {
	color: #D9D9D9;
}