@charset "utf-8";
/* CSS Document */

:root {
		--font-family: 'ttnorms-light', sans-serif;
		--font-family3: 'ttnorms-extrabold', sans-serif;
		--font-xs: clamp(0.2rem, calc(1.1rem + 0.2vw), 1.7rem);
		--font-sm: clamp(1.42rem, calc(1.24rem + 0.9vw), 1.88rem);
		--font-md: clamp(1.89rem, calc(1.53rem + 1.8vw), 2.81rem);
		--font-lg: clamp(2.52rem, calc(1.85rem + 3.32vw), 4.22rem);
  		--font-xl: clamp(3.35rem, calc(2.19rem + 2.8vw), 6.33rem);  
		--padding-xl: clamp(3.35rem, calc(2.19rem + 111.8vw), 6.33rem); 
		--padding-xll: clamp(4.35rem, calc(2.99rem + 141.8vw), 8.33rem); 		
}

	#productos * p{
		line-height: 22px;
		font-size: 21px
	}
	#productos * h1{
		font-size: 58px;
    	line-height: 51px;
	}

.ocras{
	font-family: 'ocras' !important;
}


.fondo2 {
	background-color: #fcd800;
	width: 100%;
	height: 900px;
}

.bloquentero-texto {

}

.titulolocura * h3  {font-size: var(--font-sm);}
.titulopop * h3  {font-size: var(--font-sm);}
.titulogansito * h3  {font-size: var(--font-sm);}
.titulospafrita * h3  {font-size: var(--font-sm);}
.tituloschocovulcan * h3  {font-size: var(--font-sm);}
.titulospanchitos * h3  {font-size: var(--font-sm);}
.titulosryskos * h3  {font-size: var(--font-sm);}
.titulosbony * h3  {font-size: var(--font-sm);}
.titulostigreton * h3  {font-size: var(--font-sm);}
.titulosinaverso * h3  {font-size: var(--font-sm);}
.titulosinaverso * p  {font-size: var(--font-xs);}
.titulosinaverso * h5  {font-size: var(--font-xs);}
.titulostigreton * h5  {font-size: var(--font-xs);}
.titulosbony * h5  {font-size: var(--font-xs);}
.titulosryskos * h5  {font-size: var(--font-xs);}
.titulospanchitos * h5  {font-size: var(--font-xs);}
.tituloschocovulcan * h5  {font-size: var(--font-xs);}
.titulospafrita * h5  {font-size: var(--font-xs);}
.titulogansito * h5  {font-size: var(--font-xs);}
.titulopop * h5  {font-size: var(--font-xs);}
.titulolocura * h5  {font-size: var(--font-xs);}


.muneco {
	width: 400px;
	height: auto;
}

.centrar {
	display: flex;
    justify-content: center;
    align-items: center;
}

.recuadros {
	padding-top: 30px;
	text-align: center;
	justify-content: center;
	padding-bottom: 30px;
}

.recuadroproductos {
width: 146px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
    border-radius: 50px;
    color: #fff;
    margin: 8px;
	background-color: #76e5ff;
}

.recuadroproductos.active{background-color: #0b3ba8;}

.recuadroproductos:hover {
	background-color: #0b3ba8;
}

.etiqueta {
	position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fcd800;
    padding: 10px 20px;
    border-radius: 20px 20px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    width: 10%;
}
.nombre-etiqueta {
	display: flex;
    justify-content: center;
}




.recuadros2 {
  display: flex;
  margin-top: 60px;
  gap: 10px;
  justify-content: center;
}

.recuadro2 {
width: 199px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid white;
    border-radius: 50px;
    color: #fff;
    margin: 8px;
    font-family: bernier;
    font-size: 15px; transition: all 0.5s;
}





.seccion1 {
  background-color: #fcd800;
}



.seccion1.activada {
  background-color: lightgreen;
}




.h-900px {
	height: 900px;
}

#imagenPrincipal{
	max-width: 80%
}

.textproductos {
	font-size: 25px; text-wrap-mode: nowrap;
}

.fondo3 {
	background-color: #FFFFFF;
	width: 100%;
	height: 900px;
}

.productoimg {
	width: 620px;
    height: auto;
    max-width: 300%;
	animation: movedown 3s infinite linear alternate;
}



.tigretontitulo {
	font-size: 80px;
}

.centrarizquierda {
	display: flex;
    align-items: center;
}

.f-s-30 {
	font-size: 30px;
}

.bloquenutricional {
	line-height: 32px;
}

.munecotigre {
	width: 400px;
    position: absolute;
    right: 105px;
    top: 255px;
}

.fondoceleste {
	background-color: #3bc5ea;
	height: 100%;
}

.munecoganso {
	width: 600px;
    position: absolute;
    right: -187px;
    top: 349px;
}

.gansitostitulo {
	font-size: 62px;
	line-height: 60px;
}

.colorwhite {
	color: white;
}

.colorazul {
	color: #0b3ba8;
}



.paddinglittletop {
	padding-top: 3%;
}

.fondomorado {
	background-color: #9f00a3;

}


.bgmorado .active{
	background-color: #fcd802 !important;
}

