li{
	color: #698088;
}

.introducion{
	margin-top: 120px;	
	display: flex;
	height: auto;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*background: linear-gradient(to right,  #E7F3E7, #E7F3E7 70%, #537678 10%, #537678);*/
	/*box-shadow: 0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12);*/
	color: #698088;
}
.cont_img{
	display: flex;
	width: 30%;
	align-items: center;
	justify-content: center;
}
.cont_img img{
	width: 80px;
	height: 140px;
}
.info{
	padding: 0% 10%;
	color: #698088;
	text-align: justify;
	margin-bottom: 40px;
}
.info img{
	border-radius: 10px;
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin-bottom: 0px;
	opacity: 0.9;
}
.fondo{
	color: #698088;
	background-image: url('/../Linea_Grafica/Fondos/3.jpg');
	/*background-image: url('/../CupandaWeb/Linea_Grafica/Fondos/3.jpg'); 
    background-size: 300px;
    background-repeat: ;
    background-position: center;*/ 
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 1% 0;
}
.cont_obj{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 2% 5%;
	gap: 20px;

}

.cont_obj .targeta{
	/*background: linear-gradient(#698088, #DEE9A6);*/
	/*background: linear-gradient(10deg, #698088, #DEE9A6);*/
	background: linear-gradient(to top,  #E7F3E7, #E7F3E7 72%, #537678 15%, #537678);
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 1% 2%;
	width: 40vw;
	/*height: 400px;*/
	transition: 2s;
	overflow: hidden;
}

.fondo h4{
	font-size: 25px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
}
.targeta p{
	padding: 5px 5px;
	text-align: justify;
	color: #698088;
    transition: opacity 0.5s ease; /* Aplica una transición suave de 0.5 segundos */
}
.targeta li{
	text-align: justify;
	color: #698088;
    transition: opacity 0.5s ease; /* Aplica una transición suave de 0.5 segundos */
}
.maps{
	display: flex;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 20px;
}
.tit{
    display: flex;
	align-content: center;
	justify-content: center;
	text-align: center;
	padding: 10px 0px;
	/*background-color: black;*/
}
.tit h4{
	font-size: 25px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
}
@media(max-width:1050px){ 
	
.cont_obj .targeta{
		width: 600px;
	}
.cont_obj .targeta:hover{
	/*background: linear-gradient(50deg, #DEE9A6,  #698088);*/
	/*transform: translateX(5px);
	transform: rotateY(180deg);*/
}
.cont_obj .targeta:hover p{
	opacity: 1;
}
.cont_obj .targeta:hover li{
	opacity: 1;
}
@media(max-width:700px){ 
	
.cont_obj .targeta{
		background: linear-gradient(to top,  #E7F3E7, #E7F3E7 80%, #537678 15%, #537678);
	}

}