@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Casas Trío
Autor: Omar De Luna
actualización: oct 2023 */


* { font-family: proxima-nova, sans-serif;}

.verdeClaroC{
	color: #97d700;
}

.verdeClaroB{
	background: #97d700;
}

.verdeC{
	color: #096c37;
}

.verdeB{
	background: #096c37;
}

.verdeOscC{
	color: #153f28;
}

.verdeOscB{
	background: #153f28;
}

.blancoC{
	color: white;
}


body{
	background:#000;
	color: #555;
	}


main {
	width: 100%;
	margin:0 auto;
	background: #000;
	}


header{
	width: 100%;
	position: relative;
	text-align: center;
}

header.home{
	background: url("images/fondo-2.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

header video{
	position: relative;
	z-index: 1;
	display: block;
	/*corner-shape: bevel;
	-webkit-corner-shape: bevel;
	-moz-corner-shape: bevel;
	-o-corner-shape: bevel;
	-ms-corner-shape: bevel;
	overflow: hidden;
	border-bottom-left-radius: 150px;*/
	height: 97vh;
	object-fit: cover;
	clip-path: polygon(
    0% 0%,       /* Arriba Izquierda (Normal) */
    100% 0%,     /* Arriba Derecha (Normal) */
    100% 100%,   /* Abajo Derecha (Normal) */
    100px 100%,   /* Inicio del corte abajo */
    0% calc(100% - 100px) /* Fin del corte a la izquierda */
  );
}

.movil{
	display: none;
}


.degra{
	display: block;
	position: absolute;
	mix-blend-mode:multiply;
	pointer-events: none;
	z-index: 999998;
	bottom: -1px;
	height: 55%;
	clip-path: polygon(
    0% 0%,       /* Arriba Izquierda (Normal) */
    100% 0%,     /* Arriba Derecha (Normal) */
    100% 100%,   /* Abajo Derecha (Normal) */
    100px 100%,   /* Inicio del corte abajo */
    0% calc(100% - 100px) /* Fin del corte a la izquierda */
  );
}

.corner{
	clip-path: polygon(
    0% 0%,       /* Arriba Izquierda (Normal) */
    100% 0%,     /* Arriba Derecha (Normal) */
    100% 100%,   /* Abajo Derecha (Normal) */
    100px 100%,   /* Inicio del corte abajo */
    0% calc(100% - 100px) /* Fin del corte a la izquierda */
  );
	display: block;
	min-height: 650px;
	object-fit: cover;
}

.adorno{
	width: 20%;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 999999;
}

.frase{
	width: 700px;
	text-align: left;
	position: absolute;
	z-index: 999999999;
	z-index: 9040000;
	left: 0;
	top: 40%;
}

.frase h1, .frase p, .frase h6, .frase h2{
	padding-left: 20%;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.frase h2 img{
	margin-bottom: -4px;
}

.frase h2 a{
	margin-bottom: 10px;
	letter-spacing: 0;
}

.frase h1, .frase h6{
	pointer-events: none;
}

.frase hr{
	border-bottom: 0;
	border-top: 1px solid #fff;
	width: 50%;
	margin: 15px 0px;
	pointer-events: none;
}

.trayectoria{
	position: absolute;
	right:50%;
	bottom: 40px;
	z-index: 999999999999999999;
	pointer-events: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: -270px;
}

.trayectoria hr{
	margin: 10px 0 0 0;
}


nav{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 99;
	display: flex;
	justify-content: space-between;
	padding: 10px 3%;
}


nav ul{
	list-style: none;
	padding-top: 5px;
	text-align: right;
	right: 3%;
}

nav ul li{
	display: inline-block;
	margin: 0 20px;
	position: relative;
}

nav ul li a{
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 2px;
	padding: 5px 10px;
}

nav ul li a:hover, nav ul li a.active{
	color: #97d700;
	font-weight: 500;
}

nav ul li:last-child a{
	border: 1px solid white;
	border-radius: 8px;
	font-weight: bold;
}

nav ul li:last-child a:hover{
	border: 1px solid #97d700;
	border-radius: 8px;
}

nav img{
	margin-bottom: -5px;
}

nav ul li ul{
	position: absolute;
	left: 0;
	background: rgba(0,0,0,0);
	z-index: 10040000;
	overflow: hidden;
	height: 0;
	
}

nav ul li:hover ul{
	height: 170px;
	background: rgba(0,0,0,0.5);
	padding: 10px 0;
	backdrop-filter: blur(10px); 
}

nav ul li ul li{
	display: block;
	width: 200px;
	text-align: left;
	line-height: 30px;
	padding-left: 0;
	margin-left: 0;
}

nav ul li ul li:last-child a{
	border: 0;
	font-weight: 300;
}

nav ul li ul li:last-child a:hover{
	border: 0;
	font-weight: 300;
}


.logo{
}

.logo img{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}



footer{
	width: 100%;
	list-style: none;
	position: relative;
	padding: 50px 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(26, 50, 34, 1) 100%);
}

footer > div{
	max-width: 24%;
}

footer div:first-child{
	text-align: right;
}

footer p, footer a{
	font-size: 15px;
	line-height: 22px;
	text-decoration: none;
	border: 0;
	color: #000;
}

footer img{
	margin-bottom: -5px;
	margin-right: 5px;
	display: inline-block;
}

footer .col100{
	border-top: 1px solid white;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}

strong{
	font-weight: 700;
}


form{
	width: 100%;
}

hr{
	width: 100%;
	margin: 40px 0;
	border-bottom: 0;
	border-top: 1px solid #999;
	display: block;
}

input[type=text], input[type=email], select{
	padding: 10px 2%;
	width: 100%;
	background: #f2f2f2;
	border: 0;
	border-radius: 5px;
	outline: none;
	color: gray;
	margin-bottom: 15px;
	line-height: 35px;
	opacity: 0.9;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus{
	background: #97d700;
	color: #333;
}

textarea{
	padding: 20px 2%;
	width: 100%;
	background: #f2f2f2;
	height: 150px;
	border: 0;
	border-radius: 5px;
	outline: none;
	color: gray;
	margin-bottom: 15px;
	line-height: 35px;
	opacity: 0.9;
}

input[type=submit]{
	padding: 15px 2%;
	background: #97d700;
	width: 100%;
	border: 0;
	border-radius: 5px;
	outline: none;
	color: #333;
	cursor: pointer;
	margin-bottom: 15px;
	text-align: center;
}

input[type=submit]:hover{
	background: #096c37;
	color: white;
}

select{
	padding: 20px 2%;
	width: 100%;
	background: #f2f2f2;
	border: 0;
	border-radius: 5px;
	outline: none;
	color: gray;
	margin-bottom: 15px;
	line-height: 35px;
	opacity: 0.9;
}


	
h1{
	font-size:50px;
	line-height:55px;
	font-weight: 300;
	}

h2{
	font-size:20px;
	line-height:25px;
	font-weight: 700;
	}

h6{
	font-size:13px;
	line-height:35px;
	font-weight: 300;
	letter-spacing: 2px;
	}



p {
	font-size:17px;
	line-height:23px;
	font-weight: 300;
	}

.big{
	font-size:19px;
	line-height:27px;
}
	
a {
	font-size:17px;
	line-height:23px;
	text-decoration: none;
	font-weight: 300;
	color: #333;
	}
	
a:hover {
	color:#97d700;
	}

.btn{
	display: inline-block;
	padding: 10px 20px;
	letter-spacing: 1px;
	background: #97d700;
	clip-path: polygon(
    0% 0%,                           /* Arriba Izquierda (Normal) */
    calc(100% - 10px) 0%,            /* Inicio del corte arriba */
    100% 10px,                       /* Fin del corte a la derecha */
    100% 100%,                       /* Abajo Derecha (Normal) */
    0% 100%                          /* Abajo Izquierda (Normal) */
  );
}

.btn:hover{
	color: #fff;
	background: #096c37;
}

#menuiphone{
	display: none;
}

.whatsapp{
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 99999999;
}

.whatsapp:hover{
	transform: scale(1.1);
}


.homeSlide{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	align-items: center;
  	justify-content: center;
}


.homeSlide > div{
	padding-left: 10%;
}

.homeDefine{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
	text-align: center;
}

.homeDefine .col100{
	margin-bottom: 100px;
}

.cardd{
	padding: 25px;
	text-align: left;
	border-radius: 8px;
}

.cardd hr{
	border-bottom: 0;
	border-top: 1px solid #97d700;
	width: 40%;
	margin: 15px 0px;
}

.CardInfo{
	margin-top: 50px;
}

.homeDefine .cardd:nth-child(2){
	background: url("images/principios-01.jpg") no-repeat center;
	background-size: cover;
}

.homeDefine .cardd:nth-child(3){
	background: url("images/principios-02.jpg") no-repeat center;
	background-size: cover;
}

.homeDefine .cardd:nth-child(4){
	background: url("images/principios-03.jpg") no-repeat center;
	background-size: cover;
}

.homeDefine .cardd:nth-child(5){
	background: url("images/principios-04.jpg") no-repeat center;
	background-size: cover;
}

.ImgFit{
	object-fit: cover;
	border-radius: 8px;
}

iframe{
	border-radius: 8px;
	filter: grayscale(100%);
	margin: 10px 0;
}

.mapa{
	position: relative;
}

.mapa div{
	position: absolute;
	width: 45%;
	z-index: 2;
	height: 91%;
	background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	margin: 10px 0;
	padding: 40px 40px 20px 20px;
	pointer-events: none;
}

.explora{
	background: #1a1a1a;
	border-radius: 8px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
}

.explora div{
	width: 30%;
}

.explora div img{
	max-height: 190px;
}

.Contacto .col50:last-child > img{
	height: 240px;
}

.Contacto .ImgFit{
	object-position: top;
}



/*–––––––––––––––––––––––––––– GRUPO ––––––––––––––––––––––––––––––––*/

header.equipo{
	background: rgba(21, 63, 40, 1);
}


.general{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}



.cardd2{
	text-align: left;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 50px;
}

.CardInfo2{
	padding: 25px;
	margin-top: 10px;
}

.CardInfo2 img{
	margin-bottom: -9px;
}

.Infografia{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	text-align: center;
}

.Infografia > div:nth-child(even){
	border-right: 1px solid #222;
}

.Infografia h1{
	font-weight: 700;
	font-size: 70px;
}

.Infografia h6{
	width: 100%;
}

.Infografia .numeros{
	width: 20%;
}

.Infografia .counter--value{
	font-weight: 700;
	font-size: 70px;
}

.valores{
	background: url("images/fondo-2.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.valCard{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.valores .col100{
	padding: 0 15%;
}

.valCard .cardd:nth-child(1){
	background: url("images/valores-01.jpg") no-repeat center;
	background-size: cover;
}
.valCard .cardd:nth-child(2){
	background: url("images/valores-02.jpg") no-repeat center;
	background-size: cover;
}
.valCard .cardd:nth-child(3){
	background: url("images/valores-03.jpg") no-repeat center;
	background-size: cover;
}
.valCard .cardd:nth-child(4){
	background: url("images/valores-04.jpg") no-repeat center;
	background-size: cover;
}
.valCard .cardd:nth-child(5){
	background: url("images/valores-05.jpg") no-repeat center;
	background-size: cover;
}
.valCard .cardd:nth-child(6){
	background: url("images/valores-06.jpg") no-repeat center;
	background-size: cover;
}

.grupo .cardd:nth-child(2){
	background: url("images/grupo-01.jpg") no-repeat center;
	background-size: cover;
}
.grupo .cardd:nth-child(3){
	background: url("images/grupo-02.jpg") no-repeat center;
	background-size: cover;
}
.grupo .cardd:nth-child(4){
	background: url("images/grupo-03.jpg") no-repeat center;
	background-size: cover;
}

.grupo .col100{
	margin-bottom: 50px;
}


/*–––––––––––––––––––––––––––– CONSTRUCTORA ––––––––––––––––––––––––––––––––*/


.experiencia{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: rgba(255,255,255,0.2);
	border-radius: 8px;
	width: 100%;
}

.experiencia > div.col100{
	width: 100%;
	text-align: center;
	padding: 10px 0;
	border-right: 0;
}

.experiencia > div{
	width: 23%;
	border-right: 1px solid #222;
	padding-right: 1%;
}

.experiencia > div:nth-last-of-type(2){
	border-right: 0;
	padding: 0;
}

.experiencia .icon img{
	filter: grayscale(100%);
}

.experiencia{
	overflow: hidden;
	height: 0;
	padding: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.drop .col100:last-child a img{
	transform: rotate(90deg);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.experiencia.active{
	overflow: visible;
	height: auto;
	padding: 30px;
}

.drop .col100:last-child a.active img{
	transform: rotate(270deg);
}

.especializacion .F-lexFull .col30{
	align-self:flex-end;
	text-align: right;
}

.fleca{
	margin-bottom: -7px;
}

.especializacion .cardd:nth-child(2){
	background: url("images/especializacion-01.jpg") no-repeat center;
	background-size: cover;
}
.especializacion .cardd:nth-child(3){
	background: url("images/especializacion-02.jpg") no-repeat center;
	background-size: cover;
}
.especializacion .cardd:nth-child(4){
	background: url("images/especializacion-03.jpg") no-repeat center;
	background-size: cover;
}
.especializacion .cardd:nth-child(5){
	background: url("images/especializacion-04.jpg") no-repeat center;
	background-size: cover;
}

.proceso .icon img{
	filter: grayscale(100%);
}

.proceso .col30{
	border-right: 1px solid #333;
	padding: 0 2%;
}

.proceso .col30:last-child{
	border: 0;
}

.proceso .CardInfo{
	margin-top: 50px !important;
}


/*–––––––––––––––––––––––––––– DESARROLLOS ––––––––––––––––––––––––––––––––*/

.desarrollos .col30 .CardInfo2 img{
	filter: grayscale(100%);
}

.desarrollos .col30 .CardInfo2 .fleca{
	filter: grayscale(0);
}


.verdeTransparente{
	background: rgba(113,146,128,0.2);
}

.casosExito .cardd{
	height: 470px;
}


.casosExito .cardd:nth-child(3){
	background: url("images/casos-exito-01.jpg") no-repeat center;
	background-size: cover;
}
.casosExito .cardd:nth-child(4){
	background: url("images/casos-exito-02.jpg") no-repeat center;
	background-size: cover;
}
.casosExito .cardd:nth-child(5){
	background: url("images/casos-exito-03.jpg") no-repeat center;
	background-size: cover;
}

.casosExito .col30 .CardInfo{
	margin-top: 150px;
}


.Contacto2 .col50:last-child > img{
	height: 750px;
	object-fit: cover;
}

.miniGal img{
	width: 23%;
	margin-right: 1%;
}

.fotoContacto2{
	position: relative;
}

.miniContacto{
	position: absolute;
	bottom: 50px;
	background: #333;
	border-radius: 8px;
	padding: 20px;
	z-index: 9;
	width: 60%;
	margin: 0 20%;
}



/*–––––––––––––––––––––––––––– DESARROLLO DETALLE ––––––––––––––––––––––––––––––––*/


.highlight .uno{
	background: url("images/principios-02.jpg") no-repeat center;
	background-size: cover;
}
.highlight .dos{
	background: url("images/principios-01.jpg") no-repeat center;
	background-size: cover;
}
.highlight .tres{
	background: url("images/principios-04.jpg") no-repeat center;
	background-size: cover;
}

.highlight .acceso{
	background: url("images/varios-acceso.jpg") no-repeat center;
	background-size: cover;
}

.highlight .gym{
	background: url("images/varios-gym.jpg") no-repeat center;
	background-size: cover;
}

.modelos .col50 .col50{
	width: 48%;
}

.modelos .col30 .col50{
	width: 48%;
}

.slideDesaGrande{
	
}
.slideDesaMed{
	display: none;
}
.slideDesaChico{
	display: none;
}

.recorrido iframe{
	width: 100%;
	filter: none;
	height: 90vh;
}



/*–––––––––––––––––––––––––––– contacto ––––––––––––––––––––––––––––––––*/

.contact{
	padding-top: 200px;
}

.contact .mapa div{
	
	height: 94%;
	
}

#counter{
	display: flex;
}

.trayectoria{
	max-width: 600px;
}

.numeros{
	display: flex;
	flex-wrap: wrap;
	width: 30%;
	justify-content: center;
}

.numeros h1{
	text-align: right;
}

.numeros p{
	width: 100%;
}

.counter {
 	 text-align: left;
}
.counter--value {
	font-size:50px;
	line-height:55px;
	font-weight: 300;
 	 margin: 0;
	color: white;
	padding-left: 20px;
}

.counter .counter--text {
 	
	  color: inherit;
}

.counter-finished{
	color: #97d700;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mapaBW{
	aspect-ratio: 1 / 0.9;
	filter: grayscale(0%);
}


.back{
	position: fixed;
	bottom: 50px;
	left: 50px;
	z-index: 9999999999;
}

.back img{
	transform: rotate(180deg);
	margin-bottom: -10PX;
}

.back a{
	color: white;
	font-size: 12px;
}


@media only screen and (min-width:0px) and (max-width:767px){

header.home{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

header video{
	height: 87vh;
	min-height: 830px;
	object-fit: cover;
	clip-path: polygon(
    0% 0%,       /* Arriba Izquierda (Normal) */
    100% 0%,     /* Arriba Derecha (Normal) */
    100% 100%,   /* Abajo Derecha (Normal) */
    50px 100%,   /* Inicio del corte abajo */
    0% calc(100% - 50px) /* Fin del corte a la izquierda */
  );

}
	
.movil{
	display: block;
}
.desktop{
	display: none;
}

.degra{
	bottom: -1px;
	height: 55%;
	clip-path: polygon(
    0% 0%,       /* Arriba Izquierda (Normal) */
    100% 0%,     /* Arriba Derecha (Normal) */
    100% 100%,   /* Abajo Derecha (Normal) */
    50px 100%,   /* Inicio del corte abajo */
    0% calc(100% - 50px) /* Fin del corte a la izquierda */
  );
}

.adorno{
	width: 25%;
	right: 0;
	bottom: 0;
}

.frase{
	width: 90%;
	text-align: left;
	left: 0;
	top: 40%;
}

.frase h1, .frase p, .frase h6, .frase h2{
	padding-left: 10%;
}

.frase hr{
	width: 50%;
	margin: 15px 0px;
}
	
.desarrollo-detalle .frase{
	top:25%;
}
	
	.desarrollo-detalle .frase br:nth-child(even){
		display: none;
	}

.trayectoria{
	right:5%;
	width: 80%;
	bottom: 40px;
	margin-right: 0px;
}

.trayectoria hr{
	margin: 10px 0 0 0;
}
	

nav{
	padding: 10px 3%;
}


nav ul{
	padding-top: 0px;
	right: 3%;
	overflow: hidden;
	height: 40px;
}
	
nav ul.active{
	height: 300px;
}

nav ul li{
	display: block;
	margin: 0;
}

nav ul li a{
	font-size: 17px;
	line-height: 44px;
	letter-spacing: 1px;
	padding: 5px 10px;
}



nav img{
	margin-bottom: -5px;
}
	
nav ul li ul{
	display: none;
}	
	

.logo img{
	width: 140px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}



footer{
	width: 100%;
	padding: 50px 5%;
	flex-wrap: wrap;
}

footer div{
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

footer div:first-child{
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
	
footer div:nth-child(4){
	text-align: right;
	display: none;
}

footer p, footer a{
	font-size: 15px;
	line-height: 22px;
}



footer .col100{
	border-top: 1px solid white;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}


hr{
	width: 100%;
	margin: 40px 0;
}


	
h1{
	font-size:30px;
	line-height:35px;
	}

h2{
	font-size:16px;
	line-height:21px;
	}

h6{
	font-size:11px;
	line-height:35px;
	letter-spacing: 2px;
	}



p {
	font-size:15px;
	line-height:21px;
	}

.big{
	font-size:17px;
	line-height:24px;
}
	
a {
	font-size:15px;
	line-height:21px;
	}
	

.btn{
	padding: 10px 20px;
	letter-spacing: 2px;
}


#menuiphone{
	display: block;
}


.homeSlide{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.homeSlide > div{
	padding-left: 10%;
}

.homeDefine{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.homeDefine .col100{
	margin-bottom: 100px;
}

.cardd{
	padding: 25px;
	border-radius: 8px;
}


.CardInfo{
	margin-top: 50px;
}



.ImgFit{
	object-fit: cover;
	border-radius: 8px;
}
	
.Non{
	display: block;
}

iframe{
	border-radius: 8px;
	filter: grayscale(100%);
	margin: 10px 0;
	height: 300px;
}


.mapa div{
	width: 100%;
	height: 95%;
	background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	margin: 10px 0;
	padding: 40px 40px 20px 20px;
}

.explora{
	border-radius: 8px;
	padding: 30px;
	flex-wrap: wrap;
}
	
.explora h2 br{
	display: none;
}

.explora div{
	width: 48%;
}
	
.explora div:first-child{
	width: 100%;
	margin-bottom: 10px;
}

.explora div img{
	max-height: 190px;
}

.Contacto .col50:last-child > img{
	height: 240px;
}
	
/*–––––––––––––––––––––––––––– GRUPO ––––––––––––––––––––––––––––––––*/

header.equipo{
	background: rgba(21, 63, 40, 1);
}


.general{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}



.cardd2{
	border-radius: 8px;
	margin-top: 50px;
}

.CardInfo2{
	padding: 25px;
	margin-top: 10px;
}

.CardInfo2 img{
	margin-bottom: -9px;
}

.Infografia{
	width: 100%;
	margin-top: 40px;
	flex-wrap: wrap;
}
	
.Infografia > div{
	width: 48%;
	text-align: center;
}
	
.Infografia > div:nth-child(even){
	border-right: 0px solid #222;
	width: 20px;
	margin-bottom: 10px;
}
	
.Infografia .numeros{
	width: 100%;
}

.Infografia h1{
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
}
	
.Infografia h6{
	font-size: 10px;
	line-height: 12px;
}


.valCard > div{
	width: 48%;
	
}
	
/*–––––––––––––––––––––––––––– CONSTRUCTORA ––––––––––––––––––––––––––––––––*/


.experiencia{
	background: rgba(255,255,255,0.2);
	border-radius: 8px;
	width: 100%;
}

.experiencia > div{
	width: 100%;
	border-right: 0;
	padding-right: 0%;
	margin-bottom: 40px;
}
	
.experiencia > div:nth-child(3){
	border: 0;
}


.especializacion .F-lexFull .col30{
	align-self:flex-end;
	text-align: right;
}



.proceso .col30{
	border-right: 0;
	border-bottom: 1px solid #333;
	padding: 2% 0;
}

.proceso .col30:last-child{
	border: 0;
	border-bottom: 1px solid #333;
}

.icon img{
	width: 40px;
}	
	
	
/*–––––––––––––––––––––––––––– DESARROLLOS ––––––––––––––––––––––––––––––––*/


	
	
.casosExito .proceso .col25{
	width: 48%;
}
	
.casosExito .F-lexFull{
	padding: 0;
}
	
.Contacto2 .F-lexFull{
	padding: 0;
}
	
	
	
.counter--value {
	font-size:25px;
	line-height:55px;
	font-weight: 300;
 	 margin: 0;
	color: white;
	padding-left: 20px;
}
	
	
.Infografia .counter--value{
	font-weight: 700;
	font-size: 35px;
}
	
.Infografia h6{
	line-height: 17px;
}


}

@media only screen and (min-width:768px) and (max-width:1023px){

header.home{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

header video{
	height: 97vh;
	min-height: 830px;
	object-fit: cover;
}

.degra{
	bottom: -1px;
	height: 55%;
	
}

.adorno{
	width: 25%;
	right: 0;
	bottom: 0;
}

.frase{
	width: 500px;
	text-align: left;
	left: 0;
	top: 30%;
}

.frase h1, .frase p, .frase h6, .frase h2{
	padding-left: 10%;
}

.frase hr{
	width: 50%;
	margin: 15px 0px;
}

.trayectoria{
	right:50%;
	bottom: 40px;
	margin-right: -270px;
}

.trayectoria hr{
	margin: 10px 0 0 0;
}
	

nav{
	padding: 10px 3%;
}


nav ul{
	padding-top: 0px;
	right: 3%;
	overflow: hidden;
	height: 40px;
}
	
nav ul.active{
	height: 300px;
}

nav ul li{
	display: block;
	margin: 0;
}

nav ul li a{
	font-size: 17px;
	line-height: 44px;
	letter-spacing: 1px;
	padding: 5px 10px;
}

nav ul li ul{
	display: none;
}

nav img{
	margin-bottom: -5px;
}

.logo img{
	width: 140px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}



footer{
	width: 100%;
	padding: 50px 5%;
	flex-wrap: wrap;
}

footer div{
	max-width: 100%;
	width: auto;
}

footer div:first-child{
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
	
footer div:nth-child(4){
	text-align: right;
}

footer p, footer a{
	font-size: 15px;
	line-height: 22px;
}



footer .col100{
	border-top: 1px solid white;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}


hr{
	width: 100%;
	margin: 40px 0;
}


	
h1{
	font-size:35px;
	line-height:40px;
	}

h2{
	font-size:17px;
	line-height:22px;
	}

h6{
	font-size:13px;
	line-height:35px;
	letter-spacing: 2px;
	}



p {
	font-size:16px;
	line-height:22px;
	}

.big{
	font-size:18px;
	line-height:25px;
}
	
a {
	font-size:16px;
	line-height:22px;
	}
	

.btn{
	padding: 10px 20px;
	letter-spacing: 2px;
}


#menuiphone{
	display: block;
}


.homeSlide{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.homeSlide > div{
	padding-left: 10%;
}

.homeDefine{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.homeDefine .col100{
	margin-bottom: 100px;
}

.cardd{
	padding: 25px;
	border-radius: 8px;
}


.CardInfo{
	margin-top: 50px;
}



.ImgFit{
	object-fit: cover;
	border-radius: 8px;
}
	
.Non{
	display: none;
}

iframe{
	border-radius: 8px;
	filter: grayscale(100%);
	margin: 10px 0;
	height: 350px;
}


.mapa div{
	width: 100%;
	height: 95%;
	background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	margin: 10px 0;
	padding: 40px 40px 20px 20px;
}

.explora{
	border-radius: 8px;
	padding: 30px;
	flex-wrap: wrap;
}

.explora div{
	width: 48%;
}
	
.explora div:first-child{
	width: 100%;
	margin-bottom: 10px;
}

.explora div img{
	max-height: 190px;
}

.Contacto .col50:last-child > img{
	height: 240px;
}
	
	
/*–––––––––––––––––––––––––––– GRUPO ––––––––––––––––––––––––––––––––*/

header.equipo{
	background: rgba(21, 63, 40, 1);
}


.general{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}



.cardd2{
	border-radius: 8px;
	margin-top: 50px;
}

.CardInfo2{
	padding: 25px;
	margin-top: 10px;
}

.CardInfo2 img{
	margin-bottom: -9px;
}

.Infografia{
	width: 100%;
	margin-top: 40px;
}

.Infografia h1{
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
}
	
.Infografia h6{
	font-size: 10px;
	line-height: 12px;
}


.valCard > div{
	width: 48%;
	
}
	
/*–––––––––––––––––––––––––––– CONSTRUCTORA ––––––––––––––––––––––––––––––––*/


.experiencia{
	background: rgba(255,255,255,0.2);
	border-radius: 8px;
	width: 100%;
}

.experiencia > div{
	width: 48%;
	border-right: 0 solid #222;
	padding-right: 1%;
	margin-bottom: 40px;
}
	
.experiencia > div:nth-child(3){
	border: 0;
}


.especializacion .F-lexFull .col30{
	align-self:flex-end;
	text-align: right;
}



.proceso .col30{
	border-right: 0;
	border-bottom: 1px solid #333;
	padding: 2% 0;
}

.proceso .col30:last-child{
	border: 0;
	border-bottom: 1px solid #333;
}
	
	
/*–––––––––––––––––––––––––––– DESARROLLOS ––––––––––––––––––––––––––––––––*/



.casosExito .cardd{
	height: 470px;
}

.casosExito .col30 .CardInfo{
	margin-top: 150px;
}
	
.casosExito .col50{
	width: 100%;
}
	
.casosExito .col50:first-child div{
	width: 100%;
}
	
.casosExito .proceso .col25{
	width: 24%;
}
	
.casosExito .F-lexFull{
	padding: 0;
}


.Contacto2 .col50:last-child > img{
	height: 750px;
}

.miniGal img{
	width: 23%;
	margin-right: 1%;
}


.miniContacto{
	position: absolute;
	bottom: 50px;
	background: #333;
	border-radius: 8px;
	padding: 20px;
	z-index: 9;
	width: 60%;
	margin: 0 20%;
}
	
.Infografia .counter--value{
	font-weight: 700;
	font-size: 45px;
}
	
.Infografia h6{
	line-height: 17px;
}



}

@media only screen and (min-width:1024px) and (max-width:1350px){
	
header.home{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

header video{
	height: 97vh;
	object-fit: cover;
}

.degra{
	bottom: -1px;
	height: 55%;
	
}

.adorno{
	width: 25%;
	right: 0;
	bottom: 0;
}

.frase{
	width: 700px;
	text-align: left;
	left: 0;
	top: 35%;
}

.frase h1, .frase p, .frase h6, .frase h2{
	padding-left: 20%;
}

.frase hr{
	width: 50%;
	margin: 15px 0px;
}

.trayectoria{
	right:50%;
	bottom: 40px;
	margin-right: -270px;
}

.trayectoria hr{
	margin: 10px 0 0 0;
}
	

nav{
	padding: 10px 3%;
}


nav ul{
	padding-top: 10px;
	right: 3%;
}

nav ul li{
	display: inline-block;
	margin: 0 8px;
}

nav ul li a{
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 5px 10px;
}



nav img{
	margin-bottom: -5px;
}

.logo img{
	width: 140px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}



footer{
	width: 100%;
	padding: 50px 5%;
}

footer > div{
	max-width: 24%;
}

footer div:first-child{
	text-align: right;
}

footer p, footer a{
	font-size: 15px;
	line-height: 22px;
}



footer .col100{
	border-top: 1px solid white;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}


hr{
	width: 100%;
	margin: 40px 0;
}


	
h1{
	font-size:40px;
	line-height:45px;
	}

h2{
	font-size:18px;
	line-height:23px;
	}

h6{
	font-size:13px;
	line-height:35px;
	letter-spacing: 2px;
	}



p {
	font-size:16px;
	line-height:22px;
	}

.big{
	font-size:18px;
	line-height:25px;
}
	
a {
	font-size:16px;
	line-height:22px;
	}
	

.btn{
	padding: 10px 20px;
	letter-spacing: 2px;
}


#menuiphone{
	display: none;
}


.homeSlide{
	background: url("images/fondo.png") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}


.homeSlide > div{
	padding-left: 10%;
}

.homeDefine{
	background: linear-gradient(180deg,rgba(21, 63, 40, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.homeDefine .col100{
	margin-bottom: 100px;
}

.cardd{
	padding: 25px;
	border-radius: 8px;
}


.CardInfo{
	margin-top: 50px;
}



.ImgFit{
	object-fit: cover;
	border-radius: 8px;
}

iframe{
	border-radius: 8px;
	filter: grayscale(100%);
	margin: 10px 0;
}


.mapa div{
	width: 45%;
	height: 91%;
	background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	margin: 10px 0;
	padding: 40px 40px 20px 20px;
}

.explora{
	border-radius: 8px;
	padding: 30px;
}

.explora div{
	width: 30%;
}

.explora div img{
	max-height: 190px;
}

.Contacto .col50:last-child > img{
	height: 240px;
}	
	
.Infografia .counter--value{
	font-weight: 700;
	font-size: 55px;
}
	
.Infografia h6{
	line-height: 20px;
}

}


@media only screen and (min-width:1351px) and (max-width:1600px){



}


@media (max-width: 768px) {


.slideDesaGrande{
	display: none;
}
.slideDesaMed{
	display: none;
}
.slideDesaChico{
	display: block;
}
}

@media only screen and (min-width:769px) and (max-width:1000px){


.slideDesaGrande{
	display: none;
}
.slideDesaMed{
	display: block;
}
.slideDesaChico{
	display: none;
}
}


.disclaimer{
	width: 100%;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	color: #999;
	padding: 15px 0;
	background: white;
}

.disclaimer a{
	font-size: 12px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #2f1c51;
	border: 0;
}

.disclaimer a img{
	margin-bottom: -5px;
	display: inline-block;
}