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

/* HERO */

.contenedor{width:100vw; height: auto; display: flex; flex-flow: row wrap; justify-content:space-around; align-items: center;}

.contenedor video{width: 100%; height: 100%; position: relative;}


.heroTxt{width: 100%; height: auto; position: absolute; top:20%; left: 0;}

.heroTxt h1, .heroTxt h2{width:100%; padding: 2%; font-family: huno; font-size:7rem ; color:rgba(255,255,255,1); text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,1); text-align: center;}
.heroTxt h2{ font-family: txt; font-size: 2rem;}

.logo{width: 100vw; height: auto; display: flex; flex-flow: row wrap; justify-content:space-between; align-items: center; position: fixed; top:0; z-index: 99999;}
.logo a{width: 10%;}
.logo img{width:35%; filter: drop-shadow(1px 1px 1px rgba(0,0,0,1)); display: block; margin: auto;}

/* FIN HERO */

.cabeceras{width:100vw; height: auto; display: flex; flex-flow: row wrap; justify-content:space-around; align-items: center; position: relative;}
.cabeceras h2{width: 100%; font-family: huno; font-size: 10em; color:rgba(255,255,255,1);  text-transform: uppercase; margin-bottom: 3%; position: absolute; top:30%; text-align: center; text-shadow: 3px 3px 5px rgba(0,0,0,1);}
.cabeceras img{width: 100%; margin: 0;}

.cabeceraTransformamos h2{font-size: 7em; top:20%;}

/* MENU */

.destamos-img{width: 10%; vertical-align: middle;}
.destamos-p{text-indent: 21%;}

/* FIN MENU */

/* MENU NUEVO */

.menu-wrap{width:75%; height:auto; padding:5%; display:flex; flex-flow:row wrap; justify-content:space-around; align-items:center;}
/*.menu-wrap div{width:35%; height:auto; margin-bottom:5%; display:flex; flex-flow:column; justify-content:flex-end; position:relative;}
.menu-wrap img{width:100%; height:100%;}
.menu-wrap a{width: 100%; height: auto; padding: 5% 0; background:rgba(12,81,185,0.75); position:absolute; bottom:0; left:0; color:rgba(255,255,255,1); text-align: center; font-size: 1.2rem; font-family: huno; text-transform: uppercase;}
.menu-wrap a:hover{padding: 46.7% 0; overflow: hidden;}*/

/* FIN MENU NUEVO */


/*  OVERLAY ANIMADO */

.container {

      position: relative;
      width: 35%;
      margin-bottom:3%;
    }

.container img {
      display: block;
      width: 100%;

    }

    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background:rgba(12,81,185,0.75);
      overflow: hidden;
      width: 100%;
      height: 0;
      transition: .5s ease;
    }

    .container:hover .overlay {
     height: 100%;
    }

	.acceso img{width: 20%;
				display: block;
				margin: auto;
				}

    .text {
      width:100%;
      color: rgba(255,255,255,1);
      font-size: 1.5em;
      position: absolute;
      top: 50%;
      left: 50%;
      font-family:huno;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
	  text-transform: uppercase;
		text-shadow: 2px 2px 5px rgba(0,0,0,1);
    }

/* FIN OVERLAY ANIMADO  */


/* CLASES RECURRENTES */

.contacto-poli{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); background: linear-gradient(135deg, rgba(8,55,125,1) 0%, rgba(8,55,125,1) 66%, rgba(15,143,235,1) 100%);}

/* FIN DE CLASES RECURRENTES */


/* NOSOTROS */

.nosotros, .confianza, .gunite, .noticias, .formulario{width:80%; padding: 5%; display: flex; flex-flow: row wrap; justify-content:space-around; align-items: stretch;}
.nosotros h2, .nosotros h3, .productos h2, .gunite h2, .confianza h2, .noticias h2, .noticias h3, .noticias h4, .formulario h2, .trabaja-cabecera h2, .trabaja-ldizq h2{width: 100%; font-family: huno; font-size: 2em; color:rgba(61,61,61,0.7);  text-transform: uppercase; margin-bottom: 3%; text-align: left;}

.nosotros{margin: auto;}
.nosotros p, .gunite p{font-family: txt; font-size: 1em; text-align: justify; color:rgba(0,0,0,1); }
.nosotros h2{color:rgba(255,255,255,1);}
.nosotros h3{margin-top: 5%;}
.nosotros img{width: 50%; height: 100%;}
.nosotros div:nth-child(2){width: 40%; margin-right: 5%;}
.nosotros div:nth-child(3){width: 55%; }

