@font-face {
  font-family: 'ITC Avant Garde Gothic';
  src: url('../fonts/AvantGarde-Book.woff2') format('woff2'),
      url('../fonts/AvantGarde-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
scroll-behavior: smooth;
}

*,
html,
body,
a{
font-family: 'ITC Avant Garde Gothic', sans-serif !important;
}

.home{
background-color: #000000;
}


.home header,
.lc-home-header {
background-color: transparent !important;
-webkit-transition: all 1000ms ease-out;
-moz-transition: all 1000ms ease-out;
-ms-transition: all 1000ms ease-out;
-o-transition: all 1000ms ease-out;
transition: all 1000ms ease-out;
}

.home header {
display: flex;
align-content: center;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
position: fixed !important;
width: 100%;
top: 0% !important;
}

@media (min-width: 769px){
	.home header {
		-webkit-transition: transform 800ms ease-out;
		-moz-transition: transform 800ms ease-out;
		-ms-transition: transform 800ms ease-out;
		-o-transition: transform 800ms ease-out;
		transition: transform 800ms ease-out;
		transform: translateY(45vh);
		height: 100dvh;
		  height: 100vh;
	}
	
	
}


@media (max-width: 769px){
	.home header {
		height: 160px;
		padding: 0px 0 40px 0;
	}
	.home header .elementor{
		width: 100% !important;
	} 
}


.lc-header-activo{
transform: translateY(50px) !important;
height: auto !important;
}


.lc-home-header-activo{
  height: 160px !important;
}



.lc-header-titulo h1,
.lc-header-titulo span{
display: inline-block;
font-size: clamp(2.5rem, 10vw, 9rem) !important;
position: relative;
-webkit-transition: transform 800ms ease-out;
-moz-transition: transform 800ms ease-out;
-ms-transition: transform 800ms ease-out;
-o-transition: transform 800ms ease-out;
transition: transform 800ms ease-out;
}

.lc-header-activo .lc-header-titulo h1{
font-size: 8vw !important;
transform: scale(0.8);
}



@media (min-width: 769px){
	.lc-menu-animacion{
	  	-webkit-transition: all 2000ms ease-out;
		-moz-transition: all 2000ms ease-out;
		-ms-transition: all 2000ms ease-out;
		-o-transition: all 2000ms ease-out;
		transition: all 2000ms ease-out;
		background: transparent;
		position: relative;
		overflow: hidden;
		z-index: 2;
	}
}

.lc-menu-principal,
.lc-menu-principal ul{
width: 100% !important;
}

.lc-menu-principal li{
display: flex;
align-items: center;
align-content: center;
cursor: pointer;
overflow: hidden;
}

.lc-menu-claro .lc-menu-animacion li::before,
.lc-menu-animacion li::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
transition: left 0.3s ease;
z-index: 1;
}

.lc-menu-animacion li::before {
  background: #FFFBEE;
}

.lc-menu-claro .lc-menu-animacion li::before {
  background: #000000;
}


.lc-menu-principal li:hover{


}

	.lc-menu-animacion li:hover a{
	  color: #000000 !important;
	}
	.lc-menu-claro .lc-menu-animacion li:hover a{
	  color: #FFFBEE !important;
	}


.lc-menu-principal li:hover::before {
left: 0;  
z-index:-1;
}

.lc-menu-claro .lc-menu-principal li::after,
.lc-menu-principal li::after{
content: ',';
display: block;
position: relative;
}

.lc-menu-principal li::after{
  color: #FFFBEE;
}

.lc-menu-claro .lc-menu-principal li::after{
  color: #000000;
}

.lc-menu-principal li:last-of-type::after{
content: '';
}

.lc-menu-principal li a{
  font-family: 'ITC Avant Garde Gothic', sans-serif !important;
  font-weight: 400 !important;
padding: 0 0 0 5px !important;
}		


.lc-home-parallax{
width: 33%;
padding-top: 100vh;
height: 100%;
aspect-ratio: 1/1;
  transition: transform 0.5s ease-out; 
}

