@font-face {
  font-family: Mallory;
  src: url(fonts/Mallory-Bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: Mallory;
  src: url(fonts/Mallory-Book.otf);
}

@font-face {
  font-family: Mallory;
  src: url(fonts/Mallory-Light.otf);
  font-weight: lighter;
}

@font-face {
  font-family: Remedia;
  src: url(fonts/AtlasGrotesk-Bold.otf);
}

.titulo_cate{
    color: #FF8800;
    font-family: Mallory;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
	 margin-left:16px;

}

.boton_mostrar_mas.menos::before{
	transform: rotate(180deg) translate(0,50%) !important;
}

.boton_arriba{
	position: fixed;
	display: none;
	bottom: 48px;
	right: 34px;
	height: 48px;
  width: 48px;
  border-radius: 8px;
}

.boton_arriba::after{
	display: block;
	content: url('img/subir.svg');
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.tipo_menu.light .boton_arriba{
  background-color: rgba(59,59,59,0.1);
}


.tipo_menu.light .boton_arriba::after{
	content: url('img/subir_light.svg');
	
}


button:focus {outline:0;}
.base{
  min-height: calc(100vh - 55px); /* Fallback for browsers that do not support Custom Properties */
  min-height: calc(var(--vh, 1vh) * 100 - 55px);
  width: 100%;
  background-color: #1B1B1B;
}
.fondo{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 172px;
	position: relative;
}
layer{
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.55;
}
.logo{
	width: 140px;
	height: 140px;
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translate(0,-50%);
	background-color: #fff;
	border-radius: 140px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.logo img{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.logo_encabezado{
	width: 62px;
	height: 62px;
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translate(0,-50%);
	background-color: #fff;
	border-radius: 62px;
}
.logo_encabezado img{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.selector_idioma{
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translate(0,-50%);

}
.dropdown-toggle::after {
	content: url(img/flecha_abajo.svg);
	border: none;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0,-50%);
}

.la_bandera{
	width: 24px;
	margin-right: 13px;
}

.boton-idioma{
	width: 120px;
	height: 50px;
	text-align: left;
	padding: 0 12px;
	margin: 0;
}

.dropdown-menu.idiomas-lista{
	background-color: transparent;
	margin: 0;
	text-align: right;
	border: none;
	padding: 5px 0;
	min-width: auto;
}
.boton-idioma.seleccionado{
	background-color: transparent;
	box-sizing: border-box;
	height: 50px;
	width: 120px;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
	font-family: Mallory;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 18px;
	color: #D9D9D9;
	box-shadow:none;

}

.boton-idioma{
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.05);
  color: #3B3B3B;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
}

.botones_categorias{
	padding: 0px 16px;
}

.botones_categorias ul{
	width: 100%;
}

.botones_categorias ul li{
	width: 100%;
	height: 74px;
}



.botones_categorias button::after{
	content: url(img/flecha_dorada.svg);
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(0,-50%);
}

.botones_categorias button{
	width: 100%;
	height: 74px;
	text-align: left;
	border: none;
	background-color: transparent;
	padding: 0;
	position: relative;
}

.encabezado_seccion{
	width: 100%;
	height: 82px;
	position: relative;
	transition: all 0.15s ease-in !important;

}

.boton_regresar{
	width: 100%;
	height: 44px;
	border: none;
	background-color: transparent;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  padding-left: 42px;
  z-index: 99;
}

.desliza-botones {
    overflow-x: scroll;
    white-space: nowrap;
}
.desliza-botones li,.desliza-botones ul {
	display: inline-block;
}

.desliza-botones::-webkit-scrollbar {
  display: none;
}

.base.chiquito .fondo{
	height: 0;
	visibility: hidden;
	transition: all 0.1s ease-in;

}
.base .fondo{
	transition: all 0.1s ease-in;
}
.boton_mostrar_mas{
	 text-decoration: none;
	 margin-bottom: 10px;
	 display: block;
	 position: relative;
	 padding-left: 24px ;
	 border: none;
	 background-color: transparent;
}

p.ingredientes{
	margin-bottom: 10px;
	transition: height 500ms;
	overflow: hidden;
	min-height: 0;
}

div.grupo::after{
	display: block;
	margin: 40px 16px 18px;
	content: "";
	height: 1px;
	width: calc(100% - 32px);
}

div.grupo:last-child::after{
	display: none;
}

.imagen_vegano{
	padding: 0 10px;
}


/* Hide scrollbar for IE, Edge and Firefox */
.desliza-botones {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.desliza-botones button {
  border: none;
  background-color: transparent;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding: 13px 16px;
}

.platillo{
	margin: 16px 16px 0 16px;
	padding: 13px 16px 16px;
	border-radius: 8px;
}

.titulo_seccion label{
	transition: all 0.15s ease-in !important;
}

.base.chiquito .titulo_seccion label{
	padding: 20px 16px !important;
	font-size: 18px !important;
	line-height: 25px !important;
		transition: all 0.3s ease-in !important;

}

.base.chiquito .encabezado_seccion{
	height: 0;
	visibility: hidden;
			transition: all 0.3s ease-in !important;

}




/* Estilos para el tema DARK*/
.tipo_menu.dark{
	background-color: #1B1B1B;
}

.tipo_menu.dark #footer{
	 color: #6D6D6D;
	  font-family: Mallory;
	  font-size: 10px;
	  font-weight: 300;
	  letter-spacing: 0;
	  line-height: 14px;
	  text-align: center;
	  padding: 20px 0;
	  background-color: #1B1B1B;

}

.tipo_menu.dark #footer .remedia_logo{
	 color: #fff;
	  font-family: Remedia;
	  font-size: 10px;
	  text-decoration: none;
}

.tipo_menu.dark .botones_categorias button{
	 color: #D9D9D9;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  border-bottom: 1px solid #3B3B3B;
}

.tipo_menu.dark .encabezado_seccion{
	background-color: #3B3B3B;
	z-index: 999;
}

.tipo_menu.dark .boton_regresar{
	 color: #D9D9D9;
	 border-bottom: 1px solid #3B3B3B;
	 background-color: #282828;
}

.tipo_menu.dark .boton_regresar::before{
	 display: inline-block;
	 position: absolute;
	 top: 55%;
	 left: 16px;
	 transform: translate(0,-50%);
	 content: url(img/regresar_dark.svg);
}

.tipo_menu.dark .titulo_seccion label{
	 color: #FFFFFF;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  width: 100%;
  padding: 30px 16px;
  background-color: #282828;
}

.tipo_menu.dark .desliza-botones {
  background-color: #282828;
  	border-bottom: 1px solid #3B3B3B;
}
.tipo_menu.dark .desliza-botones button {
  color: #959595;
}

.tipo_menu.dark .desliza-botones li.active{
  border-bottom:1px solid #CC9F54;
}

.tipo_menu.dark .desliza-botones li.active button{
  color: #CC9F54;
}

.tipo_menu.dark .platillo{
	background-color: #282828;
	width: auto !important;
}

.tipo_menu.dark .titulo_platillo{
  color: #D9D9D9;
  font-family: Mallory;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.tipo_menu.dark .ingredientes{
	color: #959595;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}

.tipo_menu.dark .precio{
	color: #D9D9D9;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
}

.tipo_menu.dark .boton_mostrar_mas{
	color: #CC9F54;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  width: 100%;
  text-align: left;
}

.tipo_menu.dark .boton_mostrar_mas::before{
	display: inline-block;
	content: url(img/flecha_mas_dorada.svg);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.tipo_menu.dark div.grupo::after{
	background-color: #3B3B3B;
}







/* Estilos para el tema LIGHT*/
.tipo_menu.light{
	background-color: #fff;
}

.tipo_menu.light #footer{
	 color: #6D6D6D;
	  font-family: Mallory;
	  font-size: 10px;
	  font-weight: 300;
	  letter-spacing: 0;
	  line-height: 14px;
	  text-align: center;
	  padding: 20px 0;
	  background-color: #F2F2F2;

}

.tipo_menu.light #footer.seleccion{
	  
}

.tipo_menu.light #footer .remedia_logo{
	 color: #000;
	  font-family: Remedia;
	  font-size: 10px;
	  text-decoration: none;
}

.tipo_menu.light .botones_categorias button{
	 color: #3B3B3B;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  border-bottom: 1px solid #E9E9E9;
}

.tipo_menu.light .encabezado_seccion{
	background-color: #F2F2F2;
	z-index: 999;
}

.tipo_menu.light .boton_regresar{
	 color: #3B3B3B;
	 border-bottom: 1px solid #E9E9E9;
	 background-color: #F9F9F9;
}

.tipo_menu.light .boton_regresar::before{
	 display: inline-block;
	 position: absolute;
	 top: 55%;
	 left: 16px;
	 transform: translate(0,-50%);
	 content: url(img/flecha_atras_light.svg);
}

.tipo_menu.light .titulo_seccion label{
	 color:#3B3B3B;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  width: 100%;
  padding: 30px 16px;
  background-color: #fff;
}

.tipo_menu.light .desliza-botones {
  background-color: #fff;
  border-bottom: 1px solid #E9E9E9;
}
.tipo_menu.light .desliza-botones button {
  color: #959595;
}

.tipo_menu.light .desliza-botones li.active{
  border-bottom:1px solid #FF8800;
}

.tipo_menu.light .desliza-botones li.active button{
  color: #FF8800;
}

.tipo_menu.light .platillo{
	background-color: #fff;
	width: auto !important;
}

.tipo_menu.light .base{
	background-color: #F2F2F2;
}

.tipo_menu.light #portada_inicial{
	background-color: #f2f2f2;
}


.tipo_menu.light .titulo_platillo{
  color: #3B3B3B;
  font-family: Mallory;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.tipo_menu.light .ingredientes{
	color: #959595;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}

.tipo_menu.light .precio{
	color: #3B3B3B;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
}

.tipo_menu.light .boton_mostrar_mas{
	color: #FF8800;
  font-family: Mallory;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  width: 100%;
  text-align: left;
}

.tipo_menu.light .boton_mostrar_mas::before{
	display: inline-block;
	content: url(img/flecha-abajo-naranja.svg);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.tipo_menu.light div.grupo::after{
	background-color: #D5D5D5;
}

.tipo_menu.light .idioma_light{
	  border: 1px solid #D9D9D9;
	  color: #3B3B3B;
}

.tipo_menu.light .dropdown-toggle.idioma_light::after {
    content: url(img/flecha_idioma_light.svg);
}

.tipo_menu.light #modal_uno .modal-content{
	border-radius: 8px;
	padding:12px 16px 0px;
	background-color: #F9F9F9;
	border: 0;
}

.tipo_menu.light #modal_uno .modal-content .modal-header,
.tipo_menu.light #modal_uno .modal-content .modal-body{
	padding: 0;
	border: 0;
}


.tipo_menu.light #modal_uno .modal-content .modal-body img{
	padding-top: 12px;
}

.tipo_menu.light #modal_uno .modal-content .modal-body h4{
	padding-top: 20px;
  color: #FF8800;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  margin: 0;
}

