@import url("https://cdn.hidalgo.gob.mx/transicion/colors.css");

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.contenidoo {
	padding: 0 100px;
}

.encabezado h1 {
	color: var(--wine);
	text-align: center;
	padding: 20px 0;
	margin-top: 50px;
	font-family: Poppins-SemiBold;
}

.encabezado h4 {
	padding-bottom: 20px;
	text-align: center;
	font-family: Poppins;
}

.dependencias h2 {
	text-align: center;
	padding: 10px;
	font-family: Poppins;
}

.card_content .card-title {
	text-align: center;
}

.card_content {
	margin-bottom: 20px;
	border: 3px var(--wine) solid;
	border-radius: 15px;
}

	.card_content:hover {
		background-color: var(--wine);
	}

.card-body h5 a {
	color: black;
	text-decoration: none;
	font-family: Poppins;
}

.card-body:hover a {
	color: #fff;
}

.cont-cente {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contenidoo .contenido {
	margin-bottom: 20px;
	border: 2px var(--gold) dotted;
	border-radius: 15px;
}

	.contenidoo .contenido:hover {
		background-color: var(--gold);
	}

.acciones {
	background-color: #fafafa;
	padding: 20px;
}

.contenidoo .cont-accion {
	width: 100%;
	height: 80%;
	border-radius: 15px;
	border: 1px solid #fff;
}

.contenidoo .cont-all {
	width: 100%;
	height: 80%;
	border-radius: 15px;
	border: 2px solid var(--wine);
}

.contenidoo .cont-gray {
	width: 100%;
	height: 80%;
	border-radius: 15px;
	border: 2px solid var(--gray);
}

	.contenidoo .cont-gray:hover {
		border: 2px solid var(--wine);
	}

.contenidoo .contenido-plataforma {
	background-color: var(--wine);
	border-radius: 15px;
}

	.contenidoo .contenido-plataforma a img {
		height: 80px;
		width: auto;
	}

	.contenidoo .contenido-plataforma .card-body {
		display: flex;
		justify-content: center;
	}

.img-mexico img {
	width: 100%;
	padding: 30px 0;
}

.contenidoo .contenido-accesos {
	border-radius: 15px;
	border: 2px solid var(--wine);
	width: 300px;
	height: 200px;
}

	.contenidoo .contenido-accesos .card-body {
		display: flex;
		justify-content: center;
		align-items: center;
	}

.cont-acces:nth-child(2n) {
	display: flex;
	justify-content: end;
}

.contenido-accesos a img {
	width: auto;
}

.contenidoo .contenido-accesos a {
	text-align: center;
	color: black;
	text-decoration: none;
	font-family: Poppins;
}

.contenido-accesos:hover a {
	color: #fff;
}

.contenidoo .contenido-financiera {
	border-color: #fff;
}

.contenido-financiera:hover {
	background-color: #fff;
}

.contenidoo .contenido-financiera .card-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	color: #fff;
	width: 150px;
	height: 150px;
	padding: 30px;
	border: 2px solid var(--gold);
	border-radius: 100%;
	background-color: var(--gold);
}

	.contenidoo .contenido-financiera .card-title:hover {
		background-color: white;
		border: 2px solid var(--gold);
	}

.contenidoo .contenido-financiera a {
	text-align: center;
	color: var(--pink);
	text-decoration: none;
	padding: 40px;
}

.contenidoo .contenido-financiera .fin-nom {
	color: #fff;
	padding: 65%;
}

	.contenidoo .contenido-financiera .fin-nom:hover {
		color: black;
	}

.contenido-financiera .card-body h6 {
	text-align: center;
	font-family: Poppins;
}

.cont-fin {
	font-family: Poppins-SemiBold;
}

.container .texto-proactiva {
	text-align: justify;
	font-family: Poppins;
	padding-left: 20%;
	padding-right: 20%;
}

.main-footer {
	background-color: #797A7E;
	min-height: 56px;
	color: white;
	padding: 20px 0 20px;
	text-align: left;
	position: relative; /*fixed*/
	bottom: 0;
	left: 0;
	right: 0;
}



	.main-footer .footer-logo-tels {
		display: flex;
		justify-content: center;
		
	}

	.main-footer .footer-logo {
		margin-left: 50px;

	}

		.main-footer .footer-logo img {
			width: 100px;
			height: auto;
		}

.tels-footer {
	display: flex;
	
}

	.tels-footer p {
		color: #fff;
		
	}

	.tels-footer div {
		padding-right: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	
	}

.contacto h6 a {
	color: #fff;
}

.contacto h6, .contacto p {
	color: #fff;
}

	.contacto h6:first-child {
		margin-bottom: 20px;
	}

	.contacto h6:nth-child(2) {
		margin-bottom: 20px;
	}

	.contacto h6:nth-child(3) {
		font-family: Poppins-SemiBold !important;
	}

.main-footer hr {
	border-top: 1px solid var(--gold);
}

.main-footer .second-row-footer p {
	padding-top: 10px;
	color: #fff;
}

.main-footer .social-media {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.main-footer .social-media a {
		color: #fff;
		text-decoration: none !important;
	}

	.main-footer .social-media i {
		font-size: 30px;
		margin: 0 20px;
	}

@media (max-width: 576px) {
	.contenidoo {
		padding: 0 20px;
	}

	.encabezado h1 {
		padding: 20px 0;
	}

	.dependencias h2 {
		padding: 15px 0;
	}

	.cont-acces {
		display: flex;
		justify-content: center;
	}

		.cont-acces:nth-child(2n) {
			display: flex;
			justify-content: center;
		}

	.img-mexico img {
		width: 100%;
		padding: 10px;
	}

	.texto-proactiva {
		padding: 10px 10px;
	}

	.contenidoo .cont-accion {
		width: 100%;
	}

	.contenidoo .cont-all {
		width: 100%;
	}

	.contenidoo .cont-gray {
		width: 100%;
	}

	.container .texto-proactiva {
		padding: 25px;
	}

	.main-footer .footer-logo-tels {
		flex-direction: column;
	}

	.main-footer .tels-footer {
		flex-direction: column;
	}

		.main-footer .tels-footer div {
			margin-top: 10px;
		}
}

@media(max-width: 768px) {
	.main-footer .footer-logo-tels {
		flex-direction: column;
		align-items: center;
	}

	.main-footer .tels-footer div {
		text-align: center;
		margin-top: 50px;
	}
}

@media (max-width: 992px) {
	.main-footer .footer-logo {
		margin-left: 0px;
	}
}