.lc-home-menu-inferior{
position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;

}
.lc-home-menu-inferior-titulo{
font-size: 30px;
  line-height: 1.4;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
width: fit-content;
}

.lc-home-menu-inferior-img{
position: absolute;
right: -17%;
top: 0;
width: 0px;
height: 0px;
aspect-ratio: 1/1;
opacity: 0; 
visibility: hidden;
z-index: -1;
height: 0;
width: 0;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}


@media (min-width:769px){
.lc-home-menu-inferior:hover .lc-home-menu-inferior-img{
  opacity: 1; 
  visibility: visible;
  z-index: 2;
  height: 300px;
  width: 300px;
}
}




.lc-home-menu-inferior a {
text-decoration: none !important;
  overflow: hidden !important;
  width: fit-content !important;
  display: block;
  text-align: center;
  padding: 5px 10px;
}

@media (min-width:769px){
	.lc-home-menu-inferior  a:hover{
		color: #000000 !important;
	}

	.lc-home-menu-inferior span::before{
	  content: '';
	  position: absolute;
	  top: 0;
	  left: -100%;
	  width: 100%;
	  height: 100%;
	  background: #FFFBEE;
		-webkit-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	-ms-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
	  z-index: -1;
	}




	.lc-home-menu-inferior span:hover::before{
		left: 0;
	}
	
	.lightbox-close::before,
	.lightbox-nav span::before{
		background: transparent !important;
		left: -100% !important;
		display: none !important; 
	}
	
	

}

.lightbox-prev:hover, .lightbox-next:hover{
	color: #000000;
}
.lc-header-botonera-menu-claro,
.lc-header-botonera-menu{
  display: none;
}

@media (max-width: 769px){
  .lc-header-botonera-menu,
	.lc-header-botonera-menu-claro{
    width: 100%;
    display: flex;
    align-content: flex-end !important;
    justify-content: center !important;
    align-items: flex-end !important;
  }
	
	.lc-header-botonera-menu{
		background: transparent;
	}
	
	.lc-header-botonera-menu-claro{
		background: #FFFBEE;
	}
}


.lc-header-botonera-menu-claro .lc-header-botonera-menu-btn  .elementor-widget-container,
.lc-header-botonera-menu-btn  .elementor-widget-container{
  display: flex;
  justify-content: flex-end;
}

.lc-header-botonera-menu-claro .lc-header-botonera-menu-btn .elementor-heading-title {
  color: #000000;
  border: 2px solid #000000;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  padding: 3px 10px;
  width: fit-content !important;
  display: block;
  font-weight: 300 !important;
}

.lc-header-botonera-menu-btn .elementor-heading-title {
	background: #000000;
  color: #FFFBEE;
  border: 2px solid #FFFBEE;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  padding: 3px 10px;
  width: fit-content !important;
  display: block;
  font-weight: 300 !important;
}

.lc-menu-dropdown-btn-cerrar{
  position: absolute;
  right: 20px;
  top: 20px;
}

.lc-menu-dropdown-btn-cerrar .elementor-heading-title{
  color: #FFFBEE !important;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  z-index: 10;
  line-height: 1;
  font-size: 30px;
  font-weight: 300 !important;
}

.lc-menu-dropdown-cont{
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 9;
  transform: translateX(100%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}


.lc-menu-dropdown-cont-activo{
  transform: translateX(0%);
  pointer-events: all;
  opacity: 1;
  visibility: visible;

}


.lc-menu-dropdown{
  width: 100%;
  height: 100%;
  background: #000000;
  margin-top: 56px;
}

.lc-menu-dropdown a{
  font-size: 30px !important;
  padding-left: 30px;
  font-weight: 300 !important;
}




.lc-caruosel-clients{
img{
          width: 100px !important;
      height: 100px;
      aspect-ratio: 1 / 1;
      object-fit: contain;
}
}



.lc-sobremi-foto{
width: 100%;
  height: 100%;
  flex: 1;
}

.lc-sobremi-foto .elementor-widget-image,
.lc-sobremi-foto .elementor-widget-container{
height: 100%;
}
.lc-sobremi-foto img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
}

