/*=============================================
RESERVAS
=============================================*/

.reservas{
	position: relative;
	width: 100%;
	margin: auto;
	background: white;
	padding-bottom: 50px;
}

.reservas h1{
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #666;
}

.reservas .row{
	margin-left: 0px;
	margin-right: 0px;
}

.reservas .card{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.reservas .card img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.reservas .card h3{
	font-weight: bold;
	margin-top: 10px;
	font-size: 20px;
	margin-bottom: 10px;
}

.reservas .card h5{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.reservas .card p{
	line-height: 1.5;
	margin-bottom: 10px;
	color: #777;
}

.reservas .card .btn{
	width: 100%;
	border-radius: 5px;
	margin-top: 10px;
}

.reservas .card .precio{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reservas .card .estrellas{
	color: #FFCC29;
	margin-bottom: 10px;
}

.reservas .card .estrellas i{
	margin-right: 3px;
}

.reservas .card .categoria{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.reservas .card .descripcion{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.reservas .card .caracteristicas{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.reservas .card .caracteristicas i{
	margin-right: 5px;
	color: #47BAC1;
}

.reservas .card .disponibilidad{
	font-size: 14px;
	color: #47D03E;
	margin-bottom: 10px;
}

.reservas .card .no-disponibilidad{
	font-size: 14px;
	color: #FC4850;
	margin-bottom: 10px;
}

.reservas .card .reservar{
	background: #47BAC1;
	color: white;
	font-weight: bold;
	border: none;
	padding: 10px 0;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.reservas .card .reservar:hover{
	background: #2F4F4F;
}

.reservas .card .ver-mas{
	background: #FFCC29;
	color: white;
	font-weight: bold;
	border: none;
	padding: 10px 0;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.reservas .card .ver-mas:hover{
	background: #e6b800;
}

/*=============================================
FORMULARIO DE RESERVA
=============================================*/

.formulario-reserva{
	position: relative;
	width: 100%;
	margin: auto;
	background: white;
	padding-bottom: 50px;
}

.formulario-reserva h1{
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #666;
}

.formulario-reserva .row{
	margin-left: 0px;
	margin-right: 0px;
}

.formulario-reserva .card{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.formulario-reserva .card img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.formulario-reserva .card h3{
	font-weight: bold;
	margin-top: 10px;
	font-size: 20px;
	margin-bottom: 10px;
}

.formulario-reserva .card h5{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.formulario-reserva .card p{
	line-height: 1.5;
	margin-bottom: 10px;
	color: #777;
}

.formulario-reserva .card .btn{
	width: 100%;
	border-radius: 5px;
	margin-top: 10px;
}

.formulario-reserva .card .precio{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.formulario-reserva .card .estrellas{
	color: #FFCC29;
	margin-bottom: 10px;
}

.formulario-reserva .card .estrellas i{
	margin-right: 3px;
}

.formulario-reserva .card .categoria{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.formulario-reserva .card .descripcion{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.formulario-reserva .card .caracteristicas{
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
}

.formulario-reserva .card .caracteristicas i{
	margin-right: 5px;
	color: #47BAC1;
}

.formulario-reserva .card .disponibilidad{
	font-size: 14px;
	color: #47D03E;
	margin-bottom: 10px;
}

.formulario-reserva .card .no-disponibilidad{
	font-size: 14px;
	color: #FC4850;
	margin-bottom: 10px;
}

.formulario-reserva .card .reservar{
	background: #47BAC1;
	color: white;
	font-weight: bold;
	border: none;
	padding: 10px 0;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.formulario-reserva .card .reservar:hover{
	background: #2F4F4F;
}

.formulario-reserva .card .volver{
	background: #FFCC29;
	color: white;
	font-weight: bold;
	border: none;
	padding: 10px 0;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.formulario-reserva .card .volver:hover{
	background: #e6b800;
}

.formulario-reserva .form-group{
	margin-bottom: 20px;
}

.formulario-reserva .form-group label{
	font-weight: bold;
	margin-bottom: 5px;
}

.formulario-reserva .form-group input,
.formulario-reserva .form-group select,
.formulario-reserva .form-group textarea{
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 10px;
	width: 100%;
}

.formulario-reserva .form-group input:focus,
.formulario-reserva .form-group select:focus,
.formulario-reserva .form-group textarea:focus{
	outline: none;
	border-color: #47BAC1;
}

.formulario-reserva .form-group .datepicker{
	background: #f5f5f5;
}

.formulario-reserva .form-group .input-group-text{
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-left: none;
}

.formulario-reserva .form-group .input-group-text i{
	color: #777;
}

.formulario-reserva .form-group .input-group{
	margin-bottom: 20px;
}

.formulario-reserva .form-group .input-group input{
	border-right: none;
}

.formulario-reserva .form-group .input-group input:focus{
	border-color: #ddd;
	border-right: none;
}

.formulario-reserva .form-group .input-group input:focus + .input-group-append .input-group-text{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-append{
	margin-left: 0;
}

.formulario-reserva .form-group .input-group .input-group-append .input-group-text{
	border-radius: 0 5px 5px 0;
}

.formulario-reserva .form-group .input-group .input-group-prepend{
	margin-right: 0;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text{
	border-radius: 5px 0 0 5px;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text i{
	color: #777;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input{
	border-left: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input:focus{
	border-color: #ddd;
	border-left: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input:focus + .input-group-append .input-group-text{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text{
	border-left: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text i{
	color: #777;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text:focus{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text:focus + input{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text:focus + input + .input-group-append .input-group-text{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input{
	border-left: none;
	border-right: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input:focus{
	border-color: #ddd;
	border-left: none;
	border-right: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text{
	border-left: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text i{
	color: #777;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text:focus{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text:focus + input{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text:focus + input + .input-group-append .input-group-text{
	border-color: #47BAC1;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text + input{
	border-left: none;
	border-right: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text + input:focus{
	border-color: #ddd;
	border-left: none;
	border-right: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text{
	border-left: none;
}

.formulario-reserva .form-group .input-group .input-group-prepend .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text + input + .input-group-append .input-group-text i{
	color: #777;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	.reservas .card img{
		height: 200px;
	}

	.formulario-reserva .card img{
		height: 200px;
	}

}

/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/

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

	.reservas .card img{
		height: 180px;
	}

	.formulario-reserva .card img{
		height: 180px;
	}

}

/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/

@media (max-width:767px) and (min-width:576px){

	.reservas .card img{
		height: 200px;
	}

	.formulario-reserva .card img{
		height: 200px;
	}

}

/*=============================================
MÓVIL VERTICAL (revisamos en 320px)
=============================================*/

@media (max-width:575px){

	.reservas .card img{
		height: 180px;
	}

	.formulario-reserva .card img{
		height: 180px;
	}

}