/* pantalla laptop y escritorio */


@media screen and (max-width:1199.98px) { 

/* main */
div.cpu {
	display: flex;
}

div.movil {
	display: none;
}



} /* llave cierre de media 1200px */



/* pantalla laptop */

@media screen and (max-width:991.98px) {
	

/* main */


div.cpu {
	display: flex;
}

div.movil {
	display: none;
}


} /* llave cierre de media 992px */




/* tablet */
@media screen and (max-width:767.98px) {
	
/* menú superior */

.menu-superior {
	position: -webkit-sticky;
  position: sticky;
  top: 0;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}


h1 {
	font-size: 1.1em;
}

.postres {
	font-size: 2.5em;
	margin-top: 65px;
}

/* main */

#logo_portada {
	margin: 20px auto;
	width: auto ;
	height: 35% ;
}


.texto {
	font-size: 1.2em;	
}

.contenido {
	width: 100%;
	height: 100%;
	margin: -400px 0px 0 0px;
	
}

.seleccion {
	display: block;
	width: 100%;
}

.t-categoria {
	width: 100%;
	height: 100%;
	margin: auto;
	margin-bottom: 20px;
}

.t-categoria:hover {
	transform: none;
}

.link {
	bottom: 3px;
	margin: auto;
	border-radius: 0 0 10px 10px;
}

h2 {
	font-size: 1.7em;
}

.migas, .h-ubicacion, footer .cpu {
	display: none;
}




 
/* SECCIÓN DE CATEGORÍAS */


.rulas_menu {
	display: block;
	margin: 0;
}

header nav {
	display: none;
}

.h-ubicacion {
	padding: 10px 20px;
	font-size: 1.2em;
	color: #f5f5f6;
	height: 70px;
	position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.h-ubicacion a {
	text-decoration: none;
	color: #f5f5f6;
	border: solid 1px #f5f5f6;
	padding: 12px 10px;
	border-radius: 8px;
}

#total {
	padding: 12px 10px;
}

.menu_alimentos {
	margin: 15px 0 0 0;
	width: 100%;
	height: 100%;
	padding-top: 5px;
}

.espacio {
	width: 100%;
	height: 100px;
	display: block;
}

.espacio-padding {
	width: 100%;
	height: 40px;
	display: block;
}

legend {
	width: 60%;
}


.resumen_pedido {
	margin: 40px 0 0 0;
	z-index: 0;
	/*position: relative;*/
	width: 100%;
	height: 100%;
	display: none;
}

.lista_producto {
	margin: 15px 0;
	padding: 0 5px 15px 5px;
}

.nombre_producto {
	margin-right: 10px;
	
}

.detalle_descripcion {
	width: 50%;
}

.detalle_img  {
	width: 50%;
	height: auto;
}

.detalle_img img {
	width: 80%;
}

.cantidad_producto {
	margin: 10px 0;
	display: none;	
}


/* BOTONES */

/* agregar producto */

.addToCard {
	
	margin: 20px auto;
	margin-bottom: 0;
	padding: 10px 16px;
	margin-right: 0px;
	width: 100%;
	background: #e8c19e;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1em;
}

/* boton WhasApp */

#logo_whasapp {
	display: none;
}

.enviar-whatsapp {
	margin-bottom: 0;
	width: 100%;
	background: rgb(37, 211, 102);
	border: solid 6px rgba(255, 255, 255, 0.8);
	cursor: pointer;
	display: block;
	position: fixed;
	bottom: 11%;
	z-index: 99;
	box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2);
	
}

.enviar-whatsapp a {
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.enviar-whatsapp p {
	margin: 10px auto;
}

#myBtn {
	bottom: 160px;
	right: 20px;
	
}

.movil_menu {
	display: flex;
	justify-content: space-around;
	height: 11%;
	background-color: #743414;
	width: 100%;
  position: fixed;
  bottom: 0;
	align-items: center;
}

.texto-menu {
	margin: 5px auto;
	width: 100%;
}

.movil_menu img {
	margin: 5px 0;
	width: 50%;
	height: auto;
	
}

.btn_active {
	margin: 2px 0;
	background: #fff4cf;
	width: 100%;
	height: auto;
	box-shadow: inset 0 0 3px;
}

h5 {
	margin: 0 auto;
	color: #a75f3c;
}

