/* Page presentation retained from header-brown.php. The original header remains available. */
html{
				scroll-behavior: smooth;
			}
			header{
				display: block;
				padding-top: 0;
				background: none;
				top: initial;
				left: 50%;
				transform: translateX(-50%);
				width: 100%;
				background: #ece9e4de;
			}
			#header-inner-container{
				max-width: 1400px;
				margin: 0 auto;
				position: relative;
			}
			header a.logo{
				width: 200px;
				padding: 0;
				display: inline-block;
				vertical-align: middle;
			}
			header .logo img{
				height: initial;
				max-width: initial;
				margin: initial;
				width: 200px;
			}
			header.smaller .logo img{
				width: 160px;
			}
			header nav ul li.lang-item a{
				color: #856f50;
				border: 1px solid #856f50;
			}
			header nav>ul>li>a.icon-burger{
				position: relative;
				top: 6px;
			}
			.mobile-sticky-menu ul li a, header nav ul li a{
				border: 1px solid #856f50;
			}
			header nav ul li a span{
				color: #856f50;
			}
			header nav>ul>li>a.icon-burger{
				color: #856f50;
			}
			.mobile-sticky-menu, header nav{
				margin-top: 20px;
				position: absolute;
				right: 0;
				display: inline-block;
			}
			header.smaller nav{
				margin-top: 0;
			}

			/* Header de la promo */
			#bar-menu-header{
				/*background: #ece9e4;*/
				padding-top: 180px;
				padding-bottom: 120px;
				background-image: url('https://xinalaniretreat.com/wp-content/uploads/2024/11/textura-papel-mixto.jpg');
				background-size: 250px;
				background-repeat: repeat;
			}
			#bar-menu-header .inner-container{
				max-width: 1400px;
				margin: 0 auto;
			}
			#bar-menu-header #nav-container{
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 30px;
			}
			#nav-container .menu-element img,
			#nav-container .menu-element h2{
				display: inline-block;
				vertical-align: middle;
			}
			#nav-container .menu-element h2{
				vertical-align: sub;
			}

			#bar-menu-header .menu-element{
				text-align: left;
				background: #fff;
				border-radius: 3px;
				padding: 20px;
				border-bottom: 5px solid #fff;
			}
			#bar-menu-header .menu-element:hover{
				border-bottom: 5px solid #878b61;
				cursor: pointer;
			}
			#bar-menu-header .menu-element img{
				display: inline-block;
				margin: 0 auto;
				margin-bottom: 0;
				max-width: 80px;
				margin-right: 5px;
			}
			#bar-menu-header .menu-element h2{
				font-size: 20px;
				margin-bottom: 0;
			}

			.dishes-container{
				/*background: #fff;
				padding: 45px;*/
				margin-top: 45px;
			}

			.category-container h3{
				font-size: 30px;
				color: #878b61;
				font-weight: initial;
				margin-bottom: 30px;
			}

			.dishes{
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 30px;
			}

			.dish h4,
			.dish h4 span{
				font-size: 20px;
				font-weight: 800;
				margin-bottom: 0;
			}
			.dish .subtitle{
				margin-top: -10px;
				margin-bottom: 0;
				color: #878b61;
			}

			.category-container{
				margin-bottom: 0;
			}

			.separator{
				text-align: center;
				padding: 45px 0;
			}
			.separator img{
				max-width: 100px;
				display: inline-block;
			}

			.disclaimer{
				text-align: center;
				margin-top: 45px;
			}
			.disclaimer p{
				margin-bottom: 0;
			}

			/*----- Estilos responsive de la página -----*/
			@media all and (max-width: 1520px){
				header{
					padding: 0 90px;
				}
				#bar-menu-header .inner-container{
					padding: 0 90px;
				}
			}

			@media all and (max-width: 600px){
				header{
					padding: 0;
				}
				header.smaller .logo img{
					padding-left: 10px;
				}
				#bar-menu-header .inner-container{
					padding: 0 35px;
				}
				#bar-menu-header .inner-container{
					grid-template-columns: 1fr;
					text-align: center;
				}

				#bar-menu-header #nav-container{
					grid-template-columns: 1fr;
				}
				#bar-menu-header .menu-element{
					text-align: left;
				}
				.menu-element img, .menu-element h2{
					display: inline-block;
					vertical-align: middle;
				}
				#bar-menu-header .menu-element img{
					max-width: 40px;
					margin-right: 5px;
				}
				#bar-menu-header .menu-element h2{
					margin-bottom: 0;
					vertical-align: bottom;
				}

				.dishes{
					grid-template-columns: 1fr;
				}
			}