@charset "utf-8";

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

	.BannerPrincipal {	
	}
	.imagenBannerini {
	}
	.bannerSeccionesBox {
	}
	.footer {
		/* margin-top: -23em; */
	}
}

@media screen and (max-width: 1980px) {
	.BannerPrincipal {
		/* height: 42em; */
	}
	.imagenBannerini {
		/* height: 42em; */
	}
	.footer {
		/* margin-top: 0em; */
	}
	.bannerSeccionesBox {
	}
}

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

}

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

}

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

}

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

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

}

@media screen and (max-width: 1080px) {
	.footer {
		background-size: cover;
	}

	.itemServicio{
	    width: 25%;
	}
}

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

	.footer {
		background-size: cover;
	}
	.boxFooter{
		flex-direction: column;
	}
	.logosFooter {
		width: 100%;
	}
	.logoFooter{
		height: 8em;
		margin-bottom: 3em;
	}
	.footerMenu ul {
		justify-content: center;
	}
	.footerFinal {
		flex-direction: column;
	}
	.BannerPrincipal,.imagenBannerini {
	}

	.contenidosBox2 {
		flex-direction: column;
	}

	.contenidosTitulo img {
		width: auto;
		height: 4em;
		margin-top: 2em;
	}

	.boxContenedorLogo{
		width: 100%;
	}
	.topRedes {
		width: 100%;
	}

	.itemProductos{width: 50%;}

	.contenidosBox3 {
		height: 23em;
		width: 96%;
		left: 2%;
		border-bottom-left-radius: 0;
		border-radius: 26px;
	}
	.contenedorBox {
		width: 100%;
	}
	.contenedorFormIni {
		padding: 0.3em !important;
	}
}

@media screen and (max-width: 900px) { 
		.banner-navx1, .banner-navx2 {
			display:none;
		}

	.textoModal {
		height: 100%;
		max-height: 64vh;
	}

}


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

	.textoModal2 {
		height:90vh;
	}


	.itemBox5 {
		width: 46%;
	}
	.portafolio-navx1, .portafolio-navx2 {
		display:none;
	}

	.bannerSeccionesBox {
		height: 28em;
	}

	.boxdetalleDestacados {
		flex-direction: column-reverse;
	}

	.itemDetDestImg {
		border-radius: 25px;
		width: 90%;
	}

	.boxItem {
		width: 46%;
		/* height: 14em; */
	}
	.itemServicio{
	    width: 40%;
	}
}



@media screen and (max-width: 780px) {
	.menuFlotante {
		/* right: 0; */
		/* width: 50px; */
	}
	.boxBlog {
		flex-direction: column;
	}
	.columnBlog{
		width: 100%;
	}
	.itemBlog, .itemBlog2{
		height: 30em;
	}
	.baseBlog {
		height: 12em;
	}
	.footer {
		
	}
	.bannerSeccionesTitulo1 {
		top: 2.3em;
		font-size: 4.4em;
	}
}

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

	.itemDestacados{
		/* width: 44%; */
	}
	.itemCliente {
		width: 24%;
	}
	.resumenNoticia2 {
		padding: 2em 1em 3em 1em;
	}

	.contacto {
		flex-direction: column;
	}
	.titContacto, .textoContacto {
		width:100%;
	}
	.boxContacto{
		margin: 1em 0;
	}
	.contenedorContacto{
	min-height: 51em;
	}
}

@media screen and (max-width: 600px) { 
	.BannerPrincipal,.imagenBannerini {
	}

	.imgBannerDos {
		height: 6em;
		width: 100%;
		left: 0;
	}	
	.imagenBanneriniEnlace {
		/* top: 14em; */
		margin-bottom: 1em;
	}
	
	.utilidadesTopDos {
		flex-direction: column;
	}
	.logoIniDer {
		height: 5em;
		box-sizing: border-box;
	}
	#topRedes {
		display: none;
	}

	.menuFlotante {
		/* right: 0; */
		/* width: 90px; */
		/* position: absolute; */
		/* top: 27px; */
		/* z-index: 999; */
		/* right: 0.3em; */
	}
	.menuFlotante ul {
		display: flex;
		width: 100%;
	}
	.footerDatos {
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
		margin-bottom: 3em;
	}
	.bannerSeccionesTitulo1 {
		top: 3em;
		font-size: 3.4em;
	}

	.itemProductos{width: 100%;}
	.itemDetDestImg2 {
		padding: 4em;
	}

	.boxBotonesBanner{
		 flex-direction: column;
		}

	
}

@media screen and (max-width: 550px) { 
	.itemBox5 {
		width: 100%;
	}
	.boxServicios{
		
	}

	.itemServicio{
	    width: 100%;
	}

	.boxItem {
		width: 100%;
		/* height: 12em; */
	}
	.textPortafolio {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 500px) { 
	.boxContenedorLogo {
		width: 60%;
		/* background-color: blue; */
		margin: auto;
	}
	.logoIniDer {
		/* left:34px; */
	}

	.utilidadesTopDos{
		/* background-color: #0e80b3; */
	}
	.utilidadesDosBox1{
		width: 50%;
	}

	.itemDestacados{
		/* width: 44%; */
		/* height: 7em; */
	}

	.itemCliente {
		width: 32%;
		height: 7em;
	}
	
	.boxItem {
		width: 46%;
		/* height: 12em; */
	}

	.itemSomos{
		width: 100%;
	}

	.boxItem {
		width: 96%;
		/* height: 12em; */
	}
	
}

@media screen and (max-width: 400px) { 
	.boxItem {
		width: 100%;
		/* height: 12em; */
	}
}

@media screen and (max-width: 350px) { 
	.logoIniDer {
		height: 4em;
		box-sizing: border-box;
	}
	.tituloIniFormIni {
		font-size: 2.4em;
	}
}