.tipo_menu.light #modal_uno .modal-content .modal-body h5{
	padding-top: 20px;
   color: #3B3B3B;
  font-family: Mallory;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0;
}

.tipo_menu.light #modal_uno .modal-content .modal-body p{
	padding-top: 10px;
	display: block;
  color: #3B3B3B;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}

.tipo_menu.light #modal_uno .modal-content .modal-body span{
	padding-top: 10px;
	display: block;
 	color: #A4A1A1;
  font-family: Mallory;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 14px;
  margin: 0;
}

.tipo_menu.light #modal_uno .modal-content .modal-body a{
	padding: 12px;
	display: block;
 	text-align: center;
 	width: 100%;
  margin: 0;
  color: #FF8800;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  height: 56px;
  border-top: 1px solid #E9E9E9;
  margin-top: 20px;
  position: relative;
   background-color: transparent;
}

.tipo_menu.light #modal_uno .modal-content .modal-body a::after{
	content: url(img/flecha-boton.svg);
	display: inline-block;
	padding-left:25px;
	transform: translate(0, 5px);
}







.tipo_menu.light #modal_dos .modal-content{
	border-radius: 8px;
	padding:12px 16px 0px;
	background-color: #F9F9F9;
	border: 0;
}

.tipo_menu.light #modal_dos .modal-content .modal-header,
.tipo_menu.light #modal_dos .modal-content .modal-body{
	padding: 0;
	border: 0;
}


