.hero-construccion{

position:relative;

width:100%;

height:590px;

display:flex;

align-items:center;

overflow:hidden;

z-index:6;

box-shadow:0 28px 55px rgba(13,19,27,.26);

}

.hero-construccion-fondo{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

object-fit:cover;

z-index:1;

}

.hero-construccion-capa{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:
linear-gradient(
90deg,
rgba(6,14,26,.92) 0%,
rgba(6,14,26,.78) 35%,
rgba(6,14,26,.40) 65%,
rgba(6,14,26,.15) 100%
);

z-index:2;

}

.hero-construccion-contenido{

position:relative;

z-index:3;

max-width:760px;

padding-top:70px;

}

.hero-construccion-etiqueta{

color:#ef6c00;

font-size:14px;

font-weight:700;

letter-spacing:5px;

margin-bottom:20px;

}

.hero-construccion-contenido h1{

font-size:64px;

line-height:1.05;

color:#ffffff;

margin-bottom:24px;

}

.hero-construccion-contenido p{

font-size:20px;

line-height:1.7;

color:rgba(255,255,255,.88);

max-width:620px;

}

.introduccion-etiqueta{

color:#ef6c00;

font-size:14px;

font-weight:700;

letter-spacing:4px;

margin-bottom:18px;

}

.introduccion-construccion h2{

font-size:52px;

line-height:1.15;

color:#111111;

margin-bottom:28px;

max-width:760px;

}

.introduccion-construccion p{

font-size:20px;

line-height:1.9;

color:#666666;

max-width:900px;

}

.hero-construccion-distribucion{

position:relative;

z-index:3;

display:grid;

grid-template-columns:1fr 520px;

align-items:center;

gap:70px;

width:100%;

max-width:1280px;

margin:0 auto;

padding:95px 4% 45px;

}

.hero-galeria{

display:flex;

flex-direction:column;

align-items:center;

}

.hero-galeria-etiqueta{

color:#ffffff;

font-size:14px;

font-weight:700;

letter-spacing:3px;

margin-bottom:22px;

text-align:center;

}

.hero-galeria .galeria-slider{

display:flex;

align-items:center;

justify-content:center;

gap:18px;

}

.hero-galeria .galeria-flecha{

width:60px;

height:60px;

border:none;

border-radius:50%;

background:rgba(255,255,255,.15);

color:#ffffff;

font-size:34px;

cursor:pointer;

transition:.30s;

backdrop-filter:blur(8px);

}

.hero-galeria .galeria-flecha:hover{

background:#ef6c00;

}

.hero-galeria .galeria-visor{

position:relative;

width:420px;

height:260px;

border-radius:24px;

overflow:hidden;

border:4px solid rgba(255,255,255,.9);

box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.hero-galeria .galeria-visor img{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:

transform .55s ease,

opacity .55s ease;

}

.galeria-sale-izquierda{

transform:translateX(-100%);

opacity:0;

}

.galeria-sale-derecha{

transform:translateX(100%);

opacity:0;

}

.galeria-entra-derecha{

transform:translateX(100%);

opacity:0;

}

.galeria-entra-izquierda{

transform:translateX(-100%);

opacity:0;

}

.cta-construccion{

padding:55px 0 55px;

background:#ffffff;

text-align:center;

}

.cta-construccion h2{

font-size:44px;

color:#111111;

margin-bottom:18px;

}

.cta-construccion p{

font-size:20px;

line-height:1.8;

color:#666666;

max-width:760px;

margin:0 auto 35px;

}

.cta-construccion-boton{

display:inline-block;

padding:18px 42px;

border:2px solid #ef6c00;

color:#ef6c00;

font-size:15px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

text-decoration:none;

transition:all .35s ease;

}

.cta-construccion-boton:hover{

background:#ef6c00;

color:#ffffff;

}

#contenido{

min-height:auto;

}

@media (max-width:900px){

.hero-construccion{

height:auto;

padding:120px 0 60px;

}

.hero-construccion-distribucion{

grid-template-columns:1fr;

gap:45px;

padding:0;

}

.hero-construccion-contenido{

max-width:100%;

padding-top:0;

}

.hero-construccion-contenido h1{

font-size:48px;

}

.hero-galeria{

width:100%;

}

.hero-galeria .galeria-slider{

width:100%;

gap:12px;

}

.hero-galeria .galeria-visor{

width:100%;

height:240px;

}

.hero-galeria .galeria-flecha{

width:50px;

height:50px;

font-size:28px;

}

}