/* CSS Document */

/* -------------------------------------------- */
/* ----------------- SERVICIOS  --------------- */
/* -------------------------------------------- */

.servicios-container { 	
	padding: 80px;
	padding-top: 60px;
	padding-bottom: 0px;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 60px;
}

@media screen and (max-width: 1070px) {
	
	.servicios-container { 	
		padding-inline: 50px;
	}		
}


@media screen and (max-width: 650px) {
	
	.servicios-container { 			
		flex-direction: column;
		flex-wrap: nowrap;
	}		
}

@media screen and (max-width: 400px) {
	
	.servicios-container { 	
		padding-inline: 20px;
	}		
}


.servicios-leftpane {
	flex: 1;		
	min-width: 300px;	
	text-align: justify;
}

.servicios-rightpane {
	flex: 1;
	min-width: 300px;
	text-align: justify;
}

.servicios-leftpane p, 
.servicios-rightpane p {
	line-height: 1.5;
    text-align: justify;
    margin-bottom: 25px;
}


@media screen and (max-width: 891px) {
	
	.servicios-leftpane, .servicios-rightpane {	
	}		
}

@media screen and (max-width: 450px) {
	.servicios-leftpane, .servicios-rightpane {	
		min-width: auto;
	}
		
}

.servicios-imagen-div {
	width: 100%;
	height: 400px;
	overflow: hidden;	
	margin-bottom: 15px;
	position: relative;
}

.servicios-imagen {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 80%;		
}