/* =====================================
JRS EMPRESA PAGE CSS PREMIUM
APENAS COMPONENTES DA PÁGINA EMPRESA
===================================== */


/* HERO EMPRESA */

.empresa-hero{
width:100%;
height:85vh;
min-height:600px;
background:url("../images/equipe-instalacao.jpg") center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
overflow:hidden;
}


.empresa-hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35));
}


.empresa-hero-content{
position:relative;
z-index:2;
width:90%;
max-width:750px;
color:#fff;
}


.empresa-hero-content h1{
font-size:clamp(38px,5vw,62px);
margin-bottom:25px;
}


.empresa-hero-content p{
font-size:19px;
line-height:1.7;
margin-bottom:35px;
max-width:650px;
}



/* IMAGENS */

.empresa-image{
width:100%;
overflow:hidden;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.15);
}


.empresa-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.8s cubic-bezier(.2,.8,.2,1);
}


.empresa-image:hover img{
transform:scale(1.06);
}



/* TEXTOS */

.empresa-text h2{
font-size:36px;
margin-bottom:25px;
}


.empresa-text p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:20px;
}



/* ORGANIZAÇÃO DAS SEÇÕES */

.empresa-about .jrs-container,
.empresa-atendimento .jrs-container{
display:grid;
gap:45px;
align-items:center;
}



/* DIFERENCIAIS */

.empresa-cards{
display:grid;
gap:25px;
margin-top:45px;
}


.empresa-card{
background:#fff;
padding:40px 30px;
border-radius:25px;
box-shadow:0 20px 45px rgba(0,0,0,.10);
transition:.5s cubic-bezier(.2,.8,.2,1);
}


.empresa-card:hover{
transform:translateY(-10px);
}


.empresa-card h3{
font-size:25px;
color:var(--jrs-green);
margin-bottom:18px;
}


.empresa-card p{
font-size:16px;
line-height:1.8;
color:#555;
}



/* ENDEREÇOS */

.empresa-enderecos{
display:grid;
gap:30px;
margin-top:45px;
}


.empresa-endereco{
background:var(--jrs-green);
color:#fff;
padding:45px 40px;
border-radius:25px;
min-height:190px;
display:flex;
flex-direction:column;
justify-content:center;
box-shadow:0 20px 45px rgba(37,93,51,.25);
transition:.4s;
}


.empresa-endereco:hover{
transform:translateY(-8px);
}


.empresa-endereco h3{
font-size:30px;
margin-bottom:20px;
}


.empresa-endereco p{
font-size:18px;
line-height:1.7;
}



/* CTA EXCLUSIVO EMPRESA */

.empresa-page .jrs-cta{
text-align:center;
}


.empresa-page .jrs-cta h2{
font-size:38px;
margin-bottom:20px;
}


.empresa-page .jrs-cta p{
font-size:18px;
margin-bottom:35px;
}



/* GARANTE HEADER VERDE NA PÁGINA INTERNA */

.empresa-page .jrs-header{
background:var(--jrs-green);
}



/* DESKTOP */

@media(min-width:768px){

.empresa-about .jrs-container,
.empresa-atendimento .jrs-container{
grid-template-columns:1fr 1fr;
}


.empresa-cards{
grid-template-columns:repeat(3,1fr);
}


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


.empresa-hero-content{
margin-left:5%;
}

}



/* MOBILE */

@media(max-width:767px){

.empresa-hero{
height:75vh;
min-height:520px;
}


.empresa-hero-content h1{
font-size:38px;
}


.empresa-text h2{
font-size:30px;
}


.empresa-card{
padding:35px 25px;
}


.empresa-endereco{
padding:35px 25px;
}


.empresa-page .jrs-cta h2{
font-size:30px;
}

}


/* =====================================
   AJUSTES FINOS - PÁGINA EMPRESA
===================================== */

/* HERO */

.empresa-page .empresa-hero{
    padding-top:85px; /* desce o conteúdo para não encostar no header */
}

.empresa-page .empresa-hero-content{
    margin-top:40px;
}

/* Títulos em verde padrão do site */

.empresa-page .empresa-text h2{
    color:var(--jrs-green);
    font-size:36px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

/* Mobile */

@media(max-width:767px){

    .empresa-page .empresa-hero{
        padding-top:95px;
    }

    .empresa-page .empresa-hero-content{
        margin-top:25px;
    }

    .empresa-page .empresa-text h2{
        font-size:30px;
    }

}

/* =====================================
   AJUSTE HERO MOBILE
===================================== */

@media (max-width: 767px){

    .empresa-page .empresa-hero{
        min-height:75vh;
        padding-left: 20px;
        padding-top:90px;
        align-items:flex-start;
    }

    .empresa-page .empresa-hero-content{
        margin-top:0;
        padding-top:20px;
    }

    .empresa-page .empresa-hero-content h1{
        line-height:1.0;
        margin-bottom:20px;
    }

}