.tipo_menu.light #modal_dos .modal-content .modal-body img{
	padding-top: 12px;
}

.tipo_menu.light #modal_dos .modal-content .modal-body h4{
	padding-top: 20px;
  color: #FF8800;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  margin: 0;
}

.tipo_menu.light #modal_dos .modal-content .modal-body p{
	padding-top: 10px;
	display: block;
  color: #3B3B3B;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}


.tipo_menu.light #modal_dos .modal-content .modal-body button{
	padding: 12px;
	display: block;
 	text-align: center;
 	width: 100%;
  margin: 0;
  color: #FF8800;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  height: 56px;
   border: none;
  border-top: 1px solid #E9E9E9;
  margin-top: 20px;
  position: relative;
  background-color: transparent;

}

.tipo_menu.light #modal_dos .modal-content .modal-body button:disabled{
	opacity: 0.3;
	 background-color: transparent;
}

.tipo_menu.light #modal_dos .modal-content .modal-body button::after{
	content: url(img/flecha-boton.svg);
	display: inline-block;
	padding-left:25px;
	transform: translate(0, 5px);
}

.tipo_menu.light #modal_dos .modal-content .modal-body input{
	margin-top: 20px;
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  line-height: 49px;
   color: #A4A1A1;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  background-color: transparent;
}


















