@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*
TIPOGRAFÍA
*/
.secES3 .tit {
	font-family: "Poly", serif;
	font-style: italic;
}
.secES3 .subtit {
	font-family: "Anton", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.secES3 .negro {
	color: #000000;
}
.secES3 .wrap {
    display: flex;
    max-width: 1480px;
    padding: 0 2%;
}
.secES3 .wrap>div {
    padding: 0 2%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*
CONTENEDOR
*/
.secES3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*
SI MOLESTA
*/
.molesta {
	margin-top: -60%;
	background-image: url("../images/zero-friction/fondo_zero-friction.jpg");
	background-size: cover;
}
.molesta .tit {
    font-size: 850%;
}
.molesta .subtit {
    font-size: 1950%;
    line-height: 100%;
	text-transform: uppercase;
}
.molesta .txt {
    text-transform: uppercase;
    max-width: 42%;
    padding-top: 1%;
    font-size: 200%;
    text-align: center;
    padding: 1% 2% 0 2%;
}
/*
ZERO FRICTION */
.zero {
	background-color: #ea4025;
	position: relative;
}
/*main .zero .servicios__title-loop {
	top: 5%;
}*/
.circulo {
	width: 400px;
	height: 400px;  
    border-radius: 50%;
    border: solid 2px #FFFFFF;
    text-align: center;    
    padding: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.circulo img {
    width: 11%;
    padding-bottom: 2%;
}
.circulo .subtit {
    font-size: 199%;
	padding-bottom: 2%;
}
.circulo .txt {
    font-size: 134%;
    padding: 0 8%;
}
/* circulos */
.circulo.uno {
    padding-bottom: 6%;
}
.circulo.dos {
	margin-top: -100px;
    margin-left: -345px;
}
.circulo.tres {
	margin-top: -400px;
    margin-left: 345px;
}
.zeroCirculo,
.zeroCirculo .zeroImg {
    width: 230px;
    position: absolute;
	margin-top: 4%;
}
.zeroCirculo .zeroImg {
    position: absolute;
    margin-top: 3%;
    padding: 20%;
	z-index: 9;
}
/*
COMBINATORIA
*/
.combinatoria {
    background-color: #000000;
	overflow: hidden;
}
.combinatoria .izqa {
    padding-right: 5% !important;
    width: 40% !important;
}
.combinatoria .dcha {
	width: 60%!important;
}
.combinatoria .tit {
    font-size: 610%;
	margin-bottom: -2%;
}
.combinatoria .subtit {
    font-size: 620%;
    text-transform: uppercase;
    line-height: 100%;
	margin-bottom: 3%;
}
.combinatoria .txt {
    font-size: 220%;
    text-transform: uppercase;
}

/*
RESPONSIVE
*/

/* ENTRE PORTATIL Y TABLET */
@media (max-width: 1550px) and (min-width: 999px)  {
	.molesta .tit {
		font-size: 610%;
	}
	.molesta .subtit {
		font-size: 1540%;
	}
	/* circulos */
	.circulo {
		width: 340px;
		height: 340px;
	}
	.circulo.uno {
    padding-bottom: 7%;
}
	.circulo.dos {
		margin-top: -90px;
		margin-left: -305px;
	}
	.circulo.tres {
		margin-top: -340px;
		margin-left: 295px;
	}
	.zeroCirculo, .zeroCirculo .zeroImg {
		width: 190px;
		margin-top: 5%;
	}
	/**/
	.secES3 .wrap {
		max-width: 1240px;
	}
		.combinatoria .izqa {
		padding-right: 7% !important;
	}
		.combinatoria .tit {
		font-size: 510%;
	}
		.combinatoria .subtit {
		font-size: 520%;

	}
		.combinatoria .txt {
		font-size: 180%;
	}

	
}

/* TABLET - MOBILE */
@media (max-width: 992px)  {

.molesta, .combinatoria {
	align-items: flex-start!important;
    padding: 0 14% 0 7%!important;
}
.molesta {
    margin-top: -150%;
    background-size: auto 100%;
    background-position: center right;
}
.molesta .tit {
    font-size: 410%;
}
.molesta .subtit {
    font-size: 810%;
	/*display: block!important;*/
}
/*.molesta .subtit.animacion span:nth-child(1) {
    float: left;
}*/
.molesta .negro {
    font-size: 160%;
    margin-left: -1%;
    line-height: 90%;
}
.molesta .txt {
    text-align: left;
    max-width: 100%;
    font-size: 125%;
}
.zero {
    padding: 30% 0;
}
main .zero .servicios__title-loop {
		top: 3%;
	}
/* circulos */
	.circulo {
		width: 290px;
		height: 290px;
	}
	.circulo.uno {
    padding-bottom: 7%;
}
	.circulo.dos,
	.circulo.tres {
        margin-top: -10px!important;
        margin-left: 0!important;
    }
	.circulo.tres {
		margin-top: -340px;
		margin-left: 325px;
	}
	.zeroCirculo {
		animation: zeroFV 15s linear 0s infinite both, zeroFH 7s linear 0s infinite both;
	}
	.zeroCirculo, .zeroCirculo .zeroImg {
		width: 150px;
		margin-top:0;
	}
	/**/
	.secES3 .wrap {
    flex-direction: column;
}
	.combinatoria .izqa {
    padding-right: 0% !important;
    width: 100% !important;
}
	.combinatoria .dcha {
    width: 120% !important;
    margin-left: -10%;
    margin-top: 10%;
}
	.combinatoria .tit {
    font-size: 370%;
}
	.combinatoria .subtit {
    font-size: 380%;
}
	.combinatoria .txt {
    font-size: 125%;
    text-transform: uppercase;
}

}