/*====================================================================================================
				MAQUETACIÓN PARA CUANDO EL USUARIO ABRE LA PÁGINA "SERVICIOS" 
					Y SE LE MUESTRA TODO EL LISTADO DE SERVICIOS QUE HAY
====================================================================================================*/
/*----------- Encabezado de los servicios -----------*/
.txtServicios{
	font-size: 30px;
}
.descServicios{
	font-size: 16px;
	color: #959595;
}
/*-------------- Buscador de servicios --------------*/
.wrapBuscadorServicios{
	width: 50%;
	border-radius: 7px;
	background: rgba(0,0,0,.08);
	align-items: flex-start;	
	height: 35px;
	margin: 15px 0;
}
.inputBuscServ{
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	width: calc(100% - 60px);
	height: 100%;
	padding: 4px 10px;
	box-sizing: border-box;
}
.btnLimpBusc{
	visibility: hidden;
}
.btnLimpBusc,
.lupaBuscador{
	width: 30px;
	height: 100%;
}
.lupaBuscador svg{
	width: 16px;
	height: 16px;
	fill: #aaa;
}
.btnLimpBusc svg{
	width: 10px;
	height: 10px;
	fill: #989898;
}
.DK .btnLimpBusc{
	cursor: pointer;
}
/*-------- Texto de los lugares --------*/
.textoLugaresServicios{
	font-size: 15px;
	color: #959595;
	width: 90%;
	text-align: justify;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	max-height: 70px;
}
.iconUbiEncabServ svg{
	fill: #B9B9B9;
	margin-right: -5px;
	width: 17px;
	height: 17px;
}
/*--------------------------------------------------------------------------------- 
						MAQUETACIÓN DE LOS SERVICIOS DE LA SECCIÓN
----------------------------------------------------------------------------------*/

/*... Los estilos de un solo servicio se ponen en un .css aparte ...*/

/*----------------- CONTENEDOR DE "SIN RESULTADOS DE BÚSQUEDA" -----------------*/
/*Contenedor que deberá aparece si no hay resultados al hacer la búsqueda de un servicio*/
.wrapSinResul{
	display: none;	
	text-align: center;
	margin: 40px 0;
}
.drSinResul{
	width: 90%;
}
.txtSinResultados {
	margin: 20px 0;
	font-size: 18px;
}
.iconSinResul svg{
	width: 150px;
	height: 150px;
}
.btnVolverBuscar{
	background: #703b3b;
	color: #EFEFEF;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	border-bottom: 2px solid #613333;
}
.btnVolverBuscar:active{
	border-top: 2px solid transparent;
	border-bottom: 0;
}

@media (max-width: 1217px){	
	/*--------------------------- ENCABEZADO ---------------------------*/	
	.iconUbiEncabServ svg{
		margin-right: -3px;
	}
	.textoLugaresServicios{
		width: 97%;
	}
	/*-------------- SERVICIOS QUE SE MUESTRAN EN EL BODY --------------*/	
	.drSeccionBody{
		width: 98%;
	}
}
@media (max-width: 965px) and (min-width: 758px) {
	/*------------ ENCABEZADO DE LOS SERVICIOS ------------*/	
	.wrapBuscadorServicios{
		width: 100%;
	}
}

@media (max-width: 757px){
	/*------------ ENCABEZADO DE LOS SERVICIOS ------------*/
	.wrapBuscadorServicios{
		width: 100%;
	}
	/*------- SERVICIOS QUE SE MUESTRAN EN EL BODY -------*/
}
@media (max-width: 600px){
	.txtServicios{
		font-size: 22px;
	}
}
@media (max-width: 500px){
	.descServicios,
	.textoLugaresServicios{
		font-size: 14px;
	}
	.drSeccionBody {
        padding: 10px 15px;
    }
    .inputBuscServ{
    	font-size: 15px;
    }
    /*- Contenedor de "Sin resultados en la búsqueda" -*/
    .iconSinResul svg{
		width: 120px;
		height: 120px;
	}
	.txtSinResultados{
		font-size: 16px;
	}
}