.tipo_menu.dark #modal_uno .modal-content{
	border-radius: 8px;
	padding:12px 16px 0px;
	background-color: #282828;
	border: 0;
}

.tipo_menu.dark #modal_uno .modal-content .modal-header,
.tipo_menu.dark #modal_uno .modal-content .modal-body{
	padding: 0;
	border: 0;
}


.tipo_menu.dark #modal_uno .modal-content .modal-body img{
	padding-top: 12px;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body h4{
	padding-top: 20px;
  color: #CC9F54;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  margin: 0;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body h5{
	padding-top: 20px;
   color: #D9D9D9;
  font-family: Mallory;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body p{
	padding-top: 10px;
	display: block;
  color: #D9D9D9;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body span{
	padding-top: 10px;
	display: block;
 	color: #A4A1A1;
  font-family: Mallory;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 14px;
  margin: 0;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body a{
	padding: 12px;
	display: block;
 	text-align: center;
 	width: 100%;
  margin: 0;
  color: #CC9F54;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  height: 56px;
  border-top: 1px solid #3B3B3B;
  margin-top: 20px;
  position: relative;
   background-color: transparent;
}

.tipo_menu.dark #modal_uno .modal-content .modal-body a::after{
	content: url(img/flecha-boton-dorada.svg);
	display: inline-block;
	padding-left:25px;
	transform: translate(0, 5px);
}







.tipo_menu.dark #modal_dos .modal-content{
	border-radius: 8px;
	padding:12px 16px 0px;
	background-color: #282828;
	border: 0;
}

.tipo_menu.dark #modal_dos .modal-content .modal-header,
.tipo_menu.dark #modal_dos .modal-content .modal-body{
	padding: 0;
	border: 0;
}


.tipo_menu.dark #modal_dos .modal-content .modal-body img{
	padding-top: 12px;
}

.tipo_menu.dark #modal_dos .modal-content .modal-body h4{
	padding-top: 20px;
  color: #CC9F54;
  font-family: Mallory;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  margin: 0;
}

.tipo_menu.dark #modal_dos .modal-content .modal-body p{
	padding-top: 10px;
	display: block;
  color: #D9D9D9;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}


.tipo_menu.dark #modal_dos .modal-content .modal-body button{
	padding: 12px;
	display: block;
 	text-align: center;
 	width: 100%;
  margin: 0;
  color: #CC9F54;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  height: 56px;
   border: none;
  border-top:0;
  margin-top: 20px;
  position: relative;
  background-color: transparent;

}

.tipo_menu.dark #modal_dos .modal-content .modal-body button:disabled{
	opacity: 0.3;
	 background-color: transparent;
}

.tipo_menu.dark #modal_dos .modal-content .modal-body button::after{
	content: url(img/flecha-boton-dorada.svg);
	display: inline-block;
	padding-left:25px;
	transform: translate(0, 5px);
}

.tipo_menu.dark #modal_dos .modal-content .modal-body input{
	margin-top: 20px;
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  line-height: 49px;
   color: #A4A1A1;
  font-family: Mallory;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  background-color: transparent;
}


input:focus{
	border: none;
	outline: none;
}


.tipo_menu.dark .cerra_modal_light{
	display: none;
}

.tipo_menu.light .cerra_modal_dark{
	display: none;
}

.fondo_modal {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 200px;
	position: relative;
	margin-top: 12px;
}


@media only screen and (max-width: 500px) {
  .p-0-movil {
		padding: 0 !important;
	}
	.m-0-movil{
		margin: 0 !important;
	}
}