.menu_active {
	color: #743414;
}

/* footer */

.derechos {
	display: block;
	padding: 5px 0;
	text-align: center;
}

.derechos-1 {
	display: none;
}






} /* llave cierre de media 768px */





/* celular */

@media screen and (max-width:575.98px) {
	
/* menú superior */

.menu-superior {
	position: -webkit-sticky;
  position: sticky;
  top: 0;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}


h1 {
	font-size: 1.1em;
}

.postres {
	font-size: 2.5em;
	margin-top: 65px;
}

/* main */

#logo_portada {
	margin: 15px auto;
	width: auto;
	height: 35%;
}


.texto {
	font-size: 1.2em;	
}

.contenido {
	width: 100%;
	height: 100%;
	margin: -400px 0px 0 0px;
	
}

.seleccion {
	display: block;
	width: 100%;
}

.t-categoria {
	width: 100%;
	height: 100%;
	margin: auto;
	margin-bottom: 20px;
}

.t-categoria:hover {
	transform: none;
}

.link {
	bottom: 3px;
	margin: auto;
	border-radius: 0 0 10px 10px;
}

h2 {
	font-size: 1.7em;
}

.migas, .h-ubicacion, footer .cpu {
	display: none;
}




 
/* SECCIÓN DE CATEGORÍAS */


.rulas_menu {
	display: block;
	margin: 0;
}

header nav {
	display: none;
}

.h-ubicacion {
	padding: 10px 20px;
	font-size: 1.2em;
	color: #f5f5f6;
	height: 70px;
	position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.h-ubicacion a {
	text-decoration: none;
	color: #f5f5f6;
	border: solid 1px #f5f5f6;
	padding: 12px 10px;
	border-radius: 8px;
}

#total {
	padding: 12px 10px;
}

.menu_alimentos {
	margin: 15px 0 0 0;
	width: 100%;
	height: 100%;
	padding-top: 5px;
}

.espacio {
	width: 100%;
	height: 100px;
	display: block;
}

.espacio-padding {
	width: 100%;
	height: 40px;
	display: block;
}

legend {
	width: 60%;
}


.resumen_pedido {
	margin: 40px 0 0 0;
	z-index: 0;
	/*position: relative;*/
	width: 100%;
	height: 100%;
	display: none;
}

.lista_producto {
	margin: 15px 0;
	padding: 0 5px 15px 5px;
}

.nombre_producto {
	margin-right: 10px;
	
}

.detalle_descripcion {
	width: 50%;
}

.detalle_img  {
	width: 50%;
	height: auto;
}

.detalle_img img {
	width: 80%;
}

.cantidad_producto {
	margin: 10px 0;
	display: none;	
}


/* BOTONES */

/* agregar producto */

.addToCard {
	
	margin: 20px auto;
	margin-bottom: 0;
	padding: 10px 16px;
	margin-right: 0px;
	width: 100%;
	background: #e8c19e;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1em;
}

/* boton WhasApp */

#logo_whasapp {
	display: none;
}

.enviar-whatsapp {
	margin-bottom: 0;
	width: 100%;
	background: rgb(37, 211, 102);
	border: solid 6px rgba(255, 255, 255, 0.8);
	cursor: pointer;
	display: block;
	position: fixed;
	bottom: 11%;
	z-index: 99;
	box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2);
	
}

.enviar-whatsapp a {
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.enviar-whatsapp p {
	margin: 10px auto;
}

#myBtn {
	bottom: 160px;
	right: 20px;
	
}

.movil_menu {
	display: flex;
	justify-content: space-around;
	height: 11%;
	background-color: #743414;
	width: 100%;
  position: fixed;
  bottom: 0;
	align-items: center;
}

.texto-menu {
	margin: 5px auto;
	width: 100%;
}

.movil_menu img {
	margin: 5px 0;
	width: 50%;
	height: auto;
	
}

.btn_active {
	margin: 2px 0;
	background: #fff4cf;
	width: 100%;
	height: auto;
	box-shadow: inset 0 0 3px;
}

h5 {
	margin: 0 auto;
	color: #a75f3c;
}

.menu_active {
	color: #743414;
}

/* footer */

.derechos {
	display: block;
	padding: 5px 0;
	text-align: center;
}

.derechos-1 {
	display: none;
}




} /* llave cierre de media 480px */