@charset "utf-8";

@media screen and (max-width: 768px){

	#logo_central_inicio{
		width: 60%;
	}

	#intro{
		padding: 50px 0;
		flex-direction: column;
		max-width: 100%;
	}

	#contenido_intro{
		margin: 0 5%;
	}

	#intro img{
		width: 100%;
		min-width: inherit;
		margin-top: 40px;
	}

	#servicios a{
		width: 100%;
	}

	.servicios_todos {
		flex-direction: column;
		padding: 30px 5%;
	}

	.servicios_todos:hover .boton_leermas{
		opacity: 0;
	}

	.texto_servicio{
		padding-left: 0px;
		padding-top: 20px;
		color: white;
	}

	#contenedor_recientes{
		padding: 30px 5%;
	}

	.reciente{
		width: 100%;
		margin: 2% 0;
		height: 20vh;
		background-position: center;
	}

/*---------RESPONSIVE DE LIGHTBOX---------*/
	#borde_lightbox{
		padding: 3px;
		border-radius: 5px;
	}
	#boton_cerrar_lightbox{
		right: 5px;
		top: 5px;
	}
/*------FIN DE RESPONSIVE DE LIGHTBOX-------*/

	#contacto{
		margin-top: -50px;
	}

	#contenedor_contacto{
		padding: 30px 5%;
	}

	#contenido_contacto {
		flex-wrap: wrap;
	}

	#formulario_contacto {
		width: 100%;
		padding:0;
		border-right:none;
	}

	#espacio_direccion {
		width: 100%;
		padding: 0;
	}

	#datos_formulario{
		margin-top: 10px;
		border-spacing: 0;
	}

	#datos_formulario tr{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	#datos_formulario td:first-child{
		width: 100%;
		text-align: left;
	}

	#datos_formulario td:last-child{
		width: 100%;
		text-align: left;
		margin-bottom: 15px;
	}

	#contenedor_boton_enviar{
		justify-content: center;
	}

	#boton_enviar{
		width: 100%;
	}

	#espacio_direccion {
		width: 100%;
		align-items: flex-start;
		padding:0;
		margin-top: 25px;
		padding-top: 20px;
		border-top: 2px solid #36454f;
	}

	#mapa {
		height: 50vh;
	}

}