.nosotros h2{width: 100%; text-align: center; position: absolute; top:8%; font-size: 15rem; text-shadow: 5px 5px 3px rgba(0,0,0,1);}

.cabeceraTransformamos h2{font-size: 8rem; top:15%;}

/* FIN NOSOTROS */


/* EL GUNITE */

.gunite{width: 80%; margin: auto;}
.gunite img{width: 40%; height: 100%;}
.gunite div{width: 55%;}

/* GUNITE PROCESOS */

.guniteProcesos{width: 60%; height: auto; padding: 1% 0; margin: auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; border-top: solid 5px rgba(12,81,185,1);}
.guniteProcesos h2{width: 100%; height: auto; padding:3% 0; font-family: huno; font-size: 2em; text-align: left; color:rgba(12,81,185,1);}
.guniteProcesos a{width:33%; height:auto; padding:3% 15%; background:rgba(12,81,185,1); color:rgba(255,255,255,1); font-family:textos; font-size:1.2em; text-transform:uppercase; text-align:center;}
.guniteProcesos a:hover{background: rgba(255,255,255,1); color:rgba(12,81,185,1); border: solid 1px rgba(12,81,185,1);}

/* FIN GUNITE PROCESOS */

/* FIN EL GUNITE */


/* PRODUCTOS */

.productos{width: 100vw;  height:  auto; display: flex; flex-flow: row wrap; justify-content:space-around; align-items: stretch;}
.productos div{width: 16%; margin: 1%; padding: 1% 0;}
.productos div:nth-child(even){border-top:solid 1px rgba(12,81,185,0.85); border-left:solid 1px rgba(12,81,185,0.85); }
.productos div:nth-child(odd){border-bottom:solid 1px rgba(12,81,185,0.85); border-right:solid 1px rgba(12,81,185,0.85);}
.productos h2{width: 100%;}
.productos img{width:100%; display: block; margin: auto;}
.productos h3{width: 100%; font-size:1.2rem; font-family: huno; text-align: center; text-transform: uppercase; color:rgba(0,0,0,1); padding:2%;}
.productos p{width: 90%; font-size: 1rem; display: block; margin: 5% auto 1% ; font-family: txt; text-align: justify; color:rgba(0,0,0,1);}
.productos a{width:90%; text-align: center; color:rgba(0,0,0,1); border:solid 2px rgba(0,0,0,1); padding: 3% 15%; display: block; margin: auto; font-family: txt; margin-top:5%; text-transform: uppercase; font-weight: bold;}

/* FIN PRODUCTOS */


/* GALERIA */

.galeriaCont{background-image: linear-gradient(to right bottom, #b4b4b4, #c5c5c5, #d6d6d6, #e8e8e8, #fafafa);}
.galeriaCab{width:100%; text-align:center; font-size:3em; font-family:textos; font-weight:bolder; text-transform:uppercase; color:rgba(255,255,255,1); text-shadow:1px 1px 2px rgba(0,0,0,1);}

.fotoramaDiv{padding: 3% 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}

.galeriaAtras{width:40%; height:40%; position: absolute; top:100%; left: 95%; filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));}
.galeriaAtras img{width: 8%;}
.galeriaAtras img:hover{transform: scale(1,1);}
/* FIN GALERIA */


/* CONFIANZA */

