@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}

/* FIX OCULTAR BOTÓN MENÚ */
@media screen and (max-width: 2400px) and (min-width: 1141px){
    .btn-menu{
        display: none !important
    }   

    .mobile .btn-menu{
    	display: block !important
    }
}




/* RESPONSIVE HORIZONTAL */






/* ----------------------------------------------------------------------*/

/* 1370
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1370px){
	


	:root {


		--h-header       : 100px;

		--w-textura      : 50px;

	}



   
	/* #btn */
	.btn--wpp {
		width : 60px;
		height: 60px;
		right : 15px;
	}
	
		.btn--wpp i {
			font-size: 2.3rem;
		}



	/* #menu */
	.cont--menu a {
		font-size: .9rem;
	}



	/* #modal */

	.cont--modal.reservas {
		transform: translateX(10px);
	}




	
}





/* ----------------------------------------------------------------------*/

/* 1200
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){

	:root {

		--w-modal-reserva: 600px;


	}

}



/* ----------------------------------------------------------------------*/

/* 1140
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1140px){


	:root {

		--w-modal-reserva  : 540px;


	}



}



/* ----------------------------------------------------------------------*/

/* 1024
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){


	:root {

		--w-col-header-left : 270px;
		--w-logo            : 100%;
		--w-modal-reserva   : 100%;
		--w-col-header-right: 1fr;


	}



	/* #modal */
	.cont--modal.reservas {
		right    : auto !important;
		transform: translateX(0) !important;
	}

		.cont--modal.reservas .container--modal {
			max-width: var(--container-gr) !important;
			width    : 100% !important;
		}



	/* #agenda */
	.cont--section.agenda [class*=container--] > .d--grid {
		grid-template-columns: 1fr;
	}

		.cont--section.agenda [class*=container--] > .d--grid > div:nth-child(1) {
			display              : grid;
			grid-template-columns: 1fr;
			grid-column-gap      : 40px;
			margin-bottom        : 40px;
		}

		.cont--section.agenda article p {
			font-size  : var(--size);
			line-height: 1.5;
		}

		.content article p:last-child {
			margin-bottom: 0;
		}
		.cont--section.agenda [class*=container--] > .d--grid > div:nth-child(1) {
			margin-bottom: 20px;
		}


	/* #form */
	#form--lugar {
		padding-bottom: 15px;
		margin-top    : 15px;
	}

		#form--lugar > .d--grid {
			justify-content: flex-start;
		}


	/* #reserva */
	.cont--section.reserva .container--gr > .d--grid {
		grid-template-columns: var(--w-col-header-left) 1fr;
	}




	/* responsive */
	figure.desktop {
		display: none;
	}
	figure.mobile {
		display   : block;
		text-align: center;
	}

		figure.mobile img,
		.cont--section.agenda figure img {
			margin    : auto;
			max-height: 40px;
		}

}







/* ----------------------------------------------------------------------*/

/* 990
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 990px){


	:root {

		--w-textura: 40px;

	}



	/* #menu */
	.cont--menu a {
		padding: 10px;
	}

}	





/* ----------------------------------------------------------------------*/

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



	:root {

		--w-col-header-left : 300px;
		--w-logo            : 100%;
		--w-modal-reserva   : 100%;
		--w-col-header-right: 1fr;


	}

	

	/* #header */
	.header--right {
		justify-content: flex-end;
	}


	/* #menu */
	.btn--menu {
		display: block;
	}

	.cont--menu {
		display: none;
	}


	/* #section */
	.cont--section {
		padding: 40px 0;
	}





	/* agenda */
	.cont--section.agenda [class*=container--] > .d--grid {
		grid-column-gap: 0;
	}

		.cont--section.agenda [class*=container--] > .d--grid > div:nth-child(1) {
			grid-template-columns: 1fr;
			grid-column-gap      : 0;
		} 



		/* calendar */
		.dncalendar-header h2 {
			font-size: 1.4rem;
		}

			.cont--calendar table th, .cont--calendar table td {
				font-size: .8rem !important;
			}

			.dncalendar-body tbody td .entry {
				padding: 15px;
			}


	/* #reserva */
	.cont--section.reserva .container--gr > .d--grid {
		grid-template-columns: 1fr;
	}
		
		.sec--resumen.d--grid.grid--4 {
			grid-template-columns: 1fr !important;
		}

			.sec--resumen div:before {
				display: none;
			}

			.sec--resumen div {
				margin-top: 20px;
			}
			.sec--resumen div:nth-of-type(1) {
				margin-top: 0 !important;
			}

			.sec--resumen div p:last-child {
				border-bottom: 1px solid rgba(255 255 255 / 15%) !important;
			}

			.sec--resumen div p br {
				display: none;
			}





	/* form encuesta */
	.form--encuesta label {
		font-size: .9rem;
	}


	


}






