@import url('../fuentes.css');

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}
body {	
	background: #EEEEEE;
}
body input, body select,
body textarea{
	border-radius: 7px !important;
	font-size: 0.85em !important;
}
body label{
	font-size: 0.85em !important;
	margin: auto 0px;
}
textarea{
	resize: none;
}
.main{
	flex-direction: column;
	width: 80%;
	margin: 150px auto 0px;
	padding: 4px;
	z-index: 0;
}
.div_grup1{
	justify-content: space-between;
	margin-bottom: 50px;
}
.div_grup2{
	justify-content: center;
	margin-bottom: 50px;
}
.margn{
	margin: 0px 50px;
}
.div_clnts{
	width: 23%;
	align-items: center;
	height: auto;
}
.div_clnts .div_imgn {
	position: absolute;
	width: 280px;
	height: 270px;
	align-items: center;
	flex-direction: column;
	box-shadow: 3px 3px 10px #373232;	
}
.div_imgn{
	cursor: pointer;
}
.div_imgn img{
	width: 90%;
	height: auto;
	margin: auto;
}
.div_clnts .div_texto {
	position: relative;
	transition: all 1s ease;
	opacity: 0;
	padding: 15px;
	width: 280px;
	height: 270px;
	box-shadow: 3px 3px 10px #373232;	
}

/* Cuando se haga hover sobre el contenedor */
.div_clnts:hover > .div_imgn {
	transition: all 1.2s ease;
	opacity: 0;
}
.div_clnts:hover > .div_texto {
	transition: all 1.2s ease;
	opacity: 1;
}
.div_texto {
	flex-direction: column;
}
.div_texto p{
	font-family: SourceSansPro, Arial, Helvetica, SansSerif;
	color: #020101;
	font-size: 1em;
	margin: auto;
	padding: 7px;
}
.icon_ok{
	margin-right: 10px;
	/* color: #6167D4; */
}
.masinfo{
	font-family: IBMPlexMono-BoldItalic, Courgette-Regular, Arial, Helvetica;
	font-size: 0.8em;
	color: #4D53CE;
	margin-left: auto;
	margin-right: 15px;
	cursor: pointer;
	visibility: hidden;
}




/* MEDIA QUERYS */

/* SCREEN 1920 */
@media screen and (min-width:1900px) {
	.div_footer1, .div_footer2{
		width: 96%;
	}
}

/* SCREEN 1024 */
@media screen and (max-width:1024px) {
	.masinfo{
		visibility: visible;
	}

}



/* SCREEN 1366 */
@media screen and (max-width:1366px) {
	#header{
		left: 15px;
	}
	.main{
		margin-left: 15px;
		width: 95%;
	}

}

/* SCREEN 1138 */
@media screen and (max-width:1138px) {
	#header{
		width: 97%;
	}
	.div_clnts{
		width: 250px;
	}
	.div_clnts .div_imgn{
		width: 250px;
		height: 250px;
	}
	.div_clnts .div_texto{
		height: 250px;
		font-size: 0.93em;
	}

}


/* SCREEN 1024 */
@media screen and (max-width:1024px) {
	.main{
		margin-top: 200px;
		width: 98%;
		margin-left: 5px;
	}
	.div_clnts{
		width: 240px;
	}
	.div_clnts .div_imgn{
		width: 240px;
		height: 250px;
	}
	.div_clnts .div_texto{
		height: 250px;
	}
	.div_texto p{
		font-size: 0.85em;
	}
	.btn-whatsapp {
		right: 0.5em;
	}
	.ir_arriba {
		right : 1em;
	}

}



/* SCREEN 896 */
@media screen and (max-width:896px) {
	.div_clnts{
		width: 280px;
	}
	.div_grup1, .div_grup2{
		flex-wrap: wrap;
		justify-content: center;
	}
	.div_grup1 div, .div_grup2 div{
		margin: 5px 20px 10px;
	}
	.btn-whatsapp {
		bottom: 3em;
	}
	.ir_arriba {
		bottom : 0em;
	}

}



/* SCREEN 768 */
@media screen and (max-width:768px) {
	.div_grup1, .div_grup2{
		flex-wrap: wrap;
		justify-content: center;
	}
	.div_grup1 div, .div_grup2 div{
		margin: 5px 30px 10px;
	}
	.div_clnts{
		width: 300px;
	}
	.btn-whatsapp {
		bottom: 25.5em;
		right: 0.5em;
	}
	.ir_arriba {
		bottom : 18em;
		right : 1em;
	}

}


@media (max-width:768px) and (max-height:1024px) {
	.div_texto p{
		font-size: 1em;
	}
	.qys p{
		font-size: 0.95em;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 0.5em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1em;
	}

}


/* SCREEN 740 */
@media screen and (max-width:740px) {
	.btn-whatsapp {
		bottom: 3.5em;
		right: 0.5em;
	}
	.ir_arriba {
		bottom : 0.5em;
		right : 1em;
	}

}



/* SCREEN 414 */
@media screen and (max-width:414px) {
	.btn-whatsapp {
		bottom: 16.5em;
	}
	.ir_arriba {
		bottom : 11em;
	}

}

@media (max-width:414px) and (max-height:736px) {
	.div_texto p{
		font-size: 1em;
	}
	.qys p{
		font-size: 0.95em;
	}
	.btn-whatsapp {
		bottom: 4em;
		right: 0.5em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1em;
	}

}

@media (max-width:412px) and (max-height:915px) {
	.btn-whatsapp {
		bottom: 4em;
		right: 0.5em;
	}
	.ir_arriba {
		bottom: 0;
		right: 1em;
	}

}

@media (max-width:412px) and (max-height:914px) {
	.div_texto p{
		font-size: 1em;
	}
	.qys p{
		font-size: 0.95em;
	}

}


/* SCREEN 375 */
@media screen and (max-width:375px) {
	.div_img{
		width: 95%;
		margin-left: 5px;
	}
	.div_img img{
		height: 90px;
		width: 100%;
	}

}




/* SCREEN 360 */
@media screen and (max-width:360px) {
	.btn-whatsapp {
		bottom: 4em;
		right: 0em;
	}
	.ir_arriba {
		bottom : 0em;
		right: 0.5em;
	}
	.div_texto p{
		font-size: 1em;
	}
	.qys p{
		font-size: 0.95em;
	}

}