@charset "utf-8";
/* CSS Document  font-family: 'Rubik', sans-serif; */

@font-face {
 font-family: "LEMONMILK-Medium";
 src: url("LEMONMILK-Medium.otf");
}
html{  scroll-behavior: smooth;  }

body{ font-family: "Nunito Sans", sans-serif; padding: 0px;	margin: 0px; color:#232323; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:1050px;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#hea{position: -webkit-sticky;  position: sticky;  top: 0px;  z-index: 1000;  width: 100%;  height: 90px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-top:37PX; margin-left:15px }	
#logo img{width:100%}
#logo:hover{transform: scale(1.1);}

#redes{float:right; width:110px; margin-top:20px}

.icono-menu1{  max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#reds{float:right; width:100px; margin-top:36px;}
#reds img {width:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed; background-size:70%; background-attachment:fixed; }


a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:40px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: "Nunito Sans", sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

#separador1{width:100%; height:70px}
#separador2{width:100%; height:40px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #93d500; 	}

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:30px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:50px; line-height:1.3; font-weight:800; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:25px; line-height:1.3; font-weight:900; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:70px; line-height:1.5; font-weight:900; padding:5px; text-align:center; }
#txt1{font-size:24px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:60%; margin-left:20%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.2; font-weight:700; padding:20px; text-align:center;     margin-bottom: 10px;}


#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:80%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:60%;  margin: 0px auto 0px;	overflow:hidden; background:url(../img/about/Back_Gris.webp)  no-repeat; background-size:100%;  padding:3%; }
#cuadro-gris-1{width:25%; float:left; margin-top:3%}
#cuadro-gris-2{width:73%; float:right; margin-top:3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:14.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:45%; float:left}
#ab2{width:45%; float:right}

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:34%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900; height:115px;  vertical-align: middle; }
#loc2{width:33%; float:left; text-align:center;  vertical-align: middle; }
#loc3{width:33%; float:left; text-align:right; font-size:20px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; }

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:14%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:16%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:100%; margin: 0px auto 0px;	overflow:hidden;}

#plati-1{width:200px; float:left; padding:0.4%;}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 290px;  height: 430.05px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:20%; float:left;}
#compa-2{width:70%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}
#compa-111{width:45%; float:left;}
#compa-222{width:45%; float:right;}

@keyframes img-ab1 {
0% {  opacity: 0; transform: translatex(0); transform-style: preserve-3d;}
100% { opacity: 1; transform: translatex(-20%); transform-style: preserve-3d;}
}
.ab1{animation: img-ab1 2s; animation-iteration-count: 3;  animation-direction: alternate; }

@keyframes img-ab2 {
0% {  opacity: 0; transform: translatex(0); transform-style: preserve-3d;}
100% { opacity: 1; transform: translatex(20%); transform-style: preserve-3d;}
}
.ab2{animation: img-ab2 8s ;  animation-iteration-count: 3; animation-direction: alternate; position:absolute; left:-11%;}

@keyframes img-ab3 {
0% { opacity: 0; transform: translate3d(0px, 0px, 0px);transform-style: preserve-3d;}
100% {opacity: 1; transform: translate3d(-40px, 40px, 0px);  transform-style: preserve-3d;}
}
.ab3{animation: img-ab3 16s ;  animation-iteration-count: 3; animation-direction: alternate; position:absolute; left:-11%;}


#conta1{width:45%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; }

#buu{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:30px; color:#FFF; border:2px solid #FFF; width:130px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f11{ width:100%; text-align:center; font-size:16px; color:#000; font-weight:600;  line-height:1.5; padding:7px 0}
#f22{ width:100%; text-align:center;  font-size:16px; color:#fff; font-weight:500;  line-height:1.5; padding:7px 0}

#cont1{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: "Nunito Sans", sans-serif;  }


.gb-element-1c725a1e {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: -100px;
  max-width: 600px;
  width: 100%;
}

.gb-element-98409a81 {
  align-items: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 250px;
  margin-top: 60px;
  width: 100%;
}

.gb-element-596fc5ae {
	  align-items: center;
  max-width: 638px;
  padding-bottom: 70px;
  padding-top: 70px;
  width: 100%;
  margin: 0px auto 0px;	overflow:hidden;
}