@media (max-width: 769px){
.lc-sobremi-foto{
  height: auto;
}
}

.lc-puntos-cont{
width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 11px;
}

.lc-punto{
width: 25px;
aspect-ratio: 1 / 1;
height: auto;
background: #000000;
display: block;
border-radius: 30px;
}

.wpcf7-form{

}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type=reset], 
.wpcf7-form input[type=tel], 
.wpcf7-form input[type=date], 
.wpcf7-form select {
background: #FFFBEE;
border: 0;
box-shadow: none;
border-bottom: 1px solid #000000;
border-radius: 0;
padding: 10px 0 !important;
color: #000000;
}

.wpcf7-form textarea {
background: #FFFBEE;
border: 0;
box-shadow: none;
border: 1px solid #000000;
border-radius: 0;
padding: 10px !important;
color: #000000;
height: 100px;
resize: vertical;
overflow: hidden;
margin-top: 20px;
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="number"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="url"]::placeholder,
.wpcf7-form input[type="password"]::placeholder,
.wpcf7-form input[type="search"]::placeholder,
.wpcf7-form input[type="reset"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="date"]::placeholder,
.wpcf7-form textarea::placeholder{
  color: #000000; 
}

.wpcf7-form .lc-form-btn{
width: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  align-items: center
}

.wpcf7-form  .wpcf7-spinner{
display: none;
}

.wpcf7-form .lc-form-btn .wpcf7-submit{
color: #FFFBEE;
background: #000000;
padding: 5px 10px !important;
display: block;
border-radius: 30px;
border: 1px solid #000000;
}

.wpcf7-form .lc-form-btn .wpcf7-submit:hover{
color: #000000;
background: #FFFBEE;

}

.lc-catalogo-imagenes{
width: 100%;
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px 20px;
}

.lc-catalogo-imagenes .elementor-widget-image,
.lc-catalogo-imagenes .elementor-widget-image figure,
.lc-catalogo-imagenes .elementor-widget-image figure a{
height: 100%;
}

.lc-catalogo-imagenes .elementor-widget-image{
	width: calc(32% - 10px);
	aspect-ratio: 3029 / 4543;
}

.lc-catalogo-imagenes .elementor-widget-image figure a img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.slb_data_title{
display: none !important;
}

.lc-catalogo-proyectos{
width: 100% !important;
display: flex;
flex-direction: row !important;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
row-gap: 20px;
column-gap: 20px;
}

@media (max-width:769px){
.lc-catalogo-proyectos{
  row-gap: 10px;
  column-gap: 10px;
}
}

.lc-proyecto-box{
aspect-ratio: 79 / 118;
flex: 1 0 calc(33% - 10px) !important;
position: relative;
height: auto;
overflow: hidden;
max-width: 600px;
}

@media (max-width:769px){
.lc-proyecto-box{
  aspect-ratio: 79 / 118;
  flex: 1 0 calc(50% - 5px) !important;
}
}


.lc-proyecto-box-img{
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
z-index: 1;
}

.lc-proyecto-box-img image{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.lc-proyecto-box-info{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
cursor: pointer !important;
opacity: 0;
visibility: hidden;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
text-decoration: none !important;
}

.lc-proyecto-box:hover .lc-proyecto-box-info{
opacity: 1;
visibility: visible;
}


.lc-proyecto-box-titulo .elementor-heading-title{
color: #ffffff !important;
font-size: 40px;
font-weight: 400;
 font-family: 'ITC Avant Garde Gothic', sans-serif !important;
text-decoration: none;
}

@media (max-width: 769px){
.lc-proyecto-box-titulo .elementor-heading-title{
  font-size: 25px;
}
}




.lc-proyecto-box-video{
aspect-ratio: 16 / 9;
flex: 1 0 calc(33% - 10px) !important;
position: relative;
height: auto;
overflow: hidden;
}

@media (max-width:769px){
.lc-proyecto-box-video{
  flex: 1 0 calc(50% - 5px) !important;
}
}