/*====================================================

                OFICINAS MODULARES

====================================================*/

.house-hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
background:url("../images/proyectos/oficina-modular-20/hero.webp")
}

.house-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.82)0%,rgba(0,0,0,.55)40%,rgba(0,0,0,.18)75%,rgba(0,0,0,.08)100%);
}

.house-hero-container{
position:relative;
z-index:2;
display:flex;
align-items:center;
min-height:100vh;
}

.house-content{
max-width:560px;
padding-top:80px;
}

.house-breadcrumb{
display:block;
color:var(--color-primary);
letter-spacing:3px;
font-size:13px;
font-weight:700;
margin-bottom:18px;
}

.house-badge{
display:inline-block;
padding:10px 22px;
border:1px solid rgba(212,169,55,.4);
border-radius:50px;
color:var(--color-primary);
margin-bottom:28px;
font-size:13px;
letter-spacing:2px;
}

.house-content h1{
font-size:92px;
line-height:.92;
color:#fff;
margin-bottom:25px;
}

.house-location{
color:#ddd;
font-size:18px;
margin-bottom:25px;
}

.house-content p{
color:#cfcfcf;
font-size:18px;
line-height:1.9;
max-width:520px;
margin-bottom:45px;
}

.house-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}

/*================================*/

.house-specs{
background:#101010;
padding:40px 0;
border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.05);
}

.specs-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

.spec{
text-align:center;
padding:28px 10px;
background:#171717;
border:1px solid rgba(255,255,255,.06);
transition:.35s;
}

.spec:hover{
transform:translateY(-6px);
border-color:var(--color-primary);
}

.spec h3{
color:var(--color-primary);
font-size:32px;
margin-bottom:8px;
}

.spec span{
color:#cfcfcf;
}

/*================================*/

.project-section{
padding:120px 0;
background:#0d0d0d;
}

.project-section:nth-child(even){
background:#121212;
}

.section-heading{
max-width:900px;
margin:0 auto 60px;
text-align:center;
}

.section-heading span{
display:block;
font-size:14px;
letter-spacing:4px;
color:var(--color-primary);
margin-bottom:18px;
font-weight:700;
}

.section-heading h2{
font-size:48px;
color:#fff;
margin-bottom:20px;
}

.section-heading p{
color:#bfbfbf;
line-height:1.9;
max-width:760px;
margin:auto;
}

.project-image-full{
display:block;
width:100%;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
box-shadow:0 30px 70px rgba(0,0,0,.45);
transition:.45s;
}

.project-image-full:hover{
transform:translateY(-8px);
}

/*================================*/

.projects-cta{
padding:140px 0;
text-align:center;
background:#090909;
}

.projects-cta-content span{
display:block;
letter-spacing:3px;
color:var(--color-primary);
margin-bottom:18px;
}

.projects-cta-content h2{
font-size:52px;
color:#fff;
margin-bottom:22px;
}

.projects-cta-content p{
color:#bfbfbf;
max-width:700px;
margin:0 auto 40px;
line-height:1.9;
}

/*================================*/

@media(max-width:992px){

.house-content h1{
font-size:64px;
}

.specs-grid{
grid-template-columns:repeat(2,1fr);
}

.section-heading h2{
font-size:36px;
}

.project-section{
padding:90px 0;
}

}

@media(max-width:768px){

.house-content{
text-align:center;
}

.house-buttons{
justify-content:center;
}

.specs-grid{
grid-template-columns:1fr;
}

.house-content h1{
font-size:48px;
}

.section-heading h2{
font-size:30px;
}

.projects-cta-content h2{
font-size:36px;
}

}