/* Zoom-n-rotate Container */
.img-olla img {  width:18%;  margin-left:5%;  border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-olla:hover img {  transform: scale(1.5) rotate(10deg);}


@keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-o-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

.img-tamal {  width:22%; border:0px solid #C00;  float:left;}
.img-tamal:hover {
  animation-duration: 1.5s;
  animation-name: img-tamal;
  animation-iteration-count: 3;
  animation-direction: alternate; }

@keyframes img-mapa {
0% { transform: translate(0,0);}
100% {transform: translate(-30%,0);}
}

.img-mapa {  width:55%;  float:left; text-align:right}
.img-mapa img{ width:60%; }
.img-mapa:hover { animation: img-mapa 5s infinite;  animation-direction: alternate; }

@keyframes img-about2 {
0% { transform: skew(5deg, 5deg);}
100% {transform: skew(-5deg, -5deg);}
}

@keyframes img-about {
0% { transform: rotateY(0deg);}
100% {transform: rotateY(20deg);}
}

.img-about {  width:55%;  float:left; text-align:left; margin-top:-5%; }
.img-about img{ width:65%; }
.img-about:hover{ animation: img-about 2s infinite;  animation-direction: alternate; }

.img-guacamole {  width:40%; border:0px solid #C00;  float:left; text-align:right; }
.img-guacamole img{  width:50%; }
.img-guacamole:hover {  animation: img-tamal 1.5s infinite;  animation-direction: alternate; }
  
/* Zoom-n-rotate Container */
.img-taco img {  width:22%;  margin-left:-95%; margin-top:25%;    border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-taco:hover img {  transform: scale(0.8) rotate(10deg); animation:infinite; preserve-3d;}

 
@keyframes img-menu1 {
0% { transform: translate(0,0);preserve-3d;}
100% {transform: translate(0,-20%);preserve-3d;}
}

.img-menu1 {  width:20%;  float:left; text-align:left; margin-top:20%; margin-left:-61%; }
.img-menu1 img{ width:100%; }
.img-menu1:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

.img-menu2 {  width:17%;  float:left; text-align:left; margin-top:25%; margin-left:-51%; }
.img-menu2 img{ width:100%; }
.img-menu2:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

@keyframes img-burrito {
0% {transform: translate(0, 0); preserve-3d;}
100% {  transform: translate(35px, 50px);preserve-3d;}
}
.img-burrito {  width:30%; border:0px solid #C00; margin-top:5%;  float:right; text-align:center}
.img-burrito img{  width:55%; }
.img-burrito:hover {  animation: img-burrito 1.5s infinite;  animation-direction: alternate; }

  
@keyframes img-zarzamora {
0%{transform: rotatez(0deg);preserve-3d;}
50%{transform: rotateY(30deg);preserve-3d;}
100% {transform: rotateY(-60deg);preserve-3d; }
}
.img-zarzamora {  width:50%; border:0px solid #C00; margin-top:26%;  float:left; }
.img-zarzamora img{  width:70%; }
.img-zarzamora:hover  { animation: img-zarzamora 5s infinite; animation-direction: alternate; }
  

@keyframes img-cochito {
0%{transform: rotatez(0deg);preserve-3d;}
0%{transform: rotatez(-90deg);preserve-3d;}
100% {transform: rotatez(90deg);preserve-3d; }
}
.img-cochito {  width:20%; border:0px solid #C00; margin-top:11%;  float:right; margin-right:11%; text-align:center}
.img-cochito img{  width:100%; }
.img-cochito:hover { animation: img-cochito 2s infinite; animation-direction: alternate; }
  
  
  
  
  
  

/* a partir de aqui el CSS de las animaciones */

@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}
.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 1s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}




@media screen and (min-width: 1050px) and (max-width: 1199px) {
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{position: -webkit-sticky;  position: revert;  top: 0px;  z-index: 1000;  width: 100%;  height: 95px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}

p, #binetas{font-size:19px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed; background-size:70%; background-attachment:fixed; }

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:25px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:40px; line-height:1.3; font-weight:900; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:22px; line-height:1.3; font-weight:700; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:50px; line-height:1.5; font-weight:900; padding:5px; text-align:center; }
#txt1{font-size:21px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:60%; margin-left:20%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.2; font-weight:700; padding:20px; text-align:center; }

#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:80%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:80%;  margin: 0px auto 0px;	overflow:hidden; background:url(../img/about/Back_Gris.webp)  no-repeat; background-size:100%;  padding:3%; }
#cuadro-gris-1{width:25%; float:left; margin-top:3%}
#cuadro-gris-2{width:73%; float:right; margin-top:3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:14.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:45%; float:left}
#ab2{width:45%; float:right}

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:34%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.3; font-weight:800; height:115px;  vertical-align: middle; }
#loc2{width:33%; float:left; text-align:center;  vertical-align: middle; }
#loc3{width:33%; float:left; text-align:right; font-size:20px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; }

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:14%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:16%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:100%; margin: 0px auto 0px;	overflow:hidden;}

#plati-1{width:195px; float:left; padding:0.4%;}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 230px;  height: 339px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:20%; float:left;}
#compa-2{width:70%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}
}

@media screen and (min-width: 800px) and (max-width: 1049px) {
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{position: -webkit-sticky;  position: revert;  top: 0px;  z-index: 1000;  width: 100%;  height: 110px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}


#logo{float:left; width:230px; border: 0px solid #f60;  margin-top:45PX; margin-left:12px;  margin-bottom:3px}	
#logo img{width:100%}
#logo:hover{transform: scale(1.1);}

#redes{float:right; width:110px; margin-top:20px}

.icono-menu1{  max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#reds{float:right; width:100px; margin-top:46px;}
#reds img {width:20px}

p, #binetas{font-size:18px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed; background-size:70%; background-attachment:fixed; }

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:25px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:35px; line-height:1.3; font-weight:900; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:20px; line-height:1.3; font-weight:700; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:40px; line-height:1.5; font-weight:900; padding:5px; text-align:center; margin-top:5PX }
#txt1{font-size:19px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:60%; margin-left:20%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.2; font-weight:700; padding:20px; text-align:center; }

#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:100%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:93%;  margin: 0px auto 0px;	overflow:hidden; background:url(../img/about/Back_Gris.webp)  no-repeat; background-size:100%;  padding:3%; }
#cuadro-gris-1{width:25%; float:left; margin-top:3%}
#cuadro-gris-2{width:73%; float:right; margin-top:1.3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:14.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:45%; float:left}
#ab2{width:45%; float:right}

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:34%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:21px; line-height:1.3; font-weight:800; height:115px;  vertical-align: middle; }
#loc2{width:30%; float:left; text-align:center;  vertical-align: middle; }
#loc3{width:35%; float:left; text-align:right; font-size:18px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; }

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:14%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:16%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:100%; margin: 0px auto 0px;	overflow:hidden;}

#plati-1{width:187px; float:left; padding:0.4%;}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 230px;  height: 339px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:20%; float:left;}
#compa-2{width:70%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}

#separador1{width:100%; height:40px}
#separador2{width:100%; height:40px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:100px}

.gb-element-1c725a1e {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: -100px;
  max-width: 600px;
  width: 100%;
}

.gb-element-98409a81 {
  align-items: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 250px;
  margin-top: 60px;
  width: 100%;
}

.gb-element-596fc5ae {
	  align-items: center;
  max-width: 500px;
  padding-bottom: 70px;
  padding-top: 70px;
  width: 100%;
  margin: 0px auto 0px;	overflow:hidden;
}

}



