:root {
	--border-radius: .5rem
}

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


.contenedorWebs {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1000px;
	justify-content: center;
}

.contenedorWeb {
	padding: .2rem;
	/* background: linear-gradient(to right, #03078E, #e53f41); */
	border-radius: var(--border-radius);
	width: 180px;
	height: 180px;
	margin: 1.5rem;
	transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.contenedorWeb:hover {
	scale: 1.05;
	/* transform: rotateY(180deg); */
	transition: all .2s ease-in-out;
}

.contenedorWeb>.fondo {
	position: absolute;
	border-radius: var(--border-radius);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-flow: row-reverse nowrap;
	z-index: 1;
}

.contenedorWeb>.fondo>.color {
	height: 100%;
}

.rojo {
	background-color: #e53f41;
	width: 70%;
}

.azul {
	background-color: #03078E;
	width: 30%;
}



.contenedorBlanco {
	border-radius: var(--border-radius);
	border: unset;
	/* width: calc(100% - .6rem);
	height: calc(100% - .6rem); */
	background-color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: .5rem;
	font-size: 1.1em;
	position: absolute;
	top: .3rem;
	right: .3rem;
	bottom: .3rem;
	left: .3rem;
	z-index: 2;
}

.contenedorBlanco>a {
	color: #03078E;
	text-decoration: none
}

.contenedorBlanco>a:visited {
	color: #03078E;

}

.webXMinisterio {
	padding-left: 1rem
}

.webXMinisterio>li {
	color: #000;

}

.webXMinisterio>li>a {
	text-decoration: none;
	color: #000;

}


.modal {
	backdrop-filter: blur(4px)
}