.bgmorado {
background-color: #c02bcc;}


.seccion-oculta {
  display: none;
}

.seccion-galleteria, .seccion-cereales, .seccion-tortillas {
  display: block;
}



.fondopiel {
	background-color: #ffe2ae;
}

.bgbizcotela {
	background-color: #ffebca;
}

.bizcotellatitulo {
	font-size: 58px;
	line-height: 51px;
	color: #cc7900;
}

.cafebajo {
	color: #cc7900;
}

.portadacerealimg {
	animation: movedown 3s infinite linear alternate;
    width: 1010px;
}

.daleatuhambre {
	font-size: 76px ;
    line-height: 77px;
    letter-spacing: 3px;
    color: #FFFFFF;
}

.bgceleste {
	background-color: #76e5ff;
}

.fondoblanca {
	background-color: #FFFFFF;
}

.pad-bottom {
	padding-bottom: 75px;
}

.fondorosado {
	background-color: #fc5454;
}

.pad-top {
	padding-top: 65px
}

.pad-bottom2 {
	padding-bottom: 110px;
}

.contenedor-secciones {
    position: relative;
    display: block;
}

.c-cambio {
	display: block;
    position: relative;
    height: 100%;
}

.centro {
	display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    height: 90%;
}

.absolute-cuadros {
	position: absolute;
    bottom: 0%;
}

.l-height {
	line-height: 22px;
}

/*.heightseccion {
	height: 810px;
}*/

.posicioncuadro-c {
	position: absolute;
	bottom: -5%;
}

.fondoazul2torti {
	background-color: #274bce;
}

.colornaranja2torti {
	color: #ff6333;
}

.bgsubazul {
	background-color: #406ef2;
	color: white;
}

.ganso2cereal {
    width: 700px;
    position: absolute;
    z-index: 1;
    right: -170px;
    top: 32%;
}

.tigre2cereal {
	width: 350px;
    position: absolute;
    z-index: 1;
    right: 55px;
    top: 45%;
}

.tortilla {
	width: 600px;
    position: absolute;
    z-index: 1;
    right: -170px;
    top: 20%;
}

.tigre2reposteria {
	width: 350px;
    position: absolute;
    z-index: 1;
    right: 55px;
    top: 25%;
}

.portadareposteriaimg {
	animation: movedown 3s infinite linear alternate;
    position: relative;
    width: 1400px;
    left: -375px;
    top: -187px;
}

.rela-index {
	position: relative;
	z-index: 1;
}

.bony {
	width: 98%;
	animation: movedown 3s infinite linear alternate;
	position: relative;
	z-index: 3;
}

.bony2reposteria {
	width: 550px;
    position: absolute;
    z-index: 1;
    right: -34px;
    top: 25%;
}

.fondomorado2 {
	background-color: #7100a5;
}

.colorpiel2 {
	color: #ffbd66;
}

.colormorado5 {
	color: #890050;
}

/*.heightseccion2 {
	height: 835px;
}*/

.rela-index3 {
	position: relative;
	z-index: 3;
}

.espacio40 {
	padding: 40px;
}

.absolute-cuadros2 {
	    position: relative;
    bottom: 0px;
}

.contenedorrecuadros {
	width: 300px;
	place-items: center;
	margin-bottom: 20px;
}


.amarillotortolin {
	background-color: #ffd600;
}
.verdetortolin {
	color: #328220;
}

.absolute-cuadros3 {
	position: absolute;
	bottom: -8%;
}

.bgamarillotortolin {
	background-color: #ffe455;
}

.verdeqchifles {
	background-color: #bdc91f;
}

.cafeqchifles {
	color: #743e2a;
}

.naveplatano {
    position: absolute;
    z-index: 3;
    width: 500px;
    top: 90px;
    right: -90px;
}

.verdeqchifles2 {
	background-color: #dadd52;
}

.papita {
	position: absolute;
    width: 700px;
    right: -200px;
    top: 43px;
}

.bgazulsaritas {
	background-color: #304fc1;
}

.fondopafritas {
	background-color: #ffb140;
}

.bgpafritas {
	background-color: #ffc578;
}

.fondotostitos {
	background-color: #ff953e;
}

.colornaranjatostitos {
	color: #ed3200;
}

.fondoryskos {
	background-color: #af1027;
}

.colortostitostexto {
	color: #ffbe55;
}

.fondopanchitos {
	background-color: #ffea80;
}

.colorpafritastexto {
	color: #895400;
}

.rykosmuneco {
	position: absolute;
    z-index: 2;
    width: 340px;
    right: 34px;
    top: 147px;
}

.tostitosmuneco {
	position: absolute;
    z-index: 2;
    right: 0px;
    top: 58px;
    width: 450px;
}

.panchitomuneco {
	position: absolute;
    z-index: 2;
    width: 645px;
    right: -206px;
    top: 211px;
}

.colorpanchitotexto {
	color: #e40000;
}

.colorcafepanchitos {
	color: #743e2a;
}

.portadasalados {
	animation: movedown 3s infinite linear alternate;
    width: 980px;
}

.colorrosquitatexto {
	color: #f05423;
      	
      }
    

.amarillotiramisutexto {
	color: #fcd802;
}

.fondotiramisu2 {
	background-color: #dd2436;
}

.fondogansitos2 {
	background-color: #b76725;
}

.max-200 {
	max-width: 200% !important;
}

.width115 {
	width: 115% !important;
}

.fondotortillas2 {
	background-color: #F9E2AF;
}

.fondotortillas3 {
	background-color: #094BDB;
}

.fondotortillas4 {
	background-color: #E54242;
}

.amarillo2tortillas {
	color: #FFBC5A;
}

.fondotortolin2 {
	background-color: #0c04ad;
}

.colorverdetortolintexto {
	color: #276b00;
}

.fondocelestetortolin3 {
	background-color: #0fc9f4;
}

.fondocafetortolin4 {
	background-color: #af3d2b;
}

.amarillotortolintexto {
	color: #ffd600;
}

.fondoblancotortolin5 {
	background-color: #efefef;
}

.fondoquesotortolin6 {
	background-color: #ef9900;
}

.quesotextoverde {
	color: #156000;
}

.fondoverde2tortolin7 {
	background-color: #97b518;
}

.fondocafetortolin8 {
	background-color: #633719;
}

.doritoartesanaltexto {
	color: #ffd600;
}

.rojoqchiflestexto {
	color: #d70400;
}

.fondoqchifles2 {
	background-color: #ffe05f;
}

.medida2 {
	max-width: 100% !important;
    width: 191px !important ;
    height: 39px ;
}

.pad-bot {
	padding-bottom: 35px;
}

.fondosaritas2 {
	background-color: #3f7c1c;
}

.fondosaritas3{
	background-color: #a02904;
}
.fondosaritas4 {
	background-color: #c68900;
}

.fondosaritas5 {
	background-color: #e06a00;
}

.fondopafritas2 {
	background-color: #ffd243;
}

.fondopafritas3 {
	background-color: #ffffff;
}

.fondopafritas4 {
	background-color: #470b0b;
}

.textopafritasmayone {
	color: #dd7110;
}

.pad-top2 {
	padding-top: 30px;
}

.pafritastexto4 {
	color: #f7aa00;
}

.fondopafritas5 {
	background-color: #00a346;
}

.pafritastexto5 {
	color: #ceff00;
}

.fondopafritas6 {
	background-color: #ff7f00;
}

.pafritastexto6 {
	color: #ffca36;
}

.fondopafritas7 {
	background-color: #a5ba27;
}

.pafritastexto7 {
	color: #456d00;
}

.fondopafritas8 {
	background-color: #7f3d7b;
}

.pafritastexto8 {
	color: #ffe027;
}

.pafritastexto2 {
	color: #ea580f;
}

.pafritastexto2b {
	color: #9b5945;
}

.fondotostitos2 {
	background-color: #00c1fc;
}

.textotostitos2 {
	color: #040099;
}

.fondotostitos3 {
	background-color: #8bbc4b;
}
.fondotostitos4 {
	background-color: #116d3c;
}

.textotostitos3 {
	color: #0a4731;
}

.textotostitos4 {
	color: #ffe600;
}
.fondotostitos5 {
	background-color: #ff1f1f;
}

.textotostitos5 {
	color: #ffe600;
}

.fondotostitos6 {
	background-color: #c40000;
}

.textotostitos6 {
	color: #ff9433;
}

.fondotostitos7 {
	background-color: #990f05
}


.fondotostitos8 {
	background-color: #191919;
}
.tostitostexto8 {
	color: #84c605;
}

.fondoryskos2 {
	background-color: #b25200;
}

.textoryskos2 {
	color: #ffbe55;
}

.fondoryskos3 {
	background-color: #302929;
}

.textoryskos3 {
	color: #ffbe55;
}

.fondoryskos4 {
	background-color: #006f30;
}

.fondopanchitos2 {
	background-color: #e24444
}

.textopanchitos2 {
	color: #ffea80;
}

.fondopanchitos3 {
	background-color: #e58138;
}

.fondocangui {
	background-color: #00bdc6;
}

.colorcanguil {
	color: #ffd217;
}

.fondocangui2 {
	background-color: #ffe54d;
}

.colorcanguil2 {
	color: #e09500;
}

.colorcanguil2b {
	color: #9f601a;
}

.fondocangui3 {
	background-color: #191919;
}

.colorcanguil3 {
	color: #ffbd1a;
}

.fondocuate {
	background-color: #ffe54d;
}

.colorcuate {
	color: #2700a0;
}

.colorcuateb {
	color: #743e2a;
}

.fondocuate2 {
	background-color: #b42e20;
}

.textocuates2 {
	color: #efd800;
}

.fondocuate3 {
	background-color: #c3762f;
}

.fondopicaditas {
	background-color: #1aa3ff;
}

/*.heightseccion3 {
	height: 710px;
}*/

.fondopicapica {
	background-color: #db5d90;
}

.colorpicatexto {
	color: #fcd802;
}

.fondopicapica2 {
	background-color: #ef3333;
}

.rosquitasrojo {
	color: #c90606;
}

.productoimg2 {
	width: 85%;
    height: auto;
	z-index: 3;
	position: relative;
	animation: movedown 3s infinite linear alternate;
}

.fondotornadito {
	background-color: #00a3c9;
}

.colortornaditotexto {
	color: #ffb229;
}

.fondotostachos {
	background-color: #ff6927;
}

.fondorosquitas {
	background-color: #200096;
}


.colortextorosquitas {
	color: #ffce00;
}

.colortostachotexto {
	color: #ffe000;
}

.colorchicharronestexto {
	color: #ffce00;
}

.fondochicharron {
	background-color: #000075;
}

.fondochicharron2 {
	background-color: #724100;
}

.fondoprispas {
	background-color: #ffd400;
}

.fondoprispas2 {
	background-color: #ff8c3e;
}

.colorprispatexto {
	color: #f7541c;
}

.colorprispas2texto {
	color: #ef4125;
}

.colortocinetatexto {
	color: #ffc200;
}

.colortocinetatexto2 {
	color: #743e2a;
}

.fondojack {
	background-color: #2d2727;
}

.colorjacktexto {
	color: #ffd400;
}

.fondojack2 {
	background-color: #4d8210;
}

.fondojack3 {
	background-color: #ba0b02;
}

.fondogansito2 {
	background-color: #ffb8d5;
}

.gansitotexto2 {
	color: #e5396b;
}

.fondogansito3 {
	background-color: #5e3828;
}

.gansitotexto3 {
	color: #fcd802;
}

.fondogansito4 {
	background-color: #b76725;
}

.gansitotexto4 {
	color: #fcd802;
}

.fondobony2 {
	background-color: #b76725
}

.textochococake {
	color: #4c1b02;
}

.textochococake2 {
	color: #894415;
}

.textoina3 {
	color: #f4aa27;
}

.inachispatexto {
	color: #871355;
}.inachispatexto2 {
	color: #743e2a;
}

.colorebanadatext {
	color: #f4aa27;
}
.colorebanadatext2 {
	color: #bc680c;
}

.rebanadas2 {
	color: #bc680c;
}

.color-ina8 {
	color: #17b8bc;
}

.colorinarosatexto {
	color: #ff66ba;
}

.colortextomini9 {
	color: #ff7e00;
}

.inachocovaitexto10 {
	color: #8845c9;
} 

.color-ina11 {
	color: #adba00;
}

.banner-salados {
	overflow: visible;
    height: 800px;
    place-items: center;
    justify-content: center;
    display: grid;
}

.lideres-texto{font-size: 16px; line-height: 24px; color: #FFFFFF;}

@media (max-width: 1920px){
	.menustick{margin: 0 auto !important;}
	.content-recuadros{width: 75%; margin: auto; text-align: center;}
	.recuadro2{width: auto; height: auto; letter-spacing: 1px; padding: 1px 25px; display: inline-block;}
	.cuadromix{padding: 1px 50px !important;}
}


@media (min-width: 1207px) and (max-width: 1806px){
	.seccion-inacake{ height: 930px !important; }
	/*.seccion-inaverso{ height: 100% !important; }*/
		
} 

@media (min-width: 907px) and (max-width: 1206px){
	.seccion-inacake{ height: 1010px !important; }
	/*.seccion-inaverso{ height: 1010px !important; }*/
		
} 


@media (max-width: 1750px){
	.portadasalados{width: 850px !important;}
	.daleatuhambre{font-size: 68px !important; line-height: 65px !important;}
	.portadacerealimg{ width: 850px; }
}

 @media (max-width: 1570px){
	.portadasalados{width: 750px !important;}
	 .muneco-ina{ width: 158px !important; top: 53% !important; }
}  

 @media (max-width: 1511px){
	
	.cuadromix{padding: 1px 50px !important;}
}  


@media (max-width: 1461px){
	
	.portadacerealimg{ width: 750px; }
	.tortilla{ width: 388px; top: 32%; }
}

@media (max-width: 1374px){
	.portadasalados{width: 650px !important;}
	.daleatuhambre{font-size: 63px !important; line-height: 57px !important;}
	.naveplatano{width: 375px !important; top: 153px !important;}
	.recuadro2{width: auto; height: auto;}
	
	.tostitosmuneco{ right: -58px; top: 277px; width: 293px; }
	.ganso2cereal{ width: 600px; right: -170px; top: 30%; }
}

@media (max-width: 1300px){
	.rykosmuneco{ width: 270px; right: -11px; top: 246px; }
	.portadacerealimg{ width: 650px; }
	.bony2reposteria{ width: 350px; right: -95px; top: 31%; }
	.content-recuadros{width: 100%;}
}

@media (max-width: 1275px){
	.bonylogo { width: 82px !important; }
	.estrellabony{ line-height: 21px !important; }
	.textobony{ font-size: 15px !important; }
	.grupobony{ width: 537px !important; }
	.gruporyskos{ width: 600px !important; }
	.grupogansilactea{ width: 600px !important; }
	.grupopop{ width: 560px !important; }
	.grupolocura{ width: 525px !important; }
	
}
	
	
@media (min-width: 1176px) and (max-width: 1270px){
	  .grupotigreton{ width: 582px !important; }
}  
	
@media (min-width: 1200px) and (max-width: 1206px){
	.productoimg{ width: 80% !important; }
} 

@media (max-width: 1206px){
	.tostachosheight { height: 750px !important; }
}  


@media (max-width: 1175px){
	.portadasalados{width: 570px !important;}
	.lideres-texto{font-size: 14px; line-height: 20px;}
	.daleatuhambre{font-size: 57px !important; line-height: 52px !important;}
	.menustick{margin: 0 auto !important;}
	.recuadro2{width: auto; height: auto; border: 1px solid white; margin: 4px 5px; font-size: 15px; letter-spacing: 1px; padding: 1px 25px; display: inline-block;}
	.cuadromix{padding: 1px 50px !important;}
	.content-recuadros{ margin: auto; text-align: center;}
	.ganso2cereal{ right: -215px; }
	.tigre2cereal{ width: 250px; right: 40px; top: 46%; }
	.tigre2reposteria{ width: 294px; right: 40px; }
	.tosti{ width: 550px !important; }
	.grupo{ width: 550px !important; }
	.logotigreton{ width: 110px !important; }
	.grupotigreton{ width: 534px !important; }
	.gruporyskos{ width: 520px !important; }
	.ryskostexto{ font-size: 13px !important; }
	.grupogansilactea{ width: 520px !important; }
}  


@media (max-width: 1100px){
	.naveplatano{ width: 275px !important; top: 364px !important; right: -67px; }
	.textproductos{ font-size: 21px !important; }
	.papita{ width: 483px !important; top: 198px !important; right: -225px !important; }
	.rykosmuneco{ width: 271px; right: -49px; top: 214px; }
	.panchitomuneco{ width: 594px !important; right: -227px !important; }
	.portadacerealimg{ width: 600px; }
	.ganso2cereal{ width: 500px; right: -193px; top: 35%; }
	.tortilla{ right: -170px !important; width: 400px !important; top: 37% !important; }
	.tigre2cereal{ right: -6px; }
	.tigre2reposteria{ right: -6px; width: 240px; top: 30%;}
	

}  

@media (max-width: 1035px){
	.portadasalados{width: 510px !important;}
}  


@media (min-width: 992px) and (max-width: 1090px){
	.grupoplatanix{width: 500px !important;}
	.grupotigreton{width: 505px !important;}
	.tosti{width: 500px !important;}
	.grupopafrita{width: 525px !important;}
	.grupopanchitos{width: 505px !important;}
	.panchitoslogo{width: 117px !important;}
	.grupochocovulcan{ width: 500px !important; }
	.inalogo{ width: 125px !important;}
	.chocovulcan{ line-height: 20px; }
	.chocovulcantexto{ font-size: 17px !important; }
	.grupopafrita{ width: 500px !important; }
	.pafritalogo{ width: 125px !important; }
	.gruporyskos{ width: 510px !important; }
	.ganso-inaversotexto{ font-size: 14px !important}
	.grupogansilactea{ width: 500px !important;}
	.grupopop{ width: 500px !important; }
	.poplogo{ width: 115px !important; }
	.grupolocura{ width: 500px !important ;}
	
}  


@media (min-width: 991px) and (max-width: 1300px){
	.muneco-ina{ display:  none !important;}
}  

@media (max-width: 991px){
	.productos-salados{display: grid; place-items: center;}
	.portadasalados{width: 650px !important;}
	.menustick{margin: 0 auto !important;}
	.recuadro2{width: auto; height: auto; border: 1px solid white; margin: 4px 5px; font-size: 12px; letter-spacing: 1px; padding: 1px 25px; display: inline-block}
	.cuadromix{padding: 1px 27px !important;}
	.content-recuadros{ margin: auto; text-align: center;}
	.naveplatano{ width: 211px !important; top: -11px !important; }
	.panchitomuneco{  width: 300px !important; right: -97px !important; top: 288px; }
	.portadacerealimg{ width: 650px; }
	.ganso2cereal{ width: 351px; right: -119px; top: 54%; }
	/*.textogansitos{ font-size: 50px !important; line-height: 46px !important; }*/
	.tigre2cereal, .tigre2reposteria{ right: -16px; top: 54%; width: 160px; }
	/*.tigre2reposteria{ right: -16px;         top: 64%;
        width: 129px; }*/
	.grupo{ width: 400px !important; padding: 0% !important; }
	.muneco-ina{ width: 200px !important; }
	.grupo3{ width: 470px !important; padding: 0px !important; }
	.bloquebony{ padding: 26px !important; padding-top: 45px !important; }
	.textobony{ font-size: 15px !important; }
	.titulosinaverso * p{ font-size: 15px !important;}
	.titulosinaverso * p{ font-size: 15px !important;}
	.grupo2{ width: 480px !important; } 
	.gruporyskos{ width: 512px !important; }
	.logotigreton{ width: 100px !important; }
	.mg-top-991{ margin: 18px !important; }
	.textotigreton{ font-size: 14px !important;}
	.chocovulcantexto{ font-size: 16px !important; }
	.sistemarysko{ line-height: 20px; }
	.ryskostexto{ font-size: 14px !important; }
	.tostachosheight{ height: 700px !important; }
	.banner-inatext{ text-align: center !important; }
	.banner-inatext { font-size: 50px; line-height: 45px; }
	.munecobanner { width: 213px; top: 50%; right: 41%; }
	.asteroide { width: 150px; right: 42px; top: 28%; }
	.margin-cell{align-self: flex-end;;}
	#productos * h1 { font-size: 30px; line-height: 28px; }
	#saritas * h1 { font-size: 20px; line-height: 19px; }
	#productos * p { line-height: 16px; font-size: 17px; }
	.papita { width: 250px !important; right: -80px !important; top: -36px !important; }
	.tostitosmuneco{ right: -58px; top: 170px; width: 182px; }
	    .tortilla { right: -128px !important; width: 300px !important; top: 0% !important; }

}  


@media(min-width: 768px) and (max-width: 906px){
	.pad-condicion{ padding-top: 50px }
	.recuadroproductos22b , .recuadroproductos22 { height: auto !important;}
}


@media(min-width: 768px) and (max-width: 900px){
	.cuadroryskos{ height: 100% !important; }
	.gruporyskos { width: 440px !important; }
	.grupogansilactea { width: 430px !important; }
	.gansitocuadro{ height: 100% !important; }
	.popcuadro{ height: 100% !important;}
	.grupopop{ height: 520px !important; width: 380px !important; }
	.recuadrolocura{height: 100% !important; }
	.grupolocura{ width: 425px !important ;}
}

@media(min-width: 768px) and (max-width: 846px){
	.grupotigreton{ width: 454px !important; }
	.textotigreton{ font-size: 13px !important;}
	.tigrenterprise{ font-size: 15px !important ;}
}
@media(min-width: 768px) and (max-width: 834px){
	
}


@media(max-width: 906px){
	/*.seccion-inacake{ height: 1245px; }*/
	/*.seccion-inaverso{ height: 1245px; }*/
	.grupobony{ width: 430px !important; }
}

@media(max-width: 890px){
	.ganso2cereal{ width: 260px; right: -74px;  top: 64%;  }
	.tortilla { right: -104px !important; width: 250px !important; top: 0% !important; }
	.tigre2cereal, .tigre2reposteria{ right: -32px;  top: 57%; width: 126px; }
	/*.tigre2reposteria{ display: none}*/
	.titulosinaverso * p{ font-size: 16px !important;}
	.bony2reposteria{display: none}
	
}




@media(max-width: 866px){
	.inaversomedida{height: 893px !important;}
}

@media(max-width: 850px){
	.tostitosmuneco{ right: -16px; top: -26px; width: 180px; }
	.panchitomuneco{ width: 270px !important; right: -117px !important; top: 288px; }
}

@media(max-width: 834px){
	/*.heightryskos { height: 896px !important; }
	.gansitosheight{ height: 857px !important; }*/
}



@media(max-width: 800px){
	.ganso2cereal{ right: -180px; display: none }
	.tigre2cereal, .tigre2reposteria{ width: 201px; top: 51%; display: none}
	/*.tigre2reposteria{ width: 201px; top: 51%; }*/
	.bony2reposteria{ right: -135px; }
	.grupobony{ width: 405px !important; }
	.textobony{ font-size: 13px !important; }
	.muneco-ina { width: 162px !important; }
}

@media (min-width: 767px) and (max-width: 1000px){
	.rykosmuneco{ display: none;}
} 


@media (max-width: 767px){
	/*.heightseccion { height: 1020px; }*/
	.qchifle1{ width: 50%; }
	.centrarizquierda{ justify-content: center; }
	.textproductos{ font-size: 20px !important; }
	.naveplatano{ width: 260px !important; }
	.tortolin1{ width: 50% !important; }
	.tortolin2{ width: 55% !important; }
	/*.secciontortolin1{ height: 1137px !important;}*/
	/*.secciontortolin2{ height: 1137px !important;}*/
	.tortolin3{ width: 57% !important; }
	.pad-top{ padding-top: 15% !important; }
	
	.bloqueexcepcion{ width: 52% !important;}
	.tortolin4{ width: 53% !important; }
	.papita{ width: 250px !important; right: -80px !important; top: 33px !important; }
	.saritas1{ width: 53% !important; }
	.fuentereducida{ font-size: 16px !important; }
	.pafritas{ width: 53% !important; }
	.tostitosmuneco{ right: -35px; top: 214px;  width: 180px; }
	.tostitos{ width: 53% !important; }
	.rykosmuneco{ display: none}
	.ryskos{ width: 54% !important; }
	.panchitos{ width: 55% !important; }
	/*.panchitomuneco{ width: 399px; right: -127px; }*/
	.rosquitas{ width: 58% !important; }
	.pad-no{ padding: 0px !important; }
	.canguil{ width: 55% !important; }
	.produ-mix{ width: 55% !important; }
	/*.picaditas-seccion{ height: 910px !important; }*/
	.produ-variados{ width: 55% !important; }
	.chicharronesboton{ font-size: 16px; line-height: 16px; }
	.bizcotelas{ width: 65% !important; }
	.gansitos{ width: 60% !important; }
	.ganso2cereal{ width: 300px !important; top: 23% !important;   display: block; right: -80px; }
	/*.tigre2reposteria{ width: 250px; top: 52%; right: 32px; }*/
	.tigre2cereal, .tigre2reposteria{ width: 170px; top: 40%; right: 12px; display: block; }
	.tortillas{ width: 65% !important; }
	.tortilla{ width: 400px; top: 48%; }
	.medida2b{ height: 35px !important; }
	.reposteriaimg{ width: 53% !important; }
	.seccion-inacake{ /*height: 1211px !important;*/ }
	/*.seccion-inaverso{ height: 1211px !important; }*/
	.contenedorrecuadros{ width: auto !important; }
	.recuadroproductos2c{ display: inline-block !important; width: 155px !important; height: auto !important; }
	.letrainacake{font-size: 17px!important;}
	.recuadroproductos22 , .recuadroproductos2 , .recuadroproductos22b , .recuadroproductos22e , .recuadroproductos22f , .recuadroproductos22ff , .recuadroproductoscan , .recuadroproductoscuates , .recuadroproductos22ee , .recuadroproductos22d , .recuadroproductospica , .recuadroproductoschicha , .recuadroproductosprispas , .recuadroproductostorti   { height: auto !important;}
  	.bony2reposteria{ top: 52%; right: -95px; }
	.pad-condicion{padding-top: 92px;}
	.ina-chispas{ width: 50% !important; }
	.grupo{ height: auto !important; padding: 2% !important; width: 100% !important; margin: 0px;}
	.muneco-ina{ width: 169px !important; top: 56% !important; }
	.letrainaverso{ font-size: 12px !important; }
	.grupo2 , .grupo3{ height: auto !important; padding: 2% !important; width: 100% !important; margin: 0px; }
	.logotigreton{ width: 140px !important; }
	.bonylogo{ width: 110px !important; }
	/*.heightsaritas { height: 1044px !important; }
	.heightpafritas { height: 1080px !important; }
	.heightryskos { height: 1101px !important; }*/
	.content-recuadros { margin: auto; text-align: center; }
	.menustick2 { top: 69px !important; }
	/*.tostachosheight{ height: 925px !important; }
	.gansitosheight { height: 1043px !important; }
	.tortillasheight { height: 1045px !important; }*/
	.asteroide { width: 123px !important; top: -11% !important; filter: blur(1px); }
	.munecobanner{ width: 240px !important; top: -53% !important; right: 49% !important; }
	.recuadros{padding-bottom: 30px;}
	.absolute-cuadros2{position: relative; bottom: 0px;}
	#productos * .pad-bot{padding-bottom: 0px;}
	#productos * .espacio{display: none;}
	.ocultarbr{display: none;}
	
	#productos * h1 { font-size: 39px; line-height: 35px; padding: 0px; margin: 0px; margin-top: 30px; }
	#productos * p {line-height: 22px; font-size: 18px; padding: 0px; margin: 2px; }
	.bloquentero-texto { width: 100%; }
	.paddinglittletop { padding-top: 0%; }	
	
	
	
}

    


@media (max-width: 745px) {
	    .content-recuadros { width: 72% !important; }
}

@media (max-width: 680px) {
	.tigre2reposteria {
        width: 150px;
        top: 22%;
        right: 0px;
    } 
	.tigre2cereal{ width: 150px; top: 39%; right: 0px; }
	/*.tortilla{ top: 42% !important; }*/
}

@media (max-width: 650px) {
	.logomenu{ width: 100px !important; }
	.asteroide { width: 96px !important; top: 7% !important; filter: blur(2px); right: 13px; }
	.panchitomuneco { width: 250px !important; right: -104px !important; top: 149px; }
}

@media (max-width: 642px) {
	.content-recuadros { width: 90% !important; }
}

@media (max-width: 640px) {
	.portadacerealimg{ width: 525px; }
	.naveplatano { width: 200px !important; top: 63px !important; }
}



@media (max-width: 627px) {
	/* .secciontortolin1 { height: 1209px !important;  }
	 .heightsaritas{ height: 1091px !important; }
	 .heightpafritas { height: 1130px !important; }
	 .heightryskos { height: 1150px !important; }
	 .heightseccion { height: 1071px !important; }*/
}

/*@media (max-width: 618px) {
  .fuentereducida{ line-height: 15px; }
}*/
@media (max-width: 615px) {
	.tostitosmuneco{ right: -22px; top: 203px; width: 158px; }
	.portadasalados{ width: 461px !important; }
}





@media (min-width: 300px) and (max-width: 685px){
	.rykosmuneco{ display: none;}
	/*.tostitosmuneco { right: -58px; width: 259px; }*/
} 

@media (min-width: 501px) and (max-width: 690px){
	/*.seccion-inacake{ height: 1289px !important; }*/
	/*.seccion-inaverso{ height: 1289px !important; }*/
		
} 

@media (min-width: 275px) and (max-width: 850px){
	   .menustick2 { height: 75px !important; }/*67px*/
		
} 


@media (max-width: 575px) {
	.recuadro2 {width: auto; height: auto; display: inline-block; margin: 4px 5px; font-size: 11px; transition: all 0.5s; text-rendering: optimizeLegibility; letter-spacing: 1px; padding: 1px 10px;}
	/*.tostitosmuneco{ display: none;}*/
	.menustick { margin-left: 0 !important;}
	/*.panchitomuneco{ width: 345px !important; right: -164px !important; top: 522px; }*/
	.textproductos{ font-size: 17px !important; text-wrap-mode: nowrap; }
	.ganso2cereal{ right: -57px !important; width: 240px !important; }
	.tigre2cereal , .tigre2reposteria{ right: -25px; }
	.tortilla{ right: -103px !important; width: 250px !important; top: 5% !important; }
	.muneco-ina { width: 137px !important; top: 60% !important }
	.tostachosheight { height: 1000px !important; }
	.munecobanner { width: 195px !important;  top: -45% !important; }
	.ina-unico { width: 100% !important; }
	.recuadroproductos2{ padding: 0px !important; }
	.recuadroproductos22, .recuadroproductos22d, .recuadroproductos22e, .recuadroproductos22ee, .recuadroproductos22f, .recuadroproductos22ff, .recuadroproductoscan, .recuadroproductoscuates, .recuadroproductospica, .recuadroproductoschicha, .recuadroproductosprispas, .recuadroproductostorti , .recuadroproductos22b , .recuadroproductospica , .recuadroproductoschicha , .recuadroproductosprispas , .recuadroproductostorti { padding: 0px !important;}
	
	 
}


@media (max-width: 550px){
	.side-nav-btn { right: 22px !important; }
	.tostitosmuneco { top: 180px; }
		
} 

@media (max-width: 519px) {
	/*.seccion-inacake{ height: 1347px !important; }*/
	/*.seccion-inaverso{ height: 1347px !important; }*/
	.pad-condicion{padding-top: 80px;}
	.bonylogo{ width: 90px !important; }
	.textobony{ font-size: 13px !important; }
	.poplogo{ width: 100px !important; }
	.ryskostexto{ font-size: 13px !important; }
	.logotigreton{ width: 100px !important; }
	.inalogo{ width: 150px !important;}
	.panchitoslogo{ width: 140px !important; }
	.muneco-ina { width: 145px !important; top: 53% !important; }
	/*.panchitosheight{ height: 1041px !important; }*/
	.hamburguesa{ font-size: 35px !important; line-height: 32px !important;}
}

@media (max-width: 500px) {
	.tortilla{ width: 215px !important; }
	/*.seccion-inacake * h1{ font-size: 45px !important; line-height: 46px !important; }*/
	.tostachosheight { height: 965px !important; }
	#productos * h1 { font-size: 29px; line-height: 27px; }
	#productos * p {line-height: 18px; font-size: 16px; }
	.naveplatano{ /*display: none;*/width: 177px !important;top: 63px !important; right: -71px; }
	.recuadroproductos2 ,  .recuadroproductos22f , .recuadroproductoscan , .recuadroproductoscuates {width: 100px !important;}/*.recuadroproductos22 , .recuadroproductos22e ,*/
	.tostitosmuneco { top: 135px; }
}

@media (max-width: 496px) {
	.portadasalados{ width: 400px !important; }
	.naveplatano { width: 200px !important; top: 15px !important; }
	.secciontortolin2 { height: 100% !important; }
	.content-recuadros { width: 100%; width: 130px; right: -24px;}
}
@media (max-width: 420px) {
	.tostitosmuneco { top: 120px; }
	.inatostitos {height: 401px;}
	.inatigreton {height: 420px;}
	.tigrenterprise {font-size: 14px !important;}
	.inapafritas{height: 500px;}
}

@media (max-width: 395px) {
	.cuadro-ina {height: 390px;}
	.inapafritas{height: 500px !important;}
}


.locuratexto{font-size: 14px;}


.textopop{ font-size: 14px;}

.panchitoriustexto{
	font-size: 16px;
}



.fondonegro {
	background-color: #000211;
}

.tortolinlogo {
	width: 250px;

}

.panchitoslogo{
	width: 200px;
}

.centrar-nombreplaneta {
	place-items: center;
    display: grid;
}

.bloquentero-texto-inaverso {
	width: 100%;
	height: 50%;
	place-items: center;
    display: grid;
	
}

.contenedor-inaversos {
	padding: 15px;
}

.descripcion-planeta {
	text-align: center;
	padding-top: 20px;
    line-height: 24px;
}


.border-img {
	border-right: solid 3px;
}

.todo {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	align-content: stretch;
}

.content-ina {
	height: 100%;
    display: grid;
    place-items: center;
}

.grupo {
	height: 600px;
	padding: 10%;
	width: 600px;
}

.cuadro-ina {
	position: absolute
}

.muneco-ina {
	position: absolute;
    width: 300px;
    top: 41%;
    animation: movedown 5s infinite linear alternate;
	z-index: 2;
}

.planeta {
	font-size: var(--font-xs);
}

.text-inaverso {
	color: #65d78b;
}

.tostitologo {
	width: 200px;
}

.bonylogo {
	width: 120px
}

.grupo2 {
	height: 600px;
	padding: 10%;
	width: 650px;
}

.grupo3 {
	height: 600px;
	padding: 10%;
	width: 720px;
}

.ryskoslogo {
	width: 150px;
}

.tigrenterprise {
		font-size: 17px;
}

.logotigreton {
	width: 130px;
}

.gruporyskos {
	height: 600px;
	padding: 10%;
	width: 650px;
}



.poplogo {
	width: 150px;
}

.inalogo {
	width: 200px;
}

.pafritalogo {
	width: 200px;
}

.ganso-inaversotexto {
	font-size: 14px;
}



.ina-unico {
	width: 65% !important;
}

.padding-bot {
	padding-bottom: 65px;
}

.fondobolitasqueso {
	background-color: #18008e;
}

.bolitadequesocolor {
	color: #ffce00;
}

/*.inaversocuadros{
	z-index: -1;
	position: relative;
}*/
.colorverdetorti {
	color: #5F661D
}

.inacake-original {
	color: #EF9D45
}

.fondopafritas9 {
	background-color: #00A1CC;
}

.pafritastexto9 {
	color: #FFE027;
}

.fondoryskos5 {
	background-color: #6d2e7d
}

.fondolocachos1 {
	background-color: #2819ba
}

.fondolocachos2 {
	background-color: #c1231b
}

.fondolocachos3 {
	background-color: #ae5200
}

.colorlocacho1 {
	color: #ffa64d
}

.fondofruti {
	background-color: #ffa9e7;
}

.fruticolor {
	color: #5e1fc1;
}