@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{position: -webkit-sticky;  position: revert;  top: 0px;  z-index: 1000;  width: 100%;  height: 110px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}


#logo{float:left; width:230px; border: 0px solid #f60;  margin-top:45PX; margin-left:12px;  margin-bottom:3px}	
#logo img{width:100%}
#logo:hover{transform: scale(1.1);}

#redes{float:right; width:110px; margin-top:20px}

.icono-menu1{  max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#reds{float:right; width:100px; margin-top:46px;}
#reds img {width:20px}

p, #binetas{font-size:18px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed; background-size:70%; background-attachment:fixed; }

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:22px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.3; font-weight:900; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:18px; line-height:1.3; font-weight:700; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:40px; line-height:1.5; font-weight:900; padding:5px; text-align:center; margin-top:5PX }
#txt1{font-size:19px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:75%; margin-left:12.5%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.2; font-weight:700; padding:20px; text-align:center; }

#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:100%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:93%;  margin: 0px auto 0px;	overflow:hidden; background:url(../img/about/Back_Gris.webp)  no-repeat; background-size:250%; background-position:-100PX;  padding:5%; }
#cuadro-gris-1{width:40%; float:left; margin-top:3%; margin-left:30%}
#cuadro-gris-2{width:100%; float:right; margin-top:1.3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:30.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:45%; float:left}
#ab2{width:55%; float:right}
#ab2 img{width:100%; }

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:34%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:21px; line-height:1.3; font-weight:800; height:115px;  vertical-align: middle; }
#loc2{width:30%; float:left; text-align:center;  vertical-align: middle; }
#loc3{width:35%; float:left; text-align:right; font-size:18px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; }

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:3%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:21%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:140%; margin: 0px auto 0px;	overflow:hidden; margin-left:-20%}
#m55{ width:70%; margin: 0px auto 0px;	overflow:hidden; margin-top:-10px; border:0px solid #F03}

