.content {
	max-width: 1070px;
}

.dashboard {
	margin: 110px auto 50px;
}

.dashboard > * {
	margin-bottom: 10px
}

.rowh {
	display: grid;
	grid-gap: 15px;
}

.rowPP {
	display: grid;
	grid-template-columns: 28% 1fr;
	/*    grid-template-columns: repeat(2, minmax(60px, 1fr));*/
}

.row1 {
	grid-template-columns: 40% 1fr;
}

.row2 {
	grid-template-columns: 1fr 40%;
}

.row3 {
	grid-template-columns: 18% 1fr 1fr;
}

.dashboard .item {
	font: 100 1em 'cronos-pro';
}

.dashboard .item a {
	display: block;
	height: 192px;
	font-size: 20px;
	text-decoration: none;
	position: relative;
}

.rowPP > .item a {
	height: 390px;
}

.dashboard .item {
	position: relative;
}

.dashboard .item::before {
	content: "";
	display: block;
	height: 5px;
	background-color: var(--amarillo) !important;
	position: relative;
	bottom: -192px;
	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
	z-index: 10;

}

.dashboard .item.i1::before {
	bottom: -390px;
}

.dashboard .item:hover:before {
	background-color: #fff;
	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}

.imgnav {
	height: 100%;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background-size: cover;
}

.imgnav:hover:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 0;
	background: rgba(1, 2, 90, 0.71);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.imgnav:before {
	content: '';
	width: 100%;
	height: 0px;
	display: block;
	border-radius: 0 0% 300%;
	background: rgba(255, 255, 255, 0.71);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.a1 {
	background-image: url(../presidente/CB-Presidente.jpg);
	background-position: 500px;
}

.a2 {
	background-image: url(../informe/intro.jpg);
	background-position: right;
}

.a3 {
	background-image: url(../corporativo/CB-corporativo.jpg);


}

.a4 {
	background-image: url(../economica/intro.jpg);
}

.a5 {
	background-image: url(../financiera/gestion-financiera.jpg);
}

.a6 {
	background-image: url(../ambiental/CB-ambiental.jpg);
	background-position: center;
}

.a7 {
	background-image: url(../grupos/intro.jpg);
}

.a8 {
	background-image: url(../tecnicos/intro.jpg);
}

.dashboard .item span {
	background-color: rgba(1, 2, 90, 0.71);
	color: #fff;
	display: flex;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 40px;
	padding: 10px;
	align-items: flex-end;
}

.news {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	justify-content: center;
	grid-gap: 30px;
	text-align: center !important;
	padding: 0 37px;
	margin-bottom: 40px;
}

.news .num a {
	display: flex;
	border: 4px solid var(--amarillo);
	border-radius: 9px;
	align-items: center;
	height: 202px;
	padding: 26px;
	font: 18px 'cronos-pro';
	text-align: left;
	/*	color: var(--azul2);*/
	color: #fff;
	text-decoration: none;
	background-image: url(../img/bg_news.jpg);
	background-size: cover;
}

.carousel-control {
	width: 21px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	top: -25%;
}

.news .n1 a {
	/*	border-color: var(--azul1);*/
}

.news .n2 a {
	border-color: var(--azul2);
}

.news .n3 a {
	border-color: var(--azul3);
}

.news .n4 a {
	border-color: var(--verde);
}


#resumen {
	background: rgba(0, 52, 128, 0.4);
}

#resumen img {
	width: 100%;
}


@media (max-width: 668px) {
	.dashboard {
	margin: 69px auto 50px;
}
	.dashboard .item a {
		height: 112px;
		font-size: 1.2em;
	}
	.dashboard .item::before {
		top: 0px;
	}
	.rowh {
		display: block;
	}

	.rowPP {
		display: block;
		margin: 0;
		/*    grid-template-columns: repeat(2, minmax(60px, 1fr));*/
	}


	footer {
		margin-top: 0px
	}
}