body {
	margin:0;
	padding:0;
	font-family: 'Poppins';
}

.cabecera, .faldon{
	background-color:#0082CA;
	color:#FFF;
	display:flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	width: 100%;
}
.cabecera {
	background-image: url("../imagen/fondo_cabecera_0b2.png");
	background-position: bottom 0 center;
	background-repeat: no-repeat;
	background-size: 12%;
	margin-bottom:60px;
}


.faldon {
	background-image: url("../imagen/fondo_faldon.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:60px;
	
}
.faldon .portada_box{
	background-color: rgba(0,130,202,0.95);
}
.faldon .portada_box .portada{
	max-width: 1250px;
}


.milogo{
	display:flex;
	flex-direction: row;
	width: 70%;
	align-self: center;
}
.milogo a{display:inline-block}.milogo a img{width:150px; height:auto}.milogo img{vertical-align:middle;display:inline-block}


.portada_box{
	display:flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	width: 100%;
}
.portada{
	display:flex;
	flex-direction: row;
	align-items: center;
    justify-content: center;
	width: 70%;
	align-self: center;
	min-height:500px;
}

.zig-zag-line {
  --a: 90deg; /* control the angle */
  --s: 22px; /* size of the zig-zag */
  --b: 4px;  /* control the thickness */
  
  background: #97BCC9;
  height: calc(var(--b) + var(--s)/(2*tan(var(--a)/2)));
  width: 100px;
  --_g:var(--s) repeat-x conic-gradient(from calc(var(--a)/-2) at bottom,
    #0000,#000 1deg calc(var(--a) - 1deg),#0000 var(--a));
  mask: 50% calc(-1*var(--b))/var(--_g) exclude,50%/var(--_g);
}


.portada .textos{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	width: 46%;
}
.faldon .portada .textos{
	width: 50%;
}

.cabecera .portada .textos{
	background-image: url("../imagen/fondo_cabecera_0a.png");
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom:60px;
}

.portada .imagen{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
    width: 54%;
}


.cabecera .portada .imagen{
	background-image:url("../imagen/fondo_cabecera.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
}
.portada .imagen img{
	align-self: center;
	background-color: rgba(0,130,202,0.4);
}
.portada h1{
	/*font-family: 'Mulish';*/
	font-family: "Mulish", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-size: 60px;
	line-height:1.1em;
	width:90%;
}
.portada h2{
	/*font-family: 'Mulish';*/
	font-family: "Mulish", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-size: 42px;
	line-height:1.1em;
	width:80%;
}
.portada p{
	font-family: 'Poppins';
	font-weight:normal;
	font-size: 15px;
	line-height:1.7em;
	width:65.4%;
	margin: 5px 0;
}
.portada p.txt_faldon {
	color:#D9D9D9;
	width:98%;
	font-family: 'Poppins';
	font-weight:normal;
	font-size: 15px;
	line-height:1.7em;
	margin-bottom:10px;
}
.portada p.txt_faldon_icono {
	font-family: 'Mulish';
	font-weight:700;
	font-size: 15px;
	line-height:1.2em;
	width:100%;
}

.contenido {
	display:flex;
	flex-direction: column;
	width: 100%;
}
.contenido .fila {
	display:flex;
	flex-direction: row;
	width: 70%;
	max-width: 1140px;
	align-self: center;
	column-gap:60px;
	margin-top:30px;
}
.contenido .fila2 {
	display:flex;
	flex-direction: row;
	width: 100%;
	column-gap:20px;
	margin-top:10px;
}
.col_1, .col_2, .col_1_1, .col_1_2 {
	display:flex;
	flex-direction: column;
	width: 50%;
	row-gap:15px;
}
.fila2 .col_1_1 {
	border-right:1px solid #CCC;
	padding-right: 15px;
}
.col_1 img, .col_2 img {
	border-radius: 25px;
	width: 100%;
  	height: auto;
  	object-fit: cover;		
}

.contenido h2 {
	font-family: 'Mulish';
	font-weight:900;
	font-size:42px;
	line-height:1.1em;
	/*width:65.4%;*/
	margin:0;
	padding:0;
}

.fila .col_1 span, .fila .col_2 span{
	font-family: 'Poppins';
	font-weight:normal;
	font-size: 15px;
	line-height:1.7em;
}
.fila .boton {
	width:100%;
	text-align:center;
	margin: 60px 0;
}
.fila .boton button {
	font-family: 'Mulish';
	font-weight:700;
	font-size: 15px;
	background-color:#0082CA;
	color: #FFF;
	border-radius: 25px;
	border: 0;
	padding: 16px 28px;
	cursor: pointer;
}
.fila .boton button:hover {
	background-color:#034263;
}

.tit_icon {
	font-family: 'Mulish';
	font-weight:700;
	font-size:18px;
	min-height:45px;
	padding-right:40px;
}

.fila_icono {
	display:flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
    justify-content: center;
}

.col_1_1 .fila_icono span:before {
	font-family: "Font Awesome 5 Free";
	content: "\f5a2";
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: 900;
	color:#97BCC9;
	font-size:30px;
}
.col_1_2 .fila_icono span:before {
	font-family: "Font Awesome 5 Free";
	content: "\f51c";
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: 900;
	color:#97BCC9;
	font-size:30px;
}

.txt_faldon_icono:before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
	font-weight: 200;
	color:#97BCC9;
}

.circulo_caja {
	display:flex;
	flex-direction: column;
    width: 50%;
	margin-top:-15px;
	margin-bottom: -15px;
}
.circulo {
	font-family: 'Mulish';
	font-weight:800;
	color: #111;
	font-size: 20px;
	line-height: 1.1em;
	text-align:center;
}
.circulo_sup, .circulo_inf {
	display:flex;
	flex-direction: row;
	column-gap:10px;
	min-height:300px;
}
.circulo_sup {
	margin-bottom: 10px;
}
.circulo_sup_1, .circulo_sup_2, .circulo_inf_1, .circulo_inf_2 {
	background-color:#FFF;
	width: 50%;
	padding: 30px;
}
.circulo_sup_1 {
	border-radius:100% 0 0 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 -10px 15px;
	display:flex;
	flex-direction: column;
	align-items: center;
  	justify-content: flex-end;
	
	background-image: url("../imagen/fondo_circulo_sup_1.png");
	background-position: top center;
	background-repeat: no-repeat;
}
.circulo_sup_1 span{
	padding:0 30px 30px 65px;
}
.circulo_sup_2 {
	border-radius:0 100% 0 0;
	background-image: url("../imagen/fondo_circulo_sup_2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.circulo_inf_1 {
	border-radius:0 0 0 100%;
	background-image: url("../imagen/fondo_circulo_inf_1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.circulo_inf_2 {
	border-radius:0 0 100% 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px;
	display:flex;
	flex-direction: column;
	align-items: center;
  	justify-content: flex-start;
	
	background-image: url("../imagen/fondo_circulo_inf_2b.png");
	background-position: top right;
	background-repeat: no-repeat;
}
.circulo_inf_2 span{
	padding:40px 80px 0 0;
}



.clientes {
	background-color: #F8F8F8;
	padding: 50px 0;
	display:flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	width: 100%;
	
}
.clientes .mi-box {
	overflow:hidden;
	width: 70%;	
	max-width: 1140px;
}
.clientes .logos {
	display:flex;
	flex-direction: row;
	align-self: center;
	
	
	column-gap:130px;
    animation-name:             slide-by-transform;
  	animation-duration:         50000ms;
  	animation-timing-function:  ease;
  	animation-iteration-count:  infinite;
  	animation-fill-mode:        both;
}
.clientes .logos img{
	height:120px;
	
}
@-webkit-keyframes slide-by-transform {
  0%     {-webkit-transform: translate3d(0, 0, 0);}
  8%     {-webkit-transform: translate3d(0, 0, 0);}
  10%     {-webkit-transform: translate3d(-250px, 0, 0);}
  18%     {-webkit-transform: translate3d(-250px, 0, 0);}
  20%     {-webkit-transform: translate3d(-500px, 0, 0);}
  28%     {-webkit-transform: translate3d(-500px, 0, 0);}
  30%     {-webkit-transform: translate3d(-750px, 0, 0);}
  38%     {-webkit-transform: translate3d(-750px, 0, 0);}
  40%     {-webkit-transform: translate3d(-1000px, 0, 0);}
  48%     {-webkit-transform: translate3d(-1000px, 0, 0);}
  50%     {-webkit-transform: translate3d(-1250px, 0, 0);}
  58%     {-webkit-transform: translate3d(-1250px, 0, 0);}
  60%     {-webkit-transform: translate3d(-1500px, 0, 0);}
  68%     {-webkit-transform: translate3d(-1500px, 0, 0);}
  70%     {-webkit-transform: translate3d(-1750px, 0, 0);}
  78%     {-webkit-transform: translate3d(-1750px, 0, 0);}
} 


.pie {
	background-image: url("../imagen/fondo_faldon.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.pie .fondo {
	background-color: rgba(0,130,202,0.98);
	padding: 50px 0 15px 0;
	color:#D9D9D9;
	
	display:flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	width: 100%;
}
.pie .caja_1 {
	width: 70%;	
	max-width: 1140px;
	padding:30px;
	background-color:#97BCC947;
	border-radius: 25px;
}
.pie h2{
	font-family: 'Mulish';
	font-weight:800;
	font-size: 32px;
	line-height:1.1em;
	color: #FFF;
}
.pie button {
	font-family: 'Mulish';
	font-weight: 700;
	font-size: 15px;
	background-color:#0082CA;
	color: #FFF;
	border-radius: 25px;
	border: 0;
	padding: 12px 35px;
	margin-top: 30px;
	cursor: pointer;
}
.pie button:hover {
	background-color:#034263;
}

.pie .caja_2 {
	display:flex;
	flex-direction: row;
	align-items: center;
    justify-content: center;
	width: 70%;
	max-width: 1140px;
	margin: 30px 0;
	column-gap:200px;
}
.pie .caja_2 .textos, .pie .caja_3 .textos {
	font-weight:normal;
	font-size: 15px;
	line-height:1.7em;
}
.pie .caja_2 .col_1 .textos {
	padding-right:120px;
}


.pie .caja_2 .col_1, .pie .caja_2 .col_2{
	display:flex;
	flex-direction: column;
	width: 50%;
	align-self: center;
}
.pie .caja_2 .col_1 img {
	height: 40px;
	width:auto;
}
.pie .caja_2 .col_2 .titulo{
	font-family: 'Mulish';
	font-weight:700;
	font-size: 18px;
	line-height: 1.1em;
	color: #FFF;
}

.pie .caja_3 {
	width: 70%;
	max-width: 1140px;
	text-align: left;
	border-top: 1px solid #A7A7A73B;
	padding-top: 15px;
}


@media (max-width: 1200px) {
  	.portada {
    	width: 85%;
	}
	.portada .textos{
		width: 100%;
	  	padding:25px;
	  	text-align:center;
	}
	.portada .zig-zag-line {
		align-self: center;
	}
	.portada .imagen{
		width: 100%;
	  	padding:25px 25px 0 25px;
	  	text-align:center;
	}
	.portada h1{
		font-size: 40px;
		width:100%;
	}
	.portada h2{
		font-size: 37px;
		width:100%;
	}
	.portada p{
		width:100%;
	}
	
	.contenido .fila {
		width: 85%;
		column-gap:30px;
		margin-top:30px;
	}
	.contenido .fila2 {
		column-gap:30px;
	}
	.faldon .portada{
		flex-direction: column;
		width: 90%;
	}
	.faldon .portada .textos{
		width: 100%;
	}
	.circulo_caja {
		width: 70%;
		margin-top:0;
		margin-bottom: 0;
	}
	.tit_icon {
		padding-right:15px;
	}
	
	.clientes .logos {
		column-gap:60px;
	}
	.clientes .logos img{
		height:90px;
		
	}
	@-webkit-keyframes slide-by-transform {
	  0%     {-webkit-transform: translate3d(0, 0, 0);}
	  8%     {-webkit-transform: translate3d(0, 0, 0);}
	  10%     {-webkit-transform: translate3d(-150px, 0, 0);}
	  18%     {-webkit-transform: translate3d(-150px, 0, 0);}
	  20%     {-webkit-transform: translate3d(-300px, 0, 0);}
	  28%     {-webkit-transform: translate3d(-300px, 0, 0);}
	  30%     {-webkit-transform: translate3d(-450px, 0, 0);}
	  38%     {-webkit-transform: translate3d(-450px, 0, 0);}
	  40%     {-webkit-transform: translate3d(-600px, 0, 0);}
	  48%     {-webkit-transform: translate3d(-600px, 0, 0);}
	  50%     {-webkit-transform: translate3d(-750px, 0, 0);}
	  58%     {-webkit-transform: translate3d(-750px, 0, 0);}
	  60%     {-webkit-transform: translate3d(-900px, 0, 0);}
	  68%     {-webkit-transform: translate3d(-900px, 0, 0);}
	  70%     {-webkit-transform: translate3d(-1050px, 0, 0);}
	  78%     {-webkit-transform: translate3d(-1050px, 0, 0);}
	  80%     {-webkit-transform: translate3d(-1200px, 0, 0);}
	  88%     {-webkit-transform: translate3d(-1200px, 0, 0);}
	  90%     {-webkit-transform: translate3d(-1350px, 0, 0);}
	  98%     {-webkit-transform: translate3d(-1350px, 0, 0);}
	}
	.pie .caja_2 {
		width: 70%;
		column-gap:70px;
	}
	.pie .caja_2 .col_1 .textos {
		padding-right:40px;
	}
	
}

@media (max-width: 800px) {
  	.portada {
    	flex-direction: column;
		width: 90%;
  	}
	
	.contenido .zig-zag-line {
		align-self: center;
	}
	
	.contenido .fila {
		flex-direction: column-reverse;
		width: 90%;
	}
	
	.col_1, .col_2, .col_1_1, .col_1_2 {
		width: 100%;
		margin: 15px 0;
	}
	.contenido h2 {
		font-size:37px;
		width:100%;
	}
	
	.contenido .fila2 {
		flex-direction: column;
		width: 90%;
		text-align:center;
	}
	.fila2 .col_1_1 {
		border-right:0px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding-bottom: 15px;
		padding-right: 0;
	}
	.tit_icon {
		padding-right:0;
		min-height:0;
	}
	
	.circulo_caja {
		width: 100%;
		margin-bottom: -45px;
	}
	
	
	.circulo_sup, .circulo_inf {
		flex-direction: column;
		column-gap:10px;
		min-height:300px;
	}
	.circulo_sup {
		margin-bottom: 0;
	}
	.circulo_sup_1, .circulo_sup_2, .circulo_inf_1, .circulo_inf_2 {
		width: 90%;
	}
	.circulo_sup_1 {
		border-radius:100% 100% 0 0;
		margin-bottom: 5px;
	}
	.circulo_sup_1 span{
		padding:30px 15px 0 15px;
	}
	.circulo_sup_2 {
		border-radius:0 0 0 0;
		min-height:100px;
		margin-bottom: 5px;
	}
	.circulo_inf_1 {
		border-radius:0 0 0 0;
		min-height:100px;
		margin-bottom: 5px;
	}
	.circulo_inf_2 {
		border-radius:0 0 100% 100%;
	}
	.circulo_inf_2 span{
		padding:0 15px 0 15px;
	}
	
	
	
	.clientes .logos {
		column-gap:60px;
	}
	.clientes .logos img{
		height:90px;
		
	}
	@-webkit-keyframes slide-by-transform {
	  0%     {-webkit-transform: translate3d(0, 0, 0);}
	  8%     {-webkit-transform: translate3d(0, 0, 0);}
	  10%     {-webkit-transform: translate3d(-150px, 0, 0);}
	  18%     {-webkit-transform: translate3d(-150px, 0, 0);}
	  20%     {-webkit-transform: translate3d(-300px, 0, 0);}
	  28%     {-webkit-transform: translate3d(-300px, 0, 0);}
	  30%     {-webkit-transform: translate3d(-450px, 0, 0);}
	  38%     {-webkit-transform: translate3d(-450px, 0, 0);}
	  40%     {-webkit-transform: translate3d(-600px, 0, 0);}
	  48%     {-webkit-transform: translate3d(-600px, 0, 0);}
	  50%     {-webkit-transform: translate3d(-750px, 0, 0);}
	  58%     {-webkit-transform: translate3d(-750px, 0, 0);}
	  60%     {-webkit-transform: translate3d(-900px, 0, 0);}
	  68%     {-webkit-transform: translate3d(-900px, 0, 0);}
	  70%     {-webkit-transform: translate3d(-1050px, 0, 0);}
	  78%     {-webkit-transform: translate3d(-1050px, 0, 0);}
	  80%     {-webkit-transform: translate3d(-1200px, 0, 0);}
	  88%     {-webkit-transform: translate3d(-1200px, 0, 0);}
	  90%     {-webkit-transform: translate3d(-1350px, 0, 0);}
	  98%     {-webkit-transform: translate3d(-1350px, 0, 0);}
	}
	.pie .caja_2 {
		flex-direction: column;
		width: 80%;
	}
	.pie .caja_2 .col_1 .textos {
		padding-right:0;
	}
	.pie .caja_2 .col_1, .pie .caja_2 .col_2{
		width: 100%;
		align-self: center;
	}
}