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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.BannerHome
{
	
	}

.tirro{
	background-image:url("../images/tirro.jpg");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100px;
}

.tirro2{
	background-image:url("../images/tirro2.jpg");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100px;
}

.d-tirro{
	flex: auto;
	justify-content: center;
	align-content: center;
	
}
	
.jumbotron_vm
{
	padding-top:0px;
	background-color:#FFF;
	}
	
.containerPT{
  width: 90%;           /* ocupa el 90% del ancho del viewport */
  max-width: 1104px;    /* límite máximo para pantallas grandes */
  margin: 0 auto;       /* centra horizontalmente */
		}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.bordeDerecho
{
	border-right-style:solid; 
	border-color:#CCC; 
	border-width:1px;
	}
	

	
.footer {
	  background-color:#4662a7;
	  
	}

	
	
	
.RectangulosTecnologia {
	background-size:600px; 	
	background-position:center; 
	height:200px;
	text-align:center; 
}


.RectangulosTecnologia {
  cursor: pointer;
}
		
.fila1{
	height:80%;
	}

.camisa{
	padding-left:0px;
	}
	

	
.BotonesCuadraditos
{
	padding:0px; 
	padding-left:0px;
	padding-right:0px;
	}
	



.FotoProducto1
{
	max-height:450px;
	}


.ImagesProcesos img {
  max-width: 100%;
  height: auto;
}





/* Contenedor centrador */
.contenedor-imagen {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.enlace-imagen {
  display: inline-flex;        /* permite que el enlace se comporte como contenedor flexible */
  align-items: center;
  justify-content: center;
}

.fila1 {
  max-height: 80%;
  max-width: 80%;
  object-fit: contain;
  display: block;
}

.img-wrapper {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
	width: 100%;
}

.custom-img {
  max-height: 80%;
  max-width: 80%;
  object-fit: contain;
  display: block;

}


/* Imagen SVG adaptativa */
.svg-ajustada {
  width: 80%;
  height: auto;
  max-height: 100%;
  display: block;
}


.svg-container {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 10px; /* un poco de respiro si lo necesitás */
}

.svg-fix {
  width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}


.image-box {
/*  width: auto;*/
  height: 200px; 
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
	cursor: pointer;
 	object-fit: cover;

}



.image-box2 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
cursor: pointer;
}

.responsive-img {
  max-height: 100%;           /* Nunca más alta que el contenedor */
  width: auto;
  max-width: 100%;            /* Se adapta si es muy ancha */
  object-fit: cover;
  display: block;
}

.pvz {
	padding-top: 50px;
	padding-bottom: 50px;
}



.menu-img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 235px;
  margin: 0 auto;
	
	
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;	
}

.backBH{
	background: linear-gradient(
  to right,
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 0.45) 100%
);

}


.backfooter{
	background: linear-gradient(
  to right,
  rgba(0, 0, 0, 0.1) 0%,
  rgba(0, 0, 0, 0) 50%,
  rgba(0, 0, 0, 0.5) 100%
);

}


.cajacontacto1{
	background-color: #1a9fe0;
	border-radius: 26px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;
}

.cajacontacto2{
	background-color: #e21b31;
		border-radius: 26px;
		margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;

}

.cajacontacto3{
	background-color: #ffd932;
		border-radius: 26px;
		margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;

}

.cajacontacto4{
	background-color: #707070;
		border-radius: 26px;
		margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;

}

.caja20per{
		width: 20%;
}
	
@media screen and (max-width:991px) {
	
.bordeDerecho
{
	border-right-style:none; 
	}	
	
.CirculosHome
 {
	width:60%; 
	 }
	
	
	.fila1{
max-height: 130px;
	}
	

	
.image-box {
height: 200px;
}	
	
	}


	
	@media screen and (max-width:767px) {
	
	
.CirculosHome
 {
	width:50%; 
	 }
	 
.ImagesProcesos{
	background-size:510px;
	background-repeat:no-repeat;
	background-position:top;
	height: auto;
	}
	
.fila1{
	max-height: 130px;
	}
		
		.f2a{
	width: 100%;
	height: auto;
	
}	


		
.arca{
 max-height: 8.5rem;		
	}
		
.image-box {
height: 200px;
}
	
	}
	
@media screen and (max-width:575px) {
	
	
.CirculosHome
 {
	width:50%; 
	 }
	 
.FotoProducto1
{
	max-height:200px;
	}
	
.f2a{
	width: 100%;
	height: auto;
}	
	
.fila1{
	max-height: 130px;
	}
	
.img-wrapper {
    height: 150px !important;
  }
	
  .RectangulosTecnologia > .d-flex {
    height: 200px !important;
    overflow: hidden;
    padding: 0;
  }

 .custom-img {
    width: 90% !important;      /* fuerza a que no se desborde horizontalmente */
    height: auto !important;    /* mantiene proporción */
    display: block;
    margin: 0 auto;             /* centro horizontal */
  }

 .arca {
    max-height: 100% !important;
  }
	
.svg-ajustada {
    width: auto; /* un poco más chica en pantallas chicas */
    max-height: 100%;
  }
	
.svg-container {
    height: 160px; /* o menos si querés */
  }

 .svg-fix {
    width: 90%; /* escala dentro del nuevo contenedor */
    max-height: 100%;
  }
	
.image-box {
height: 130px;
}

.responsive-img {
  width: 80%;
  height: 80%;
  max-height: 150px;
  object-fit:contain;
  display: block;
}

	
	
	}