#plati-1{width:184px; float:left; padding:0.4%; ma}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 230px;  height: 339px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:20%; float:left;}
#compa-2{width:70%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}

#compa-111{width:60%; margin-left:20%; float:left;}
#compa-222{width:100%; float:right;}

#separador1{width:100%; height:30px}
#separador2{width:100%; height:30px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:75px}

.gb-element-1c725a1e {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: -100px;
  max-width: 600px;
  width: 100%;
}

.gb-element-98409a81 {
  align-items: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 250px;
  margin-top: 60px;
  width: 100%;
}

.gb-element-596fc5ae {
	  align-items: center;
  max-width: 400px;
  padding-bottom: 70px;
  padding-top: 70px;
  width: 100%;
  margin: 0px auto 0px;	overflow:hidden;
}

/* Zoom-n-rotate Container */
.img-olla img {  width:22%;  margin-left:2%;  border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-olla:hover img {  transform: scale(1.25) rotate(10deg);}


@keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-o-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

.img-tamal {  width:30%; border:0px solid #C00;  float:left; margin-top:-5%}
.img-tamal:hover {
  animation-duration: 1.5s;
  animation-name: img-tamal;
  animation-iteration-count: 3;
  animation-direction: alternate; }

@keyframes img-mapa {
0% { transform: translate(0,0);}
100% {transform: translate(-30%,0);}
}

.img-mapa {  width:46%;  float:left; text-align:right}
.img-mapa img{ width:85%; }
.img-mapa:hover { animation: img-mapa 5s infinite;  animation-direction: alternate; }

@keyframes img-about2 {
0% { transform: skew(5deg, 5deg);}
100% {transform: skew(-5deg, -5deg);}
}

@keyframes img-about {
0% { transform: rotateY(0deg);}
100% {transform: rotateY(20deg);}
}

.img-about {  width:55%;  float:left; text-align:left; margin-top:-5%; }
.img-about img{ width:80%; }
.img-about:hover{ animation: img-about 2s infinite;  animation-direction: alternate; }

.img-guacamole {  width:40%; border:0px solid #C00;  float:left; text-align:right; }
.img-guacamole img{  width:70%; }
.img-guacamole:hover {  animation: img-tamal 1.5s infinite;  animation-direction: alternate; }
  
/* Zoom-n-rotate Container */
.img-taco img {  width:30%;  margin-left:-95%; margin-top:35%;    border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-taco:hover img {  transform: scale(0.8) rotate(10deg); animation:infinite; preserve-3d;}

 
@keyframes img-menu1 {
0% { transform: translate(0,0);preserve-3d;}
100% {transform: translate(0,-20%);preserve-3d;}
}

.img-menu1 {  width:25%;  float:left; text-align:left; margin-top:30%; margin-left:-61%; }
.img-menu1 img{ width:100%; }
.img-menu1:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

.img-menu2 {  width:22%;  float:left; text-align:left; margin-top:35%; margin-left:-51%; }
.img-menu2 img{ width:100%; }
.img-menu2:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

@keyframes img-burrito {
0% {transform: translate(0, 0); preserve-3d;}
100% {  transform: translate(35px, 50px);preserve-3d;}
}
.img-burrito {  width:30%; border:0px solid #C00; margin-top:12%;  float:right; text-align:center}
.img-burrito img{  width:80%; }
.img-burrito:hover {  animation: img-burrito 1.5s infinite;  animation-direction: alternate; }

  
@keyframes img-zarzamora {
0%{transform: rotatez(0deg);preserve-3d;}
50%{transform: rotateY(30deg);preserve-3d;}
100% {transform: rotateY(-60deg);preserve-3d; }
}
.img-zarzamora {  width:50%; border:0px solid #C00; margin-top:46%;  float:left; }
.img-zarzamora img{  width:100%; }
.img-zarzamora:hover  { animation: img-zarzamora 5s infinite; animation-direction: alternate; }
  

@keyframes img-cochito {
0%{transform: rotatez(0deg);preserve-3d;}
0%{transform: rotatez(-90deg);preserve-3d;}
100% {transform: rotatez(90deg);preserve-3d; }
}
.img-cochito {  width:35%; border:0px solid #C00; margin-top:14%;  float:right; margin-right:4%; text-align:center}
.img-cochito img{  width:80%; }
.img-cochito:hover { animation: img-cochito 2s infinite; animation-direction: alternate; }
  
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{position: -webkit-sticky;  position: revert;  top: 0px;  z-index: 1000;  width: 100%;  height: 110px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}


#logo{float:left; width:230px; border: 0px solid #f60;  margin-top:45PX; margin-left:12px;  margin-bottom:3px}	
#logo img{width:100%}
#logo:hover{transform: scale(1.1);}

#redes{float:right; width:110px; margin-top:20px}

.icono-menu1{  max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#reds{float:right; width:100px; margin-top:46px;}
#reds img {width:20px}

p, #binetas{font-size:17px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed no-repeat; background-size:100%; background-attachment:fixed; }

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:22px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.3; font-weight:900; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:18px; line-height:1.3; font-weight:700; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:30px; line-height:1.5; font-weight:900; padding:5px; text-align:center; margin-top:10PX }
#txt1{font-size:18px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:75%; margin-left:12.5%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:20px; line-height:1.2; font-weight:700; padding:20px; text-align:center; }

#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:100%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:93%;  margin: 0px auto 0px;	overflow:hidden; background:url(../img/about/Back_Gris.webp)  no-repeat; background-size:250%; background-position:-100PX;  padding:5%; }
#cuadro-gris-1{width:40%; float:left; margin-top:3%; margin-left:30%}
#cuadro-gris-2{width:100%; float:right; margin-top:1.3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:30.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:100%; float:left}
#ab2{width:100%; float:right}
#ab2 img{width:100%; }

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:100%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:21px; line-height:1.3; font-weight:800; height:auto;  vertical-align: middle;  text-align:center; margin-bottom:10px}
#loc2{width:30%; float:left; text-align:center;  vertical-align: middle; margin-top:10px; margin-bottom:15px}
#loc3{width:70%; float:left; text-align:right; font-size:18px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; margin-top:10px}

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:3%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:21%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:170%; margin: 0px auto 0px;	overflow:hidden; margin-left:-35%}
#m55{ width:58%; margin: 0px auto 0px;	overflow:hidden; margin-top:-10px; border:0px solid #F03}

#plati-1{width:147px; float:left; padding:0.4%; ma}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 216px;  height: 319px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:35%; float:left; margin-left:32.5%; margin-bottom:20px}
#compa-2{width:100%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}

#compa-111{width:60%; margin-left:20%; float:left;}
#compa-222{width:100%; float:right;}

#separador1{width:100%; height:30px}
#separador2{width:100%; height:30px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:75px}

.gb-element-1c725a1e {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: -100px;
  max-width: 600px;
  width: 100%;
}

.gb-element-98409a81 {
  align-items: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 250px;
  margin-top: 60px;
  width: 100%;
}

.gb-element-596fc5ae {
	  align-items: center;
  max-width: 300px;
  padding-bottom: 00px;
  padding-top: 20px;
  width: 100%;
  margin: 0px auto 0px;	overflow:hidden;
}

/* Zoom-n-rotate Container */
.img-olla img {  width:22%;  margin-left:2%;  border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-olla:hover img {  transform: scale(1.25) rotate(10deg);}


@keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-o-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

.img-tamal {  width:30%; border:0px solid #C00;  float:left; margin-top:-5%}
.img-tamal:hover {
  animation-duration: 1.5s;
  animation-name: img-tamal;
  animation-iteration-count: 3;
  animation-direction: alternate; }

@keyframes img-mapa {
0% { transform: translate(0,0);}
100% {transform: translate(-30%,0);}
}

.img-mapa {  width:46%;  float:left; text-align:right}
.img-mapa img{ width:85%; }
.img-mapa:hover { animation: img-mapa 5s infinite;  animation-direction: alternate; }

@keyframes img-about2 {
0% { transform: skew(5deg, 5deg);}
100% {transform: skew(-5deg, -5deg);}
}

@keyframes img-about {
0% { transform: rotateY(0deg);}
100% {transform: rotateY(20deg);}
}

.img-about {  width:55%;  float:left; text-align:left; margin-top:-5%; }
.img-about img{ width:80%; }
.img-about:hover{ animation: img-about 2s infinite;  animation-direction: alternate; }

.img-guacamole {  width:40%; border:0px solid #C00;  float:left; text-align:right; }
.img-guacamole img{  width:70%; }
.img-guacamole:hover {  animation: img-tamal 1.5s infinite;  animation-direction: alternate; }
  
/* Zoom-n-rotate Container */
.img-taco img {  width:30%;  margin-left:-95%; margin-top:35%;    border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-taco:hover img {  transform: scale(0.8) rotate(10deg); animation:infinite; preserve-3d;}

 
@keyframes img-menu1 {
0% { transform: translate(0,0);preserve-3d;}
100% {transform: translate(0,-20%);preserve-3d;}
}

.img-menu1 {  width:25%;  float:left; text-align:left; margin-top:30%; margin-left:-61%; }
.img-menu1 img{ width:100%; }
.img-menu1:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

.img-menu2 {  width:22%;  float:left; text-align:left; margin-top:35%; margin-left:-51%; }
.img-menu2 img{ width:100%; }
.img-menu2:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

@keyframes img-burrito {
0% {transform: translate(0, 0); preserve-3d;}
100% {  transform: translate(35px, 50px);preserve-3d;}
}
.img-burrito {  width:30%; border:0px solid #C00; margin-top:12%;  float:right; text-align:center}
.img-burrito img{  width:80%; }
.img-burrito:hover {  animation: img-burrito 1.5s infinite;  animation-direction: alternate; }

  
@keyframes img-zarzamora {
0%{transform: rotatez(0deg);preserve-3d;}
50%{transform: rotateY(30deg);preserve-3d;}
100% {transform: rotateY(-60deg);preserve-3d; }
}
.img-zarzamora {  width:50%; border:0px solid #C00; margin-top:46%;  float:left; }
.img-zarzamora img{  width:100%; }
.img-zarzamora:hover  { animation: img-zarzamora 5s infinite; animation-direction: alternate; }
  

@keyframes img-cochito {
0%{transform: rotatez(0deg);preserve-3d;}
0%{transform: rotatez(-90deg);preserve-3d;}
100% {transform: rotatez(90deg);preserve-3d; }
}
.img-cochito {  width:35%; border:0px solid #C00; margin-top:14%;  float:right; margin-right:4%; text-align:center}
.img-cochito img{  width:80%; }
.img-cochito:hover { animation: img-cochito 2s infinite; animation-direction: alternate; }
 
}

@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-16px }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{position: -webkit-sticky;  position: revert;  top: 0px;  z-index: 1000;  width: 100%;  height: 110px;  margin-top: 0px;  padding-bottom: 0px;  background-color: transparent;
  background-image: url(../img/head/Asset-1.png);  background-position: 50% 50%;  background-size: cover;  opacity: 1;  font-family: Nunito, sans-serif;  line-height: 40px;}


#logo{float:left; width:200px; border: 0px solid #f60;  margin-top:49PX; margin-left:0px;  margin-bottom:3px}	
#logo img{width:100%}
#logo:hover{transform: scale(1);}

#redes{float:right; width:110px; margin-top:20px}

.icono-menu1{  max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#reds{float:right; width:100px; margin-top:46px;}
#reds img {width:20px}

p, #binetas{font-size:16px; line-height:1.3; color:#232323; font-weight:500}

.banner1{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ddd0bb);}
.banner2{background: url(../img/home/Mantel.svg) fixed; background-size:100%; background-attachment:fixed; }
.banner3{background: url(../img/about/Back_Conocenos1-50.jpg) fixed;  background-attachment:fixed; }
.banner4{background: url(../img/location/Back_Conocenos1-50.jpg) fixed; background-size:100%; background-attachment:fixed; }
#banner5{width:100%; background: url(../img/menu/BackMenu-30.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:-20px}
#banner6{width:100%; background: url(../img/menu/tacos/Back_Autor.jpg) fixed; background-size:100%; background-attachment:fixed; margin-top:0px}
.banner7{width:100%; background: url(../img/company/bg.png) fixed no-repeat; background-size:100%; background-attachment:fixed; }

#titu{color:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:26px; line-height:1.3; font-weight:900;     -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
#titu2{font-size:22px; line-height:1.3; color:#232323; font-weight:800; font-family: "Nunito Sans", sans-serif;}
#titu3{color:#FFF; font-family: "Nunito Sans", sans-serif; font-size:60px; line-height:1.3; font-weight:900;  color: black;
  -webkit-text-fill-color: white;  -webkit-text-stroke: 3px black;}
#titu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:23px; line-height:1.3; font-weight:900; background:url(../img/tras%20-%20copia.png); padding:5px; text-align:center; }
#tituu4{color:#9d2427; font-family: "Nunito Sans", sans-serif; font-size:17px; line-height:1.3; font-weight:700; }
#titu5{color:#fff; background:#93d500; font-family: "Nunito Sans", sans-serif; font-size:23px; line-height:1.5; font-weight:900; padding:5px; text-align:center; margin-top:10PX }
#txt1{font-size:17px; line-height:1.3; color:#232323; font-weight:700}
#txt2{font-size:16px; line-height:1.3; color:#232323; font-weight:500}
#titus{width:75%; margin-left:12.5%; margin-bottom:5%;}
#titu6{color:#fff; background:#e6007e; font-family: "Nunito Sans", sans-serif; font-size:18px; line-height:1.2; font-weight:700; padding:20px; text-align:center; }

#cochis{width:300px;  text-align:center; margin: 0px auto 0px;	overflow:hidden; }

#about1{  text-align:center; margin: 0px auto 0px;	overflow:hidden; }
#about2{width:100%;  margin: 0px auto 0px;	overflow:hidden; background:url(../images2/LOS.png)  no-repeat; background-size:60%; background-position:center }
#about2 img{width:80%;}

#cuadro-gris{width:95%;  margin: 0px auto 0px;	overflow:hidden; background:#CCC  no-repeat; background-size:250%; background-position:-100PX;  padding:2.5%; }
#cuadro-gris-1{width:50%; float:left; margin-top:5%; margin-left:25%}
#cuadro-gris-2{width:100%; float:left; margin-top:1.3%} 

.verde{width:100%; background:url(../img/about/fondo.png)  no-repeat; background-size:100%; background-position:top ;}
.bot-gal-2{ float:left; width:30.6%; padding:1%;  font-size:16px; line-height:1.3; color:#232323; font-weight:500; text-align:center; border:0px solid #36F}

.naranja{width:100%; background:url(../img/about/f-naranja.png)  no-repeat; background-size:100%; background-position:top ;}

#puerquis{width:75%;}
#puerquis2{width:450px}
#puerquis3{width:350px}

.rosa{width:100%; background:url(../img/about/rosa.png)  no-repeat; background-size:100%; background-position:top ;}

#ab1{width:100%; float:left}
#ab2{width:100%; float:right}
#ab2 img{width:100%; }

#mapa{width:100%;}
#loc0{width:100%;  margin: 0px auto 25px; overflow:hidden; border-bottom:2PX solid #F60}
#loc1{width:100%; float:left; color:#232323; font-family: "Nunito Sans", sans-serif; font-size:19px; line-height:1.3; font-weight:800; height:auto;  vertical-align: middle;  text-align:center; margin-bottom:10px}
#loc2{width:30%; float:left; text-align:center;  vertical-align: middle; margin-top:10px; margin-bottom:15px}
#loc3{width:70%; float:left; text-align:right; font-size:16px; line-height:1.3; color:#232323; font-weight:600; height:100px;  vertical-align: middle; margin-top:10px}

#m0{width:100%; margin: 0px auto 0px; overflow:hidden; margin-left:3%; border:0px solid#FC0;}
#m1,#m2,#m3,#m4{float:left; width:21%; margin-left:2%; border-radius: 10px 10px 0 0;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top:10PX; background:#fff;}

#m1 img,#m2 img,#m3 img,#m4 img{ width:80%;}
#m5{ width:170%; margin: 0px auto 0px;	overflow:hidden; margin-left:-35%}
#m55{ width:58%; margin: 0px auto 0px;	overflow:hidden; margin-top:-10px; border:0px solid #F03}

#plati-1{width:175px; float:left; padding:0.4%; ma}
#plati-1 img{ width:100%;}
#plati-2{width:405px; float:left; padding:0.4%; }
#plati-2 img{ width:100%;border-radius:15px;}

.tarjeta {	width: 168px;  height: 248px;  perspective: 1200px;  cursor: pointer;	user-select: none; /* evita selección molesta */ float:left; border:0px solid #F00}
.gb-element-a1bb1aae {  align-items: center;  display: flex;  flex-wrap: wrap;  justify-content: center;}

#kids-1{width:75%; transform: scale(1.1) rotate(3deg); background:url(../img/tras%20-%20copia.png); margin-top:5%; border-radius:15px; border:3px solid #e6007e}
#kids-2{width:75%; transform: scale(1.1) rotate(-3deg); background:url(../img/tras%20-%20copia.png); margin-top:10%; border-radius:15px; border:3px solid #93d500}

#compa-1{width:35%; float:left; margin-left:32.5%; margin-bottom:20px}
#compa-2{width:100%; float:right;}

#compa-11{width:45%; float:left;}
#compa-22{width:45%; float:right;}

#compa-111{width:80%; margin-left:10%; float:left;}
#compa-222{width:100%; float:right;}

#separador1{width:100%; height:30px}
#separador2{width:100%; height:20px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:75px}

.gb-element-1c725a1e {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: -100px;
  max-width: 600px;
  width: 100%;
}

.gb-element-98409a81 {
  align-items: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 250px;
  margin-top: 60px;
  width: 100%;
}

.gb-element-596fc5ae {
	  align-items: center;
  max-width: 300px;
  padding-bottom: 00px;
  padding-top: 20px;
  width: 100%;
  margin: 0px auto 0px;	overflow:hidden;
}

/* Zoom-n-rotate Container */
.img-olla img {  width:45%;  margin-left:2%;  border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-olla:hover img {  transform: scale(1.25) rotate(10deg);}


@keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-o-keyframes img-tamal
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

.img-tamal {  width:53%; border:0px solid #C00;  float:left; margin-top:-5%}
.img-tamal:hover {
  animation-duration: 1.5s;
  animation-name: img-tamal;
  animation-iteration-count: 3;
  animation-direction: alternate; }

@keyframes img-mapa {
0% { transform: translate(0,0);}
100% {transform: translate(-30%,0);}
}

.img-mapa {  width:90%;  float:right; text-align:right}
.img-mapa img{ width:85%; }
.img-mapa:hover { animation: img-mapa 5s infinite;  animation-direction: alternate; }

@keyframes img-about2 {
0% { transform: skew(5deg, 5deg);}
100% {transform: skew(-5deg, -5deg);}
}

@keyframes img-about {
0% { transform: rotateY(0deg);}
100% {transform: rotateY(20deg);}
}

.img-about {  width:100%;  float:left; text-align:left; margin-top:5%; margin-left:10% }
.img-about img{ width:80%; }
.img-about:hover{ animation: img-about 2s infinite;  animation-direction: alternate; }

.img-guacamole {  width:50%; border:0px solid #C00;  float:left; text-align:right; margin-top:5%; }
.img-guacamole img{  width:90%; }
.img-guacamole:hover {  animation: img-tamal 1.5s infinite;  animation-direction: alternate; }
  
/* Zoom-n-rotate Container */
.img-taco img {  width:45%;  margin-left:-95%; margin-top:35%;    border:0px solid #0C3; transition: transform .5s ease-in-out; float:left;}
/* The Transformation */
.img-taco:hover img {  transform: scale(0.8) rotate(10deg); animation:infinite; preserve-3d;}

 
@keyframes img-menu1 {
0% { transform: translate(0,0);preserve-3d;}
100% {transform: translate(0,-20%);preserve-3d;}
}

.img-menu1 {  width:50%;  float:left; text-align:left; margin-top:55%; margin-left:-31%; }
.img-menu1 img{ width:100%; }
.img-menu1:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

.img-menu2 {  width:45%;  float:left; text-align:left; margin-top:60%; margin-left:-21%; }
.img-menu2 img{ width:100%; }
.img-menu2:hover{ animation: img-menu1 2s infinite;  animation-direction: alternate; }

@keyframes img-burrito {
0% {transform: translate(0, 0); preserve-3d;}
100% {  transform: translate(35px, 50px);preserve-3d;}
}
.img-burrito {  width:50%; border:0px solid #C00; margin-top:-120%;  float:right; text-align:center}
.img-burrito img{  width:80%; }
.img-burrito:hover {  animation: img-burrito 1.5s infinite;  animation-direction: alternate; }

  
@keyframes img-zarzamora {
0%{transform: rotatez(0deg);preserve-3d;}
50%{transform: rotateY(30deg);preserve-3d;}
100% {transform: rotateY(-60deg);preserve-3d; }
}
.img-zarzamora {  width:100%; border:0px solid #C00; margin-top:6%;   float:left; }
.img-zarzamora img{  width:100%; }
.img-zarzamora:hover  { animation: img-zarzamora 5s infinite; animation-direction: alternate; }
  

@keyframes img-cochito {
0%{transform: rotatez(0deg);preserve-3d;}
0%{transform: rotatez(-90deg);preserve-3d;}
100% {transform: rotatez(90deg);preserve-3d; }
}
.img-cochito {  width:50%; border:0px solid #C00; margin-top:8%; margin-bottom:10%;  float:right; margin-right:25%; text-align:center}
.img-cochito img{  width:100%; }
.img-cochito:hover { animation: img-cochito 2s infinite; animation-direction: alternate; }
 
}