.confianza{width: 100vw;}
.contImg{width:55%;}
.confianza img{width: 15%; margin: 3% 5%; filter: drop-shadow(2px 2px 1px rgba(0,0,0,1));}
/*.confianzabg{background-image: linear-gradient(to right bottom, #c8c8c8, #d2d2d2, #dcdcdc, #e6e6e6, #f0f0f0);}*/
.confianzabg{background-image: linear-gradient(to right bottom, #b4b4b4, #c5c5c5, #d6d6d6, #e8e8e8, #fafafa);}
/* FIN CONFIANZA */

/* CONTACTO */

.formulario{width: 90%; height: auto; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: stretch;}
.formulario-div{width: 30%; height: auto;}
.formulario h2{font-size: 10em; color:rgba(255,255,255,1);}
.formulario p{font-size:1em; color:rgba(255,255,255,1); font-family: textos; text-align: justify;}
.form-item-cont p{text-indent: 5%; font-family:textos; font-size: 1rem; color:rgba(0,0,0,1);}
.form-item-cont p:nth-child(1){line-height: 1rem;}
.cont-pol{width:100%; height: auto;}
.cont-pol {width:100%; text-indent: 5%; font-family:textos; font-size: 1rem; color:rgba(255,255,255,1); margin: 3% 0; text-align:justify;}
.cont-pol {color:rgba(255,255,255,0.9);}

.radio-contacto{width: 40%; margin: 10% 0;}

.formulario form{width:100%; z-index: 999999; padding: 2% 0;}
.formulario input[type="text"], .formulario input[type="email"], .formulario input[type="tel"]{width:100%; height: 80px; border:solid 4px rgba(255,255,255,1); padding: 2%; margin: 5% 0; font-family: textos; font-size: 1rem; color:rgba(255,255,255,1); border-radius: 50px;}

.formulario input[type="radio"]{width: 40%; background: orange;}
.formulario p{vertical-align: middle;}
.formulario textarea{width: 100%; height: 120px; resize: none; font-family: textos; font-size: 1rem; color:rgba(255,255,255,1); border:solid 4px rgba(255,255,255,1); border-radius: 25px; text-indent: 2%; margin: 5% 0;}
.formulario input[type="checkbox"]{margin-top: 3%;}

.formulario input[type="submit"]{width:100%; display: block; margin: auto; background: rgba(255,255,255,1); padding: 3% 5%; color:rgba(12,81,185,1); font-family: huno; font-size: 2rem; margin-top: 3%; text-transform: uppercase; border-radius: 50px;}

.formulario input[type="submit"]:hover{background: rgba(12,81,185,1); color:rgba(255,255,255,1);}

.formulario label{font-family: huno; font-size: 1rem; color:rgba(255,255,255,1); text-transform: uppercase;}

.politicas-p{text-transform: initial;}
.politicas-a{text-decoration: underline;}

.politicas-a:hover{text-decoration: none; color:rgba(0,0,0,1);}

::placeholder{font-family: textos; font-size: 1rem; color:rgba(255,255,255,0.6);}

/* FIN CONTACTO */

/* NOTICIAS */

.noticias{padding: 1%; margin: auto;}
.noticias div{width: 30%; height: auto; padding: 2%;}
.noticias h3{font-size: 1.5em; text-align: center;}
.noticias h4{font-size: 0.8em; margin-top: 0;}
.noticias img{width: 100%;}
.noticias p{margin-bottom: 2%; text-align: justify; font-family: txt;}
.noticias a{border: solid 2px rgba(62,62,62,1); padding: 3% 40%; margin-top: 8%; font-family: txt; color:rgba(62,62,62,1); font-size: 1.2em; display: block; margin: auto; text-align: center; text-transform: uppercase;}
.noticias a:hover, .otrosArticulos a:hover{color:rgba(255,255,255,1); font-weight: bold; background: rgba(12,81,185,1); border:solid 2px rgba(255,255,255,1);}

/* FIN NOTICIAS */

/* ARTICULOS */

.articulo{width:75vw; height: auto; display: flex; flex-flow: column; justify-content: space-around; align-items: center; margin: auto; padding: 5%;}
.articulo h3, .otrosArticulos h3{width: 100%; text-align: center; font-family: huno; font-size: 3em; text-transform: uppercase;}
.articulo img{width: 35%; padding: 2% 0;}
.articulo p, .otrosArticulos p{width:100%; text-align: justify; font-family: txt; font-size: 1rem;}

.otrosArticulos{width:75vw; height: auto; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: stretch; padding: 5%; margin: auto;}
.otrosArticulos div{width: 25%; height: auto; background: rgba(12,81,185,0.1); padding: 1%;}
.otrosArticulos h2{width: 100%; padding: 3% 0; border-top: solid 1px rgba(0,0,0,1); font-family: huno; font-size: 3em; text-transform: uppercase;}
.otrosArticulos h3{width: 100%; font-size: 2em;}
.otrosArticulos img{width: 100%; display: block; margin: 5% auto;}
.otrosArticulos p{width:100%;}
.otrosArticulos a{width: 100%; color:rgba(0,0,0,1); border: solid 2px rgba(0,0,0,1); padding: 3% 40%; font-family: txt; text-transform: uppercase; display: block; margin: auto; text-align: center;}

.otrosArticulos h4, .articulo h4{font-size: 1em; color:rgba(0,0,0,0.4); font-family: txt;}
.articulo h4{width:100%; margin-top: 5%; text-align: left;}

/* FIN ARTICULOS */


/* TRABAJA CON NOSOTROS */

.trabaja{height: 100vh; overflow: hidden; position: relative;/*background: url("../imagenes/solicitud03.webp"); background-size: cover;*/ }
.trabaja-cabecera{width: 100%; height: auto;}
.trabaja-cabecera h2{width: 90%; text-align: center; color:rgba(255,255,255,1); }
.trabaja-form h3{width: 100%; text-align: center; margin-bottom: 2%; font-family: huno; font-size: 1.8em; text-transform: uppercase; color:rgba(12,81,185,1);}
.trabaja-cabecera img{width: 5%; height: auto; filter: drop-shadow(5px 5px 3px rgba(0,0,0,1));}

.trabaja-ldizq{width: 50%; height: 100vh; background: rgba(12,81,185,1); }
.trabaja-ldizq-contenedor{width: 100%; height: 100%; position: absolute; top:0; /*background: rgba(0,0,0,0.4);*/ padding: 2%;}
.trabaja-ldizq img{width: 10%; height: auto; filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));}
.trabaja-ldizq h2{width: 50%; text-align: right; padding-right: 3%; font-family: huno; font-size: 8em; margin-bottom: 1%; color:rgba(255,255,255,1);text-shadow: 5px 5px 10px rgba(0,0,0,1);}
.trabaja-ldizq p{width: 50%; text-align: justify; display: block; margin: auto; font-family: textos; font-size: 0.9rem; color:rgba(0,0,0,1); padding: 2%;}

