*{
  margin:0px;
  padding:0px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
a{
	text-decoration: none;
	transition: .5s;
	color: #fff;
}
ul,
li{list-style-type: none;}
img{
	max-width: 100%;
	height: auto;
}
body{
	margin:0;
	padding:0;
	font-family: "Cabin", serif;
	
}
span{display: none}

h1, h2, h3{
	font-family: "Cabin", serif;
	font-weight: 700;
	color: #848b93;
}
p{
	color: #1a1a1a;
}

/* --- --- HEADER --- --- */
header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em 2em;
	background-color: #1a1a1a;
}
.logo{
	width: 30%;
	height: auto;
}
.logo img{
	max-width: 7em;
}
.firma{
	width: 30%;
	height: auto;
	display: flex;
	justify-content: end;
}
.firma img{
	max-width: 20em;
}
.nav-list{
	list-style-type: none;
	display: flex;
	gap: 1.5em;
	font-size: 1.2em;
}
.nav-list li a{
	text-decoration: none;
	color: #ececec;
}
.nav-list li a:hover{color: #889199}
.abrir-menu{display: none;}
.cerrar-menu{display: none;}






/* --- --- GALERIAS --- --- */

.bloque1{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}
.texto{
	width: 50%;
	height: auto;
	background-color: #bac1c2;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.caja-texto{
	width: 80%;
	height: auto;
	color: #000;
	padding: 4em 0 2em;
}
.avance img{
max-width: 50%;
}
.iconos-textos{
	margin-bottom: 1em;

}

.iconos-textos h3{
	color: #1a1a1a;
	margin-left: 1em;
}

.caja-icono-texto1, .caja-icono-texto2, .caja-icono-texto3{
	display: flex;
	padding: .5em 0;
}
.caja-iconos{
	width: 5%;
	height: auto;
	text-align: center;
}
.caja-iconos i{
	font-size: 1.3em;
}

.texto h1{
	color: #000;
	margin-bottom: .5em;
}
.texto p{
	
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.4em;
}

.ilustracion{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galerias12t.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ilustracion img{
	display: none;	
}
.ilustracion14{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galerias14t.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ilustracion14 img{
	display: none;	
}
.ilustracion56{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galerias56t.jpg);
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.ilustracion56 img{
	display: none;	
}
.ilustracion54{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galerias54t.jpg);
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.ilustracion54 img{
	display: none;	
}
.ilustracionAurus{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galeriasAurust.jpg);
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.ilustracionAurus img{
	display: none;	
}
.ilustracionGP{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galeriasGPt.jpg);
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.ilustracionGP img{
	display: none;	
}
.ilustracionBaum{
	width: 50%;
	height: auto;
	background-image: url(imagenes/galeriasBaumt.jpg);
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.ilustracionGP img{
	display: none;	
}






/* --- --- CARACTERISTICAS CONSTRUCTIVAS --- --- */

.ctrs-constructivas{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	padding: 2em 0;
}

.boton-modal label{
	background-color: #0e8581;
	padding: .5em 1em;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
	transition: all 300ms ease;
}


.boton-modal label:hover{
	background-color: #0f615e;
	
}
#btn-modal{
	display: none;
}

.container-modal{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 100;
}
#btn-modal:checked ~ .container-modal{
	display: flex;

}
.content-modal{
	width: 100%;
	max-width: 40%;
	background-color: #fff;
	padding: 1.5em;
}
.content-modal h4{
	
}
.content-modal p{

}
.content-modal .btn-cerrar{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.content-modal .btn-cerrar label{
	background-color: #0e8581;
	padding: .3em;
	color: #fff;
	cursor: pointer;
	transition: all 300ms ease;
}
.content-modal .btn-cerrar label:hover{
	background-color: #0f615e;
}
.cerrar-modal{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

/* --- --- CAROUSEL --- --- */
.carousel__trabajos{
	width: 100%;
	background-color: #1a1a1a;
	height: auto;
	margin: auto;
	padding: 3em 0;
}

.carousel__contenedor {
	position: relative;
	background-color: #1a1a1a;
	width: 95%;
	margin: auto;
}
.carousel__anterior,
.carousel__siguiente {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	border: none;
	top: calc(50% - 35px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #fff;
	
}
.carousel__anterior:hover,
.carousel__siguiente:hover {
	opacity: 100%;
}

.carousel__anterior {
	left: -30px;
}
.carousel__siguiente {
	right: -30px;
}
.carousel__lista {
	overflow: hidden;
}
.carousel__elemento {
	text-align: center;
}
.carousel__elemento p{
	font-size: 1.2em;
	font-weight: 500;
	color: #bac1c2;
	padding: .5em 0;
}
 .carousel__indicadores .glider-dot {
 	display: block;
 	width: 30px;
 	height: 4px;
 	background: #fff;
 	opacity: .2;
 	border-radius: 0;

 }
 .carousel__indicadores .glider-dot:hover {
 	opacity: .5;
 }
.carousel__indicadores .glider-dot.active {
	opacity: 1;
}


/* --- --- CONTACTO Y LOCALIZACION --- --- */


.contacto__localizacion{
	width: 100%;
	background-color: #f1f1f2;
	display: flex;
}
.contacto{
	width: 50%;
}
form{
	width: 50%;
	margin: auto;
	background: #f1f1f2;
	padding: 1em 2em;
	box-sizing: border-box;

}
form h1{
	padding-bottom:.7em;
}
input, textarea{
	width: 100%;
	margin-bottom: 1em;
	padding:.7em;
	box-sizing:border-box;
	border: none;
}
textarea{
	min-height: 8em;
	max-height: 12em;
	max-width: 100%;
}
#boton{
	background: #bac1c2;
	color: #1a1a1a;
	padding-bottom: 1em;
}
#boton:hover{
	cursor: pointer;
}
.localizacion{
	width: 50%;
}


/* --- --- FOOTER --- --- */

footer{
	background-color: #1a1a1a;
	color: #bac1c2;
}
footer p{color: #bac1c2}
.footer_info{
	width: 90%;
	margin: 0 auto;
	display: flex;
	padding: 4em 0;
}
.footer_info .footer_width{padding: 0 3em;}
.footer_info h2{margin-bottom: 1.6em;}
.about,
.contact{
	width: 40%;
}
.contact a{color: #bac1c2}
.link{
	width: 20%;
	text-align: center;

}
.link li a{
font-size: 1.4;
line-height: 1.6;


}

.social_media{
	margin-top: 3em;
}
.social_media ul{
	display: flex;

}
.social_media ul li a{
	display: inline-block;
	margin-right: 4em;
	width: 3em;
	height: 3em;
	padding-top: 1em;
	background-color: #bac1c2;
	color: #000;
	border: 1px solid #bac1c2;
	text-align: center;
}
.social_media ul li a:hover{
	background-color: #fff;
	color: #000;
}
.link ul li a{
	display: block
	
	
}

.link ul li a:hover{
	color: #000
}
.contact ul li{
	display: flex;
	align-items: center;
	margin-bottom: 2em;
}
.contact ul li a{
	margin-right: 2em;
}
.copy_rigth{
	padding: 2em 0;
	text-align: center;
	background-color: #000;
}





/* --- --- MEDIA QUERIES --- --- */

@media screen and (max-width : 1350px) {
	.firma,
	.logo{width: 20%;}
	.firma img{max-width: 15em;}
	.logo img{max-width: 4em;}
	.nav-list{font-size: 1em;}
}
@media screen and (max-width : 1280px) {
	footer h2{font-size: 1.2em;}
	.footer_info{width: 96%;}
	.about p{font-size: 1em;}
	.social_media ul li a{
	
	margin-right: 2em;
	width: 2em;
	height: 2em;
	padding-top: 0.5em;

}
}






@media screen and (max-width : 1200px) {

	.caja-texto{width: 90%;}
	.caja-iconos{width: 6%;}

}
@media screen and (max-width : 1050px){

	.firma{display: none;}

}


@media screen and (max-width : 900px) {
	
	.about{width: 40%;}
	.link{width: 20%;}
	.contact{width: 30%;}
	.texto h1{font-size:1.7em;}
	.texto h3{font-size: 1.1em;}
	.caja-texto{padding: 1.5em 0 .5em;}
	.texto p{font-size: 1em;}
	.boton-modal label{font-size: 1em;}
	form{width: 70%; margin: auto;}
	.content-modal{max-width: 80%;}

}

@media screen and (max-width : 800px) {
	
	.bloque1{flex-direction: column-reverse;}
	.texto{width: 100%;}
	.ilustracion{width: 100%;}
	.ilustracion{background-image: none;}
	.ilustracion img{display: initial; display: block;}
	.ilustracion14{width: 100%;}
	.ilustracion14{background-image: none;}
	.ilustracion14 img{display: initial; display: block;}
	.ilustracion56{width: 100%;}
	.ilustracion56{background-image: none;}
	.ilustracion56 img{display: initial; display: block;}
	.ilustracion54{width: 100%;}
	.ilustracion54{background-image: none;}
	.ilustracion54 img{display: initial; display: block;}
	.ilustracionAurus{width: 100%;}
	.ilustracionAurus{background-image: none;}
	.ilustracionAurus img{display: initial; display: block;}
	form{width: 80%;}
	.about,
	.contact,
	.link{
	width: 100%;
	margin-bottom: 3em;
}

	.link ul{
	display: flex;
	justify-content: space-between;
}

	.footer_info{
	flex-direction: column;
}

	.contact h2,
	.link h2{display: none;}




}
@media screen and (max-width : 640px){
	.abrir-menu,
	.cerrar-menu{
		display: block;
		border: 0;
		font-size: 1.5em;
		background-color: transparent;
		cursor: pointer;
	}
	.abrir-menu,
	.cerrar-menu{color: #cecece}

	.nav{
		opacity: 0;
		visibility: hidden;
		display: flex;
		flex-direction: column;
		align-items: end;
		gap: 2rem;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 2rem;
		background-color: black;
		box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5);
	}
	.nav.visible{
		opacity: 1;
		visibility: visible;
	}
	.nav-list{
		flex-direction: column;
		align-items: end;

	}
	.nav-list li a{color: #cecece}
}



@media screen and (max-width : 480px) {
	
	.contacto__localizacion{flex-direction: column-reverse;}
	.localizacion{width: 100%;}
	.contacto{width: 100%;}




}






@media screen and (max-width : 360px) {
	
	.texto h1{font-size:1.4em;}
	.texto h3{font-size: .9em;}
	.texto p{font-size:.8em;}
	.caja-iconos i{font-size:1em;}
	.boton-modal label{font-size:.8em;}
	



}