@import url(header.css);
@import url(home.css);
@import url(nosotros.css);
@import url(contacto.css);
@import url(productos.css);
@import url(item.css);
@import url(footer.css);
@import url(swiper-bundle.min.css);


*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body{background-color: var(--color-gris-claro);}
body img{display: block;}


:root{
	--font-regular: "regular";
	--font-bold: "bold";
	--font-medium: "medium";
	--font-semibold: "semibold";

	--color-celeste:#00A2FD;
	--color-celestehover:#0089d8;
	--color-negro: #2f2f2f;
	--color-parrafo: #7E7E7E;
	--color-gris-lineal: #B7B7B7;
	--color-blanco: #FFFFFF;
	--color-claro: #FAFAFA;
	--color-ng: #000000;

}

.mostrar, .mostrars{overflow: hidden;}
.contenedor-general{width: 90%;height: auto; padding:180px 0px 50px 0px; margin: 0 auto; display: flex; flex-wrap:wrap; align-items: flex-start;}



a, a:hover{text-decoration:none;} 
ul{list-style:none;}

h1, h2, h3, h4, h5{font-weight: normal; display: block; color: var(--color-negro); letter-spacing: -1px;}
h1{font-size: 45px; line-height: 50px; font-family: var(--font-semibold);}
h2{font-size: 70px; line-height: 70px; font-family: var(--font-medium);}
h3{font-size: 26px; line-height: 28px; font-family: var(--font-regular);}
h4{font-size: 30px; line-height: 30px; font-family: var(--font-regular);}
h5{font-size: 20px; line-height: 24px; font-family: var(--font-medium);}

p{font-size: 18px; line-height: 28px; font-family: var(--font-regular); color: var(--color-negro); font-weight: normal; display: block;
letter-spacing: -0.5px;}


@media (min-width:900px) and (max-width:1100px){
	h1{font-size: 35px; line-height: 35px;}
}

@media (min-width:650px) and (max-width:900px){
	h1{font-size: 30px; line-height: 36px;}
	h4{font-size: 24px; line-height: 36px;}

}
@media (min-width:500px) and (max-width:650px){
	h1{font-size: 25px; line-height: 30px;}
	h2{font-size: 50px; line-height: 55px;}
	h4{font-size: 24px; line-height: 36px;}
	.contenedor-general{padding:100px 0px 50px 0px;}

}
@media (min-width:0px) and (max-width:500px){
	h1{font-size: 20px; line-height: 25px;}
	h2{font-size: 40px; line-height: 40px;}
	h3, h4{font-size: 20px; line-height: 28px;}
	h5{font-size: 16px; line-height: 18px;}
	p{font-size: 16px; line-height: 25px;}

	.contenedor-general{padding:100px 0px 50px 0px;}

}