.trabaja-form{width:50%; height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items:center; background: rgba(255,255,255,1); z-index: 999999999;}

.trabaja-form form{height: auto;}

.trabaja-form input[type="text"], .trabaja-form input[type="email"], .trabaja-form input[type="tel"]{width: 50%; padding: 2% 0; margin-bottom: 2%; color:rgba(12,81,185,1); font-size: 1em;}

.radio{width:15%; padding: 2% 0;}
.trabaja-form input[type="radio"]{width: 25%;}
.trabaja-form p{font-family: huno; color:rgba(12,81,185,1);}

.trabaja-form input[type="submit"]{width:100%; margin: 5% auto; font-size: 3em; font-family: huno; color:rgba(12,81,185,1); text-transform: uppercase;}

.trabaja-form input[type="submit"]:hover{background: rgba(12,81,185,1); color:rgba(255,255,255,1);}

.trabaja-form input[type="file"]{color:rgba(12,81,185,1); margin-top:2%;}

.trabaja-form label{width:85%; font-family: huno; font-size: 1em; color:rgba(12,81,185,1);}
.trabaja-form ::placeholder{color:rgba(12,81,185,1);  font-family: huno; font-size: 1em;}


/* FIN TRABAJA CON NOSOTROS */

/* FOOTER */

.footer{width: 100%; height: auto; padding: 2% 0; background: rgba(12,81,185,1); display: flex; flex-flow: row wrap; justify-content: space-around; align-items: stretch;}
.footer div{width:15%; height: auto; padding: 2% 0;}
.footer h2{text-align: center; font-family: huno; font-size: 1.2rem; color:rgba(255,255,255,1); text-transform: uppercase; margin-bottom: 3%;}
.footer p{width:80%; text-align:left; font-family: txt; font-size: 1rem; color:rgba(255,255,255,1); line-height: 1.5rem; text-indent: 10%;}
.footer a{color:rgba(255,255,255,1);}
.footer a:hover{margin-left: 8%; color:rgba(255,255,255,1);}
#pol{margin-top:0.1%;}

/* FIN FOOTER */

/* POWERED */

.powered{width:100%;height:auto; padding: 1%; margin-top: 1px; display: flex; justify-content: center;}
.powered h2{width: 100%; text-align: center; color:rgba(0,0,0,1); font-family: textos; font-size: 1rem;}
.powered img{display: block; margin: auto; width:30%;}
.powered a:hover{filter:  contrast(175%) brightness(3%);}

/* FIN POWERED */