@charset "UTF-8";

.items_servicios {
	margin-top: 160px;
}
	.preintro h4 {
		color: #6b17e9;
	}
	.preintro img {
		box-shadow: 0px 0px 5px #333;
		max-width: 100%;
	}
	.preintro div .primer_motivo {
		margin-top: 40px;
	}
	.preintro i {
		color: #6b17e9;
	}
	.intro {
		margin-top: 40px;
	}
		.intro img {
			box-shadow: 0px 0px 5px #333;
			max-width: 100%;
		}
		.intro h4 {
			color: #6b17e9;
			text-align: center;
		}
		.intro i {
			color: #6b17e9;
		}
	.servicios {
		margin-top: 40px;
	}
		.servicios div div {
			background: white;
			height: 220px;
			padding-top: 20px !important;
			text-align: center;
			transition: all 0.2s;
		}
		.servicios div div:nth-child(1), .servicios div div:nth-child(4) {
			border-right: 1px solid rgba(133, 51, 255, 0.3);
			border-bottom: 1px solid rgba(133, 51, 255, 0.3);
		}
		.servicios div div:nth-child(2), .servicios div div:nth-child(5) {
			border-bottom: 1px solid rgba(133, 51, 255, 0.3);
		}
		.servicios div div:nth-child(3), .servicios div div:nth-child(6) {
			border-left: 1px solid rgba(133, 51, 255, 0.3);
			border-bottom: 1px solid rgba(133, 51, 255, 0.3);
		}
		.servicios div div:nth-child(7) {
			border-right: 1px solid rgba(133, 51, 255, 0.3);
		}
		.servicios div div:nth-child(9) {
			border-left: 1px solid rgba(133, 51, 255, 0.3);
		}
			.servicios div div:hover {
				background: #6b17e9;
				border: 0;
				border-radius: 10px;
				box-shadow: 0px 0px 5px 2px rgba(133, 51, 255, 0.3);
				transform: scale(1.05);
			}
			.servicios div div:hover p {
				color: white;
			}
			.servicios div div:hover p button {
				background: white;
				box-shadow: 0px 0px 10px white;
				color: #6b17e9;
			}
				.servicios div div:hover p button:focus {
					background: white;
					box-shadow: 0px 0px 10px white;
					color: #6b17e9;
				}
			.servicios div div i {
				background: white;
				border-radius: 50%;
				padding: 10px;
			}
			.servicios div div p button {
				background: #6b17e9;
			}
				.servicios div div p button:focus {
					background: #6b17e9;
				}
	.outro {
		margin-top: 20px;
	}
		.outro div p {
			text-align: center;
		}
			.outro div p a {
				color: #6b17e9;
				font-weight: bold;
				text-decoration: underline;
			}

/* Moviles */

@media (max-width: 600px) {
	.items_servicios {
		margin-top: 60px;
	}
	.preintro h4 {
		text-align: center;
	}
	.preintro div p {
		text-align: justify;
	}
	.intro {
		margin-top: 10px;
	}
	.servicios div div {
		height: 370px !important;
	}
	.servicios div div:nth-child(1) {
		border-right: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
	.servicios div div:nth-child(2) {
		border-left: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
	.servicios div div:nth-child(3) {
		border: 0;
		border-right: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
	.servicios div div:nth-child(4) {
		border: 0;
		border-left: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
	.servicios div div:nth-child(5) {
		border: 0;
		border-right: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
	.servicios div div:nth-child(6) {
		border: 0;
		border-left: 1px solid rgba(133, 51, 255, 0.3);
		border-bottom: 1px solid rgba(133, 51, 255, 0.3);
	}
}

/* Tablets */

@media (max-width: 992px) {
	.servicios div div {
		height: 280px;
	}
}

@media (max-width: 860px) {
	.servicios div div {
		height: 300px;
	}
}