/* ----------------------------------------------------------------------*/

/* 640
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 640px){


	:root {

		--w-textura: 30px;
	
	}


	.cont--cabezal h2 {
		font-size: 2.35rem;
		line-height: normal;
	}
	

	
		
	/* grid */
	.d--grid.grid--3 {
		 grid-template-columns: repeat(2, 1fr);
	}
	.d--grid.grid--6 {
		grid-template-columns: 1fr !important;
	}
	.paso--1 form .d--grid.grid--6 {
		grid-template-columns: repeat(2, 1fr) !important;
	}


	/* btn */
	.btn--wpp {
		right: 15px;
	}


	/* form */
	#form--lugar > .d--grid {
		grid-template-columns: 1fr;
	}

		#form--lugar > .d--grid > div {
			justify-content: flex-start;
		}

	
	/* reservas */
	.cont--reservas {
		overflow: auto;
	}


	.dncalendar-body tbody td .entry {
		width          : 40px;
		height         : 40px;
	}

}





/* ----------------------------------------------------------------------*/

/* 440
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 480px){


	:root {

		--w-col-header-left: 200px;
		--h-header         : 60px;


	}
	

	/* #container */
	[class*=container--] {
		padding      : 0 30px;
		padding-right: calc(30px + var(--w-textura));
	}

	/* grid */
	.d--grid.grid--3 {
		 grid-template-columns: 1fr;
	}
	.d--grid.grid--6 {
		grid-template-columns: 1fr !important;
	}
	.paso--1 form .d--grid.grid--6 {
		grid-template-columns: 1fr !important;
	}


	/* cabezal */
	.cont--cabezal h2 {
		font-size: 1.9rem;
	}


	/* menu */
	.visible--menu .cont--menu a {
		font-size: 1rem;
	}

	.btn--menu {
		transform: translateX(-10px);
	}


	/* section */
	.cont--section {
		padding: 50px 0;
	}


	/* agenda */
	.cont--section.agenda article p {
		font-size: .9rem;
	}

	

	#form--lugar {
		padding-bottom: 15px;
	}

	.cont--modal.reservas .content--modal header h6 {
		font-size: .95rem;
	}

	/* reservas */
	.cont--reservas button,
	.cont--reservas button time {
		font-size: 1rem;
	}

	.cont--submit input[type="submit"], 
	.cont--submit button, .btn--submit, 
	button[type="submit"] {
		max-width: inherit;
	}

	
	/* calendar */
	.dncalendar-header h2 {
		font-size: 1.2rem;
	}

		.cont--calendar table th, .cont--calendar table td {
			font-size: .75rem !important;
		}

		.dncalendar-body tbody td .entry {
			padding: 12px;
			width  : 30px;
			height : 30px;
		}


	/* aco */
	.btn--aco {
		font-size: .95rem;
		font-weight: 500;
	}



	/* #wpp */
	.btn--wpp {
		width : 50px;
		height: 50px;
		right : 10px;
		bottom: 40px;
	}


	h5.cont--msj {
		font-size: var(--size-6);
	}



	/* form encuesta */
	.form--encuesta .cont--input {
		width: 100%;
		margin-right: 0;
	}

	
}




/* ----------------------------------------------------------------------*/

/* 360
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 360px){

	.dncalendar-body tbody td .entry {
		width          : 22px;
		height         : 22px;
	}





}




/* RESPONSIVE VERTICAL (si es necesario) */


/* # 700 */
@media screen and (max-device-height: 700px) {  


}