/* BODY */
body 							{background: var(--gray1);}
.img-int 						{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.main 							{width: 88%; margin: 90px auto 0px auto; max-width: 1200px;}
.bold800 						{font-weight: 800;}


/* HEADER */
.header 						{padding: 14px; display: flex; align-items: center; justify-content: space-between; border-radius: 30px; background: var(--primario); color: white; width: calc(100% - 40px); max-width: 1200px; position: fixed; left: 0px; right: 0px; margin: 20px auto 0px auto; z-index: 10; transition: .3s;
	.logo 						{width: 220px;
		img 					{filter: brightness(0) invert(1);}
	}
	.right 						{display: flex; align-items: center; gap: 18px;}
	.nav 						{display: flex; gap: 8px;}
	.navLink 					{font-weight: 500; font-size: 17px; cursor: pointer; border-bottom: 1px solid var(--primario); padding: 4px 0px 4px 0px; transition: .2s;
		&:hover 				{transform: scale(1.05); border-bottom: 1px solid var(--aprobado-light); color: var(--aprobado-light);}
		&:active 				{transform: scale(.96);}
	}
	.line 						{width: 1px; height: 30px; background: white;}
	.btLink 					{display: flex; align-items: center; gap: 5px; cursor: pointer; font-weight: 500; transition: .2s;
		&:hover 				{transform: scale(1.05); color: var(--aprobado-light);}
		&:active 				{transform: scale(.96);}
	}
	.icoCall 					{font-size: 22px;}
	.txtCall 					{}
	.leng 						{text-transform: uppercase; border-radius: 16px; border: 1px solid white; height: 44px; display: flex; align-items: center; padding: 0px 10px; font-weight: 500; cursor: pointer; transition: .2s;
		&:hover 				{background: black; color: var(--secundario); border: 1px solid black;}
		&:active 				{transform: scale(.9);}
	}
	.menuMob 					{display: contents;}
	.icoMenu 					{display: none; cursor: pointer; transition: .2s;
		&:hover 				{transform: scale(1.05); color: var(--aprobado-light);}
		&:active 				{transform: scale(.96);}
	}
}

@media ( width <= 940px )      	{
	.header						{background: rgba(0,0,0,0);
		.icoMenu				{display: flex;height: 38px;font-size: 16px;}

		/* El fondo naranja pasa a su propia capa: un hijo con z-index negativo
		   se pinta encima del fondo del padre, así que sin esto la sombra le
		   quedaba por delante. El contenido del header no se toca. */
		&::before				{content: ""; position: absolute; inset: 0px; background: var(--primario); border-radius: inherit; z-index: -1;}

		/* El panel baja de 0vh a 100vh detrás del header, que queda siempre
		   visible por estar más arriba en el apilado. */
		.menuMob				{position: fixed; top: 0px; left: 0px; width: 100%; height: 0vh; overflow: hidden; z-index: -2; background: rgba(0,0,0,0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; padding: 0px 30px; transition: .45s;}
		.nav					{display: flex; flex-direction: column; align-items: center; gap: 20px; opacity: 0; transform: translateY(-14px); transition: .3s;}
		.navLink				{font-size: 26px; border-bottom: 1px solid rgba(0,0,0,0);
			&:hover 			{border-bottom: 1px solid var(--aprobado-light);}
		}
		.line					{display: flex; width: 100%; max-width: 320px; height: 1px; opacity: 0; transition: .3s;}
		.btLink					{opacity: 0; transform: translateY(14px); font-size: 22px; transition: .3s;}
		.icoCall				{display: flex; font-size: 24px;}
		.txtCall				{display: block;}
		.btnEng					{display: flex; width: 100%; max-width: 320px; height: 52px; justify-content: center; font-size: 20px; opacity: 0; transform: translateY(14px); transition: .3s;}
	}

	.menuOn						{
		.menuMob				{height: 100vh;}
		.nav					{opacity: 1; transform: translateY(0px); transition: .4s .15s;}
		.line					{opacity: 1; transition: .4s .2s;}
		.btLink					{opacity: 1; transform: translateY(0px); transition: .4s .25s;}
		.btnEng					{opacity: 1; transform: translateY(0px); transition: .4s .3s;}
	}
}

@media ( width <= 650px )      	{
	.header						{padding: 18px 12px 12px 12px;margin: 0px;border-radius: 0px 0px 22px 22px;width: 100%; 
		.logo					{width: 178px;}
	}
}



/* FOOTER */
.footer 						{background: var(--secundario); color: black; display: flex; justify-content: center; border-radius: 30px 30px 0px 0px; padding: 20px 0px 20px 0px; margin: 160px 0px 0px 0px;
	.wrap 						{width: calc(100% - 40px); max-width: 1200px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
	.left 						{display: flex; align-items: flex-start;}
	.logoFooter 				{width: 160px; margin: 0px 30px 0px 0px; filter: brightness(0) saturate(100%);}
	.line 						{width: 1px; height: 140px; background: black;}
	.group 						{display: flex; flex-direction: column; margin: 30px 10px 0px 30px; gap: 4px;}
	.title 						{font-size: 16px; font-weight: 700; margin: 0px 0px 7px 0px;}
	.wrapLinks 					{display: flex; gap: 5px; flex-direction: column;}
	.linkFooter 				{width: fit-content; font-size: 16px; font-weight: 500; transition: .2s;
		&:hover 				{transform: scale(1.05); color: var(--black06);}
		&:active 				{transform: scale(.96);}
	}
	.rrss 						{display: flex; gap: 12px;}
	.icoRs 						{width: 46px; height: 46px; border: 1px solid black; border-radius: 14px; display: flex; justify-content: center; align-items: center; font-size: 22px; cursor: pointer; transition: .2s;
		&:hover 				{transform: scale(1.15); color: var(--secundario); background: black;}
		&:active 				{transform: scale(.96);}
	}
}

@media ( width <= 820px )      	{
	.footer						{
		.left					{flex-wrap: wrap; width: 100%;}
		.line					{width: 100%; height: 1px; margin: 17px 0px 0px 0px;}
		.group					{margin: 20px 10px 10px 30px; width: 100%;}
		.rrss					{width: 100%; justify-content: center; margin: 30px 0px 0px 0px;}
		.icoRs					{width: 48%;}
	}
}


/* BANERS */
.baner1 						{width: 100%; height: 300px; overflow: hidden; border-radius: 0px 0px 30px 30px; display: flex; align-items: flex-end; justify-content: center;
	h1							{position: absolute; background: var(--complement1); color: white; z-index: 1; font-weight: 600; font-size: 24px; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0px 16px; border-radius: 18px; margin: 0px 0px -20px 0px; margin: 0px 0px -25px 0px; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.7);}
}





/* DATOS CONTACTO */
.wrapForm 						{margin: 80px auto 0px auto; width: 88%; max-width: 700px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.itemContact					{padding: 0px 10px;
	.title 						{font-weight: 700; font-size: 22px; margin: 0px 0px 16px 0px;}
	.btn 						{display: flex; width: fit-content; text-wrap: nowrap; margin: 9px 0px 0px 0px; gap: 4px;}
	.icoCont 					{}
}
.form 							{background: white; width: 100%; border-radius: 20px; padding: 14px; display: flex; flex-direction: column; gap: 10px; margin: 40px 0px 0px 0px;
	.title 						{font-weight: 700; font-size: 22px; padding: 0px 10px; margin: 0px 0px 4px 0px;}
	.campoContact 				{border: 1px solid var(--black06); width: 100%; padding: 6px 10px; border-radius: 10px; transition: .3s;
		&::placeholder			{transition: .3s;}
		&:focus					{border: 1px solid var(--complement1); box-shadow: 0px 8px 14px -10px rgba(0,0,0,0.5); color: var(--complement1);}
		&:focus::placeholder 	{color: var(--complement1);}
	}
	.btnSend 					{width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background: var(--complement2); border-radius: 12px; font-size: 22px; font-weight: 500; color: var(--aprobado-light); margin: 10px 0px 0px 0px; cursor: pointer; transition: .3s;
		&:hover 				{background: black; color: white;}
		&:active 				{transform: scale(.96);}
	}
}

@media ( width <= 760px )      	{
	.wrapForm					{gap: 30px;
		.itemContact			{width: 100%;}
		br 						{display: none;}
	}
	.form						{margin: 0px 0px 0px 0px;}
}



/* NOVEDADES */
.wrapNovedades 					{display: flex; flex-wrap: wrap; gap: 30px 20px;}
.btNovedades 					{width: 32%; background: white; color: var(--primario); border-radius: 22px; overflow: hidden; border: 1px solid var(--primario); padding: 6px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-shrink: 0; transition: .2s;
	&:hover 					{border: 1px solid var(--complement1); color: var(--complement1); box-shadow: 0px 20px 30px -20px rgba(0,0,0,0.3); transform: scale(1.01);}
	&:active 					{transform: scale(.96);}
	&:hover .imgWrap 			{opacity: .8;}

	.imgWrap 					{overflow: hidden; border-radius: 18px; height: 170px; transition: .3s;}
	.title 						{font-size: 22px; width: calc(100% - 40px); margin: 14px 0px; padding: 0px 0px 0px 12px;}
	.icoNov 					{font-size: 24px; padding: 0px 10px 0px 0px;}
}

@media ( width <= 1140px )      {
	.wrapNovedades				{gap: 30px 0px; justify-content: space-between;}
	.btNovedades				{width: 48.5%;}
}

@media ( width <= 750px )      	{
	.btNovedades				{width: 100%;}
}




/* DETALLE PRODUCTO */
.btnPedido 						{background: var(--complement2); width: 100%; color: white; display: flex; align-items: center; justify-content: space-between; height: 44px; font-size: 22px; padding: 0px 14px 2px 14px; border-radius: 18px; font-weight: 500; transition: .2s;
	&:hover 					{background: black; transform: scale(1.02);}
	&:active 					{transform: scale(.96);}
	
	.icoPed 					{}
}
.wrapProduct 					{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;
	.left 						{max-width: 430px; width: 100%; position: sticky; top: 120px; display: flex; flex-direction: column; align-items: center; }
	.right 						{width: calc(100% - 450px); display: flex; flex-direction: column; gap: 24px;}
	.btnPedido					{width: fit-content; margin: -22px 0px 0px 0px; position: relative; gap: 16px;}
}
@media ( width <= 990px )      	{
	.wrapProduct				{justify-content: center; gap: 40px;
		.left					{position: relative; top: auto;}
		.right					{width: 100%;}
	}
}

.product 						{border: 1px solid var(--primario); border-radius: 30px; background: white; padding: 20px 0px; overflow: hidden; position: relative;
	.productImg 				{position: relative; z-index: 1;}
	.circleDec 					{background: var(--primario); width: 100%; height: 50%; display: block; position: absolute; bottom: 0px; border-radius: 50% 50% 0px 0px; opacity: .15;}
}
.itemProductDet 				{background: white; border-radius: 20px; padding: 20px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px;
	h2							{font-weight: 800; color: var(--complement2); font-size: 34px; width: 100%;}
	.info 						{color: var(--complement2); font-size: 20px; font-weight: 500; display: flex; align-items: center; gap: 4px;}
	.nro 						{font-weight: 800; font-size: 34px;}
	.nroSide 					{}
	.descript 					{text-wrap: wrap; width: 100%;}
	.subtitle 					{width: 100%; font-weight: 800; font-size: 22px;}
	.marca 						{height: 120px; width: auto;}
}
@media ( width <= 650px )      	{
	.itemProductDet				{
		h2 						{font-size: 28px;}
		.nro					{font-size: 26px;}
		.nroSide				{font-size: 16px;}
		.marca					{height: auto; width: 100%;}

	}
}

.checkList 						{font-size: 20px; display: flex; align-items: flex-start; gap: 4px; font-weight: 500;
	.icoList 					{}
}
.acordeonItem 					{margin: 12px 0px 0px 0px;
	.top 						{display: flex; align-items: center; justify-content: space-between; font-size: 22px; cursor: pointer; transition: .3s;
		&:hover 				{color: var(--complement1);}
	}
	.quest 						{width: calc(100% - 40px);}
	.icoAcord 					{transition: .3s;}
	.rpta 						{text-wrap: auto; padding: 0px 12px; margin: 0px 0px 0px 0px; display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease, margin .35s ease;
		p 						{overflow: hidden;}
	}
}
@media ( width <= 650px )      	{
	.acordeonItem				{
		.top					{font-size: 20px;}
	}
}
.acordeonOn 					{color: var(--complement1);
	.top 						{font-weight: 600;}
	.icoAcord 					{transform: rotate(180deg);}
	.rpta 						{margin: 9px 0px 0px 0px; grid-template-rows: 1fr;}
}




/* TEXTOS DE CATEGORIA */
.textoCategoria 				{width: 100%; margin: 0px 0px 30px 0px; text-wrap: pretty; font-size: 19px;}
.sinProductos 					{width: 100%; margin: 10px 0px 40px 0px; color: var(--gray3); font-weight: 500;}
.mainProductos .othersCat 		{margin: 0px;}
.txtCat 						{max-width: 500px; margin: 0px auto 60px auto; text-align: center; font-size: 20px; background: white; padding: 20px 12px; border-radius: 20px; color: var(--complement1); border: 2px solid var(--complement1); font-weight: 500;}



/* RESEÑAS GOOGLE */
.titleSub 						{width: 100%; font-weight: 800; font-size: 28px;}
.resenas 						{text-align: center; margin: 110px 0px 0px 0px;
	.wrapResenas 				{width: 100%; display: flex; justify-content: center; gap: 30px; margin: 20px 0px 0px 0px;}
	.item 						{width: 230px; height: 210px; background: gray; border-radius: 30px;}
}
@media ( width <= 650px )      	{
	.titleSub					{font-size: 24px;}
}



/* PRODUCTO CARD */
.wrapProduct2					{justify-content: flex-start; gap: 30px 26px;}
.productUni						{border: 1px solid var(--primario); border-radius: 30px; background: white; padding: 20px 0px; overflow: hidden; position: relative; width: 23%; color: var(--primario); cursor: pointer; transition: .2s;
	&:hover 					{border: 1px solid var(--complement2); color: var(--complement2); transform: scale(1.01); box-shadow: 0px 20px 30px -20px rgba(0,0,0,0.4);}
	&:hover .price				{color: var(--complement2);}
	&:hover .circleDec			{background: var(--complement2);}
	&:active 					{transform: scale(.98); box-shadow: 0px 10px 6px -10px rgba(0,0,0,0.4);}

	.productImg 				{position: relative; z-index: 1;}
	.circleDec 					{background: var(--primario); width: 100%; height: 50%; display: block; position: absolute; bottom: 0px; border-radius: 50% 50% 0px 0px; opacity: .15; transition: .2s;}
	.infoProd 					{width: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; padding: 0px 18px; position: relative; z-index: 1;}
	h2 							{font-weight: 700; font-size: 21px; width: calc(100% - 72px); text-wrap: balance; line-height: 1;}
	.price 						{color: var(--gray4); font-weight: 600; text-transform: uppercase; font-size: 20px;}
	.desde 						{font-size: 12px; transition: .2s;}
	.nro 						{font-weight: 700; transition: .2s;}
}
@media ( width <= 1200px )      {
	.productUni					{width: 31%;}
}
@media ( width <= 930px )      	{
	.productUni					{width: 31%;}
}
@media ( width <= 850px )      	{
	.productUni					{width: 48%;}
	.wrapProduct2				{justify-content: space-between; gap: 30px 0px;}
}
@media ( width <= 570px )      	{
	.productUni					{width: 100%;}
}



/* TITULO INTERNO */
.titleGen						{text-align: center; font-weight: 500; color: var(--complement1); font-size: 42px;}
.titleInt						{font-weight: 800; color: var(--complement2); text-align: center; font-size: 40px; width: 100%; max-width: 380px; margin: 0px auto 50px auto; line-height: 1;}
@media ( width <= 850px )      	{
	.titleInt					{font-size: 32px;}
}
@media ( width <= 650px )      	{
	.titleInt					{font-size: 28px;}
	.titleGen 					{font-size: 30px;}
}


/* OTRAS CATEGORIAS */
.othersCat 						{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 0px; margin: 90px 0px 0px 0px;}
.titleSub 						{text-align: center;}
.btnOther 						{width: 48.5%; height: 280px; overflow: hidden; border-radius: 30px; position: relative; font-size: 30px; font-weight: 700; transition: .2s;
	&:hover 					{transform: scale(1.02); box-shadow: 0px 30px 40px -30px rgba(0,0,0,0.5); border: 4px solid var(--complement1);}
	&:hover .shadow				{background: rgba(255,255,255,0.6); color: var(--complement2);}
	&:active 					{transform: scale(.98); box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.5); border: 2px solid var(--complement1);}

	.imgWrap 					{width: 100%; height: 100%;}
	.shadow 					{background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; top: 0px; color: white; display: flex; align-items: flex-end; padding: 24px; justify-content: center;}
}
@media ( width <= 850px )      	{
	.btnOther					{width: 100%; font-size: 24px;}
}




/* BANER HOME */
.banerHome 						{width: 100%; height: 80vh; overflow: hidden; border-radius: 0px 0px 30px 30px; position: relative;
	.imgWrap 					{width: 100%; height: 100%; position: absolute;}
	.shadow 					{width: 100%; height: 100%; position: relative; display: flex; align-items: flex-end; justify-content: center; background: #000000; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.5) 100%); text-align: center; color: white; padding: 0px 0px 80px 0px;}
	.copy 						{display: flex; flex-direction: column; align-items: center; gap: 0px; width: 88%; max-width: 530px;
		.titleGen				{color: white;}
	}
	.subtitle 					{font-weight: 700; font-size: 30px; line-height: 1;}
	.title 						{font-weight: 800; font-size: 50px; text-wrap: auto; line-height: 1.1;}
	.btn 						{background: rgba(255, 255, 255, 0.3); border-radius: 16px; border: 1px solid white; height: 44px; display: flex; align-items: center; justify-content: center; width: fit-content; padding: 0px 12px 2px 12px; font-weight: 500; font-size: 20px; margin: 20px 0px 0px 0px; cursor: pointer; transition: .2s;
		&:hover 				{background: white; color: var(--complement1); transform: scale(1.01);}
		&:active 				{transform: scale(.98);}
	}
}



/* CARRUSEL */
.mainHome 						{margin: 40px auto 0px auto;position: relative;z-index: 1;
	.subtitle 					{text-align: center;font-weight: 800;color: var(--complement2);font-size: 22px;}
}
.carousel 						{margin: 20px 0px 0px 0px; padding: 10px 0px 30px 0px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab; user-select: none;
	&::-webkit-scrollbar		{height: 0px;}
	.carouselInt 				{display: flex; justify-content: safe center; gap: 20px;}
	.productUni 				{flex-shrink: 0;}
}
.carouselOn						{cursor: grabbing;}

.carouselWrap 					{position: relative;
	.flechaCar 					{background: var(--black); color: var(--primario); width: 44px; height: 44px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 20px; position: absolute; top: 50%; margin: -22px 0px 0px 0px; z-index: 2; cursor: pointer; transition: .2s;
		&:hover 				{background: var(--primario); color: var(--white); transform: scale(1.08);}
		&:active 				{transform: scale(.94);}
	}
	.flechaPrev 				{left: 0px;}
	.flechaNext 				{right: 0px;}
	.flechaOff 					{display: none;}
}




/* PIEZA HOME */
.piezaHome 						{position: relative;
	.videoWrap 					{width: 100%; height: 500px; overflow: hidden;}
	.shadow 					{width: 100%; height: 100%; background: linear-gradient(180deg, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232,0) 60%); position: absolute;}
	.pieza 						{margin: -540px 0px 0px 0px; position: relative; display: flex; align-items: flex-end; justify-content: center;}
	.piezaInt 					{background-image: url(../images/graphic.webp); width: 100%; height: 700px; background-position: bottom; background-size: cover; }
	.nuestra 					{width: 88%; background: rgba(255,255,255,0.5); border: 1px solid white; padding: 16px 12px; text-align: center; position: absolute; border-radius: 22px; max-width: 420px; font-size: 24px; color: var(--complement2); box-shadow: 0px 24px 40px -20px rgba(0,0,0,0.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); bottom: 150px;}
}
@media ( width <= 650px )      	{
	.piezaHome					{
		.nuestra				{font-size: 15px; font-weight: 600;}
	}
}



/* HOME PARTE BAJA */
.mainBottom 					{margin: 20px auto 0px auto; display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;
	.titleGen 					{width: 100%; max-width: 630px; color: var(--complement2); margin: 0px 0px -50px 0px;}
}


/* CARD HOME */
.cardHome 						{width: 100%; height: 70vh; overflow: hidden; border-radius: 30px; position: sticky; top: 120px; margin: 40px 0px 40px 0px; min-height: 600px;
	.imgWrap 					{width: 100%; height: 100%; position: absolute;}
	.wrap 						{position: relative; padding: 14px; display: flex; flex-direction: column; width: 340px; height: 100%; overflow: hidden; justify-content: space-between;}
	.btnCard 					{background: rgba(255,255,255,0.2); color: white; border: 1px solid white; border-radius: 20px; width: 100%; height: 32%; display: flex; align-items: center; flex-wrap: wrap; gap: 0px 8px; cursor: pointer; transition: .2s; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
		&:hover 				{background: white; color: var(--complement1); border: 1px solid var(--complement1); transform: scale(1.02);}
		&:active 				{transform: scale(.98);}
	}
	.imgCard 					{width: 170px;}
	.txtCard 					{width: calc(100% - 180px); font-size: 22px; font-weight: 500;}

	.hppHome 					{background: rgba(255,255,255,0.3); color: white; border: 1px solid white; border-radius: 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; gap: 0px 8px; cursor: pointer; transition: .2s; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 6px;}
	.top 						{padding: 12px;}
	.tec 						{font-size: 40px; font-weight: 500; line-height: 1;}
	.hppSubti 					{font-size: 120px; font-weight: 800; line-height: 1; margin: -14px 0px 0px 0px;}
	.line 						{width: 100%; height: 1px; display: block; background: line; margin: 10px 0px 10px 0px;}
	.txt 						{font-size: 32px;}
	.btnView 					{background: var(--primario); color: white; width: 100%; height: 48px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; cursor: pointer; transition: .2s;
		&:hover 				{background: black; transform: scale(1.02);}
		&:active 				{transform: scale(.98);}
	}
	.titleNov 					{margin: 30px 0px 10px 0px; font-weight: 600; font-size: 24px;}
	.txtNov 					{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
}
@media ( width <= 650px )      	{
	.cardHome					{top: 90px;
		.wrap					{width: 170px;}
		.btnCard				{flex-direction: column; align-items: flex-start; padding: 12px; justify-content: space-between;}
		.imgCard				{width: 70%;}
		.txtCard				{width: 100%;}
		.tec					{font-size: 22px;}
		.hppSubti				{font-size: 59px; margin: 0px 0px 0px 0px;}
		.txt					{font-size: 25px;}
		.titleNov				{font-weight: 800; font-size: 18px;}
	}
}


/* JUGO CON CAJA */
.mainNosotros 					{margin: -170px auto 0px auto; position: relative;}
.jugoCajaWrap 					{width: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between;
	.left 						{font-size: 38px; color: var(--complement2); width: calc(100% - 560px); padding: 0px 0px 30px 0px;}
	.jugoCaja 					{width: 550px;}
}
@media ( width <= 1350px )      {
	.jugoCajaWrap				{
		.left					{font-size: 32px;}
	}
}
@media ( width <= 1070px )      {
	.mainNosotros 				{margin: -120px auto 0px auto;}
	.jugoCajaWrap				{
		.left					{font-size: 28px; width: calc(100% - 410px);}
		.jugoCaja				{width: 400px;}
	}
}
@media ( width <= 950px )      	{
	.mainNosotros				{margin: -190px auto 0px auto;}
	.jugoCajaWrap				{justify-content: center;
		.left					{width: 100%; text-align: center; order: 2;}
		.jugoCaja				{width: 100%; order: 1;}
	}
}
@media ( width <= 560px )      	{
	.mainNosotros				{margin: -100px auto 0px auto;}
	.jugoCajaWrap				{
		.left					{font-size: 24px; font-weight: 500;}
	}
}



/* NROS NOSOTROS */
.nros 							{background: white; width: 100%; max-width: 740px; border-radius: 30px; padding: 20px 20px 200px 20px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 160px auto 0px auto; gap: 30px 40px;
	.nroItem 					{display: flex; flex-direction: column; margin: -100px 0px 0px 0px; gap: 10px;}
	.nroInt 					{background: var(--secundario); font-weight: 800; color: black; width: 160px; height: 160px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 38px; border: 8px solid var(--gray1);}
	.title 						{width: 160px; font-size: 25px; font-weight: 600; line-height: 1; color: var(--primario);}
	.dedicamos 					{font-size: 26px;}
}
@media ( width <= 680px )      	{
	.nros						{margin: 90px auto 0px auto;
		.nroItem				{margin: -85px 0px 0px 0px;}
		.nroInt					{width: 120px; height: 120px; font-size: 27px;}
		.title					{width: 120px; font-size: 18px;}
	}
}
@media ( width <= 560px )      	{
	.nros						{
		.nroItem				{margin: -69px 0px 0px 0px; gap: 10px 0px;}
		.nroInt					{width: 100px; height: 100px; font-size: 24px;}
		.title					{width: 100px; font-size: 15px;}
	}
	.newItem 					{margin: -30px 0px 0px 0px;
		.nroInt					{border: 8px solid white;}
	}
}



/* MIDDLE VIDEO NOSOTROS */
.somosVideo						{overflow: hidden; border-radius: 30px; height: 590px; margin: -140px 0px 0px 0px;}


/* BOTELLAS */
.botellas 						{width: 100%; max-width: 340px; margin: -180px auto 0px auto; position: relative;
	img							{position: relative; z-index: 1;}
	.franja 					{background: var(--primario); width: 170px; height: 480px; position: absolute; left: 0px; right: 0px; margin: 0px auto 0px auto; top: 30px;}
}
.somos 							{text-align: center; font-size: 21px; margin: 20px 0px 0px 0px;}

@media ( width <= 680px )      	{
	.botellas					{max-width: 290px;
		.franja					{height: 410px;}
	}
	.somosVideo					{margin: -90px 0px 0px 0px;}
}
@media ( width <= 560px )      	{
	.botellas					{max-width: 240px;
		.franja					{height: 340px;}
	}
}



/* CERTIFICADOS */
.certificados 					{color: var(--complement2); text-align: center; margin: 50px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 20px;
	.title 						{font-weight: 700; font-size: 30px; width: 100%;}
	.item 						{border: 1px solid var(--complement2); background: white; width: 30%; display: flex; justify-content: center; align-items: center; padding: 30px 20px; font-size: 26px; border-radius: 20px; font-weight: 500;}
}
@media ( width <= 950px )      	{
	.certificados				{
		.item					{width: 48.5%;}
	}
}
@media ( width <= 950px )      	{
	.certificados				{justify-content: space-between; gap: 20px 0px;
		.item					{width: 48.5%;}
	}
}
@media ( width <= 650px )      	{
	.certificados				{
		.item					{width: 100%}
	}
}



/* BANER HOME */
.shadowNosotros 				{padding: 0px 0px 40px 0px !important;
	.copy 						{width: 88%; max-width: 1200px; text-align: left; align-items: flex-start;}
	.titleGen					{font-size: 60px; font-weight: 700;}
}
@media ( width <= 950px )      	{
	.shadowNosotros				{padding: 0px 0px 160px 0px !important;
		.copy					{align-items: center;}		
	}
}




/* NOVEDADES */
.novedadesDet 					{background: white; width: 88%; max-width: 1200px; margin: -150px auto 0px auto; padding: 30px; border-radius: 30px; position: relative; box-shadow: 0px 30px 50px -30px rgba(0,0,0,0.2);
	.textnove 					{margin: 0px 0px 20px 0px;}
	.textnoveBold 				{font-size: 20px; font-weight: 700;}
	img 						{border-radius: 20px; margin: 20px 0px 20px 0px;}
}
.shared 						{display: flex; flex-wrap: wrap; text-align: center; justify-content: center; gap: 10px 10px; margin: 90px 0px 0px 0px;
	.title 						{width: 100%; text-transform: uppercase; font-weight: 700; font-size: 14px;}
	.icoSha 					{border: 1px solid var(--gray4); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px; border-radius: 16px; cursor: pointer; transition: .2s;
		&:hover 				{transform: scale(1.1); background: black; color: white;}
		&:active 				{transform: scale(.96);}
	}
}
.shadowNov						{padding: 0px 0px 190px 0px !important;
	.titleGen					{font-weight: 800;}
}