@media screen and (max-width:1099px){
	#historia #vertical {left:-18px;}
}
@media screen and (max-width:1099px){
	:root{
		--margin-sides:36px;
		--font-title-large: normal normal bold 50px/1 'Bebas Neue'; 
		--font-title-medium: normal normal bold 35px/1 'Bebas Neue';
		--font-text-normal: normal normal normal 20px/1.3 'Open Sans';
		--font-text-medium: normal normal normal 16px/1 'Open Sans';
		--font-button-normal: normal normal normal 17px/1 'Bebas Neue';
		--font-footer-title: normal normal normal 25px/1 'Bebas Neue';
		--font-footer-text: normal normal normal 14px/1 'Open Sans';
		--font-history-text: normal normal normal 16px/35px 'Open Sans';
		--font-phrase-title: normal normal normal 42px/55px 'Bernier';
		--font-ourmezcales-title: normal normal normal 25px/1 'Bebas Neue';
		--font-ourmezcales-text: normal normal normal 20px/27px 'Open Sans';
		--font-ourmezcales-subheading: normal normal normal 18px/27px 'Open Sans';
		--font-mezcal-text: normal normal normal 40px/60px 'Bernier';
		--font-singlemezcal-name: normal normal normal 50px/1 'Bernier';
		--font-singlemezcal-available: normal normal bold 16px/35px 'Bebas Neue';
		--font-menu-main: normal normal normal 18px/1 'Open Sans';
		--font-menu-lang: normal normal normal 16px/1 'Open Sans';
	}
	/* Generales */
	html,body{background:var(--color-claro);}
	.desktop{display:none;}
	h3{font:var(--font-title-medium);color:var(--color-gris);text-align:center;}
	.rombos:before{content: '';display:block;background:url('./assets/tres_rombos.svg') no-repeat center center;width:100%;height:10px;margin-bottom:20px;background-size: contain;}
	.rombos-left:before{content: '';display:block;background:url('./assets/tres_rombos.svg') no-repeat left center;width:100%;height:10px;margin-bottom:20px;background-size: contain;}
	p{font:var(--font-text-medium);color:var(--color-gris);line-height:35pt;text-align:center;margin: 0 -5px;max-width:464px;width:100%;margin:0 auto;}
	.columnas{display:flex;flex-wrap:wrap;}
	.columnas.reverse{display:flex;flex-wrap:wrap-reverse;}
	.columnas.m-hide-first .izq{display:none;}
	.columnas .izq, .columnas .der{margin: 0 auto;width:100%;text-align:center;}

	/* Restricción de edad */
	#restriccion{ height:100vh; z-index: 100; position:fixed; background-color: white; width: 100vw;}
	#restriccion.ofage{ display:none;}
	#restriccion .logo{width:85px;height:85px;margin:0 auto;margin-top:20px;}
	#restriccion .hola {margin-top:10.6vh;margin-bottom:10.8vh;}
	#restriccion .hola h1{font:var(--font-title-large);text-align:center;margin-bottom:28px;}
	#restriccion .hola p{font:var(--font-text-normal);text-align:center;}
	#restriccion .botones .btn{margin-bottom:36px;}
	#restriccion .botones .btn.rect a{min-width:260px;}
	#restriccion .message{display:none;}
	#restriccion .message.active{width:250px;margin:0 auto;font:var(--font-text-medium);font-style:italic;text-align:center;}
	#restriccion .botones .btn.rect.disabled a{color:#ecebeb;border-color:#ecebeb;pointer-events: none;}
	#restriccion .footer{width:250px;position:absolute;bottom:52px;left:50%;transform:translateX(-50%);font:var(--font-text-medium);text-align:center;}
	/* Menú */
	.menubar{padding:20px 0;width:calc(100% - var(--margin-sides) * 2);margin:0 auto;display: flex;justify-content: space-between;}
	.menubar .izq,.menubar .der{min-width:28px;}
	.menubar .cen .logo a{width:100%;height:100%;display:block;}
	nav.menu{transform: translateX(-100%);pointer-events: none;position: fixed;background-color: var(--color-oscuro);top:0;left:0;width:100vw;height:100vh;background-color: var(--color-oscuro);background-image:url('./assets/pleca_rombos.svg');background-repeat: no-repeat;background-position:right 30px;transition:all 0.4s ease-in-out;z-index:10;}
	nav.menu:after{content:'';display:block;width:264px;height: 270px;background-image: url('./assets/maguey_chico.svg');background-size: contain;background-repeat: no-repeat;background-position: bottom center;position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);opacity:0.3;filter:brightness(0);}
	nav.menu.active{transform: translateX(0);pointer-events:initial;z-index:10;}
	nav.menu .content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	nav.menu .content ul{list-style: none;margin:0;padding:0;text-align: center;}
	nav.menu .content ul.links li{margin-bottom:45px;}
	nav.menu .content ul.lang {display:flex;justify-content: center;margin-top: 100px;}
	nav.menu .content ul.lang li a{margin:0 20px;}
	nav.menu .content ul li a{font:var(--font-menu-main);color:white;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid transparent;padding:5px;transition:all 0.4s ease-in-out;}
	nav.menu .content ul li a:hover,
	.page.productos nav.menu .content ul.links li a.productos,
	.page.historia nav.menu .content ul.links li a.historia,
	[lang="es"] nav.menu .content ul li a.es,
	[lang="en"] nav.menu .content ul li a.en
	{border-color:white;}
	nav.menu .close{position:absolute;top:47px;left:36px;width:28px;height:28px;cursor:pointer;}
	nav.menu .close div{width:27px;height:1px;background:white;position:relative;}
	nav.menu .close:hover div{background:var(--color-verde);}
	nav.menu .close div:first-of-type{transform:rotate(45deg);}
	nav.menu .close div:last-of-type{transform:rotate(135deg);top:-1px;}
	.hamburger{width:28px;height:28px;margin-top:16px;cursor:pointer;}
	.hamburger div{width:100%;height: 1px;background-color: var(--color-gris);margin-bottom:10px;}
	.hamburger div:last-of-type{margin-bottom:0;}
	/* Footer */
	footer {text-align:center;background-color: var(--color-oscuro);color: white;padding-top:90px;padding-bottom:65px;}
	footer div{margin-bottom:60px;}
	footer div:last-of-type{margin-bottom:0;}
	footer h6{font:var(--font-footer-title);color:white;margin-bottom:25px;margin-top:0;}
	footer ul li{margin-bottom:15px;}
	footer ul li a{font:var(--font-footer-text);color:white;text-decoration: none;}
	footer .contacto{margin-top: 80px;}
	footer .redes ul{display:flex;justify-content: center;}
	footer .redes ul li{margin-right:10px;}
	footer .redes ul li a{width:20px;height:20px;display: block;}
	/* Contents */
	article{width:calc(100% - var(--margin-sides) * 2);margin:0 auto;}
	h2.c-verde{color:var(--color-verde);}
	h2{text-align:center;font-size:35px;margin: 0 -10px;}
	/* Home */
	#intro{margin-top:70px;}
	#intro .der{padding-bottom:40px;}
	#intro .botones.mobile{margin-top:70px;margin-bottom:45px;}
	#intro .img img{width:calc(100vw * .5238);max-width:350px;}
	#intro .img img{width:calc(100vw * .5238);max-width:350px;}
	#decalidad .img{margin-top:20px;margin-bottom:65px;}
	#decalidad .img img{height:350px;width:auto;}
	#frase{height:100vh;background-color: var(--color-oscuro);position:relative;margin:0 calc(var(--margin-sides) * -1);margin-bottom:115px;margin-top:230px;}
	#frase{background-image:url('./assets/pleca_rombos.svg');background-repeat: no-repeat;background-position:right 80px;overflow: hidden;}
	#frase:after{content:'';position:absolute;bottom: -60px;left:50%;transform:translateX(-50%);opacity: 0.3;background-image:url('./assets/maguey_chico.svg');width:264px;height:270px;background-repeat: no-repeat;background-position:center bottom;background-size:contain;filter:brightness(0)}
	#frase h4{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:290px;color:white;font:var(--font-phrase-title);text-align:center;margin:0;}
	#nuestrosmezcales a{text-decoration:none;}
	#nuestrosmezcales .title{margin-bottom:125px;text-align:center;display: flex;}
	#nuestrosmezcales .title h3{padding:0 24px;display:inline-block;letter-spacing:3px;white-space: nowrap;}
	#nuestrosmezcales .title img{vertical-align: text-top;}
	#nuestrosmezcales .swiper-container{max-width: 530px;margin: 0 auto;}
	#nuestrosmezcales .swiper-slide{text-align: center;}
	#nuestrosmezcales .swiper-slide img{width:calc(100vw * .4048);max-width:210px;}
	#nuestrosmezcales .swiper-slide h5{font:var(--font-ourmezcales-title);margin:0;margin-bottom:20px;}
	#nuestrosmezcales .swiper-slide h6{font:var(--font-ourmezcales-text);margin:0;}
	.home section.fullwidth{margin-top:240px;margin-bottom:165px;}
	.home section.fullwidth img{height:500px;object-fit: cover;}
	#mision h3{margin-bottom:55px;}
	#bottom{margin:160px 0 300px 0;text-align:center;}
	#bottom img{width:90px;height:auto;}
	#bottom h3{font:var(--font-mezcal-text);}
	/* Historia */
	#historia-wrapper{position:relative;padding-top:50px;}
	#historia-wrapper .topsymbol{position:absolute;left:-5px;top:-10px;}
	#historia-wrapper .botsymbol{position:absolute;left:-5px;bottom:-10px;}
	#historia > h3 {margin:80px 0;}
	#historia #vertical {width:1px;background-color: var(--color-gris);position:absolute;top:0;transition:all 0.4s ease-in-out;left: calc(50% - 190px);}
	#historia .histelement{max-width:340px;margin:0 auto;margin-bottom:105px;}
	#historia .histelement img{margin-bottom:35px;width:100%;}
	#historia .histelement p{font:var(--font-history-text);color:var(--color-gris);text-align: left;}
	#historia .histelement {text-align: center;}
	#historia .histelement.nobotmargin{margin-bottom: 0;}
	#historia .histelement.naranja p.rombos:before{content:unset;}
	#historia .histelement.right .text{font:var(--font-mezcal-text);text-align: left;color:var(--color-oscuro);}
	#historia .histelement.right .sello {filter:hue-rotate();color:#008B88;}
	#historia .histelement.frase .frase {padding-top:50px;}
	#historia .botella.bottom{text-align: center;margin-bottom:-5px;}
	#historia .botella.bottom img{object-fit: contain;}
	/* Mezcales */
	#mezcales{max-width:336px;margin:0 auto;}
	#mezcales > h3{margin-top:70px;margin-bottom:80px;}
	#mezcales section{text-align:center;margin-bottom:180px;}
	#mezcales section a{text-decoration:none;}
	#mezcales section img{max-width:145px;}
	#mezcales section h5{font:var(--font-ourmezcales-title);margin:0;margin-bottom:15px;}
	#mezcales section h6{font:var(--font-ourmezcales-subheading);margin:0;}
	/* Detalle Mezcal */
	article.mezcal {max-width:465px;margin:0 auto;text-align:left;margin-top:75px;padding-bottom:365px;position:relative;overflow: hidden;}
	article.mezcal:after{content:'';display:block;width:355px;height: 360px;background-image: url('./assets/maguey_chico.svg');background-size: contain;background-repeat: no-repeat;background-position: bottom center;position:absolute;bottom:-75px;left:50%;transform:translateX(-50%);opacity:.4;}
	article.mezcal p{text-align:left;}
	article.mezcal h1{font:var(--font-singlemezcal-name);margin:0;text-align: center;margin-bottom:15px;}
	article#bicuixe h1{color:var(--color-verde);}
	article#ensamble h1{color:var(--color-naranja);}
	article#tepeztate h1{color:var(--color-magenta);}
	article.mezcal h2{font:var(--font-text-medium);font-style: italic;text-transform:none;margin:0;margin-bottom:40px;}
	article.mezcal h3{text-align:left;font:var(--font-ourmezcales-title);margin:0;}
	article.mezcal h4{text-align:left;font:var(--font-singlemezcal-available);letter-spacing:2px;margin:0;margin-bottom:20px;}
	article.mezcal h5{text-align:left;font:var(--font-text-medium);font-weight:bold;margin:0;margin-top:50px;}
	article.mezcal .swiper-container{margin-bottom:120px;height:435px;}
	article.mezcal .swiper-slide{text-align: center;}
	article.mezcal h3.descripcion{margin-bottom:30px;}
	article.mezcal h3.descripcion + p{margin-bottom:65px;}
	article.mezcal h4 + p{margin-bottom:50px;}
	article.mezcal section.collapsible{margin:0;border-top:1px solid var(--color-gris);border-bottom:1px solid var(--color-gris);padding:35px 0;}
	article.mezcal section.collapsible{margin:0;border-top:1px solid var(--color-gris);border-bottom:1px solid var(--color-gris);padding:35px 0;}
	article.mezcal section.collapsible:last-of-type{margin:0;border-top:none;border-bottom:1px solid var(--color-gris);}
	article.mezcal section.collapsible h3{cursor:pointer;background-image:url('./assets/flecha_desplegable.svg');background-repeat: no-repeat;background-position-y:center;background-position-x: calc(100% - 30px);}
	article.mezcal section.collapsible .text{transition:all 0.4s ease-in-out;overflow:hidden;}
	article.mezcal section.collapsible.collapsed .text{max-height:0;padding:0;}
	article.mezcal section.collapsible.expanded .text{max-height:1000px;}
	article.mezcal section.collapsible.expanded.caracteristicas .text{padding-top:75px;padding-bottom:50px;}
	article.mezcal section.collapsible.expanded.ficha .text{padding-top:5px;padding-bottom:70px;}
	article.mezcal ul{list-style: none;padding:0;margin:0;}
	body.productos > .titulo {display:none;}
}