/*==========================================================
JACOB ENGENHARIA 2.0
PARCERIAS-ARQUITETOS.CSS
PARTE 1
==========================================================*/


/*==========================================================
INTRODUÇÃO
==========================================================*/

.parceria-intro{

    padding:100px 0;

    background:#ffffff;

}

.parceria-intro .servico-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}

.parceria-intro .servico-imagem img{

    width:100%;

    border-radius:20px;

    box-shadow:0 18px 45px rgba(15,23,42,.08);

}

.parceria-intro .servico-texto h2{

    font-size:2.5rem;

    color:#0F172A;

    margin:18px 0;

}

.parceria-intro .servico-texto p{

    color:#667085;

    line-height:1.8;

    margin-bottom:18px;

}


/*==========================================================
POR QUE SER PARCEIRO
==========================================================*/

.porque-parceria{

    padding:100px 0;

    background:#F8FAFC;

}

.porque-parceria .diferenciais-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:50px;

}

.porque-parceria .diferencial-card{

    background:#ffffff;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    text-align:center;

    transition:.30s;

}

.porque-parceria .diferencial-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.porque-parceria .diferencial-card i{

    display:block;

    font-size:2.8rem;

    color:#D4AF37;

    margin-bottom:18px;

}

.porque-parceria .diferencial-card h3{

    color:#0F172A;

    margin-bottom:15px;

}

.porque-parceria .diferencial-card p{

    color:#667085;

    line-height:1.7;

}


/*==========================================================
COMO FUNCIONA
==========================================================*/

.como-funciona-parceria{

    padding:100px 0;

    background:#ffffff;

}

.etapas-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:50px;

}

.etapa-card{

    background:#F8FAFC;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    text-align:center;

    transition:.30s;

}

.etapa-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.numero{

    width:60px;

    height:60px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#D4AF37;

    color:#0F172A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.3rem;

    font-weight:700;

}

.etapa-card h3{

    color:#0F172A;

    margin-bottom:15px;

}

.etapa-card p{

    color:#667085;

    line-height:1.7;

}

/*==========================================================
SERVIÇOS
==========================================================*/

.servicos-parceria{

    padding:100px 0;

    background:#F8FAFC;

}

.servicos-parceria .servicos-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:50px;

}

.servicos-parceria .servico-card{

    background:#ffffff;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    text-align:center;

    text-decoration:none;

    transition:.30s;

}

.servicos-parceria .servico-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.servicos-parceria .servico-card i{

    display:block;

    font-size:2.6rem;

    color:#D4AF37;

    margin-bottom:18px;

}

.servicos-parceria .servico-card h3{

    color:#0F172A;

    font-size:1.05rem;

}


/*==========================================================
VANTAGENS
==========================================================*/

.vantagens-parceria{

    padding:100px 0;

    background:#ffffff;

}

.vantagens-parceria .diferenciais-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:50px;

}

.vantagens-parceria .diferencial-card{

    background:#F8FAFC;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    text-align:center;

    transition:.30s;

}

.vantagens-parceria .diferencial-card:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.vantagens-parceria .diferencial-card i{

    display:block;

    font-size:2.8rem;

    color:#D4AF37;

    margin-bottom:18px;

}

.vantagens-parceria .diferencial-card h3{

    color:#0F172A;

    margin-bottom:15px;

}

.vantagens-parceria .diferencial-card p{

    color:#667085;

    line-height:1.7;

}


/*==========================================================
PÚBLICO
==========================================================*/

.publico-parceria{

    padding:100px 0;

    background:#F8FAFC;

}

.publico-parceria .servicos-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:50px;

}

.publico-parceria .servico-card{

    background:#ffffff;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    text-align:center;

}

.publico-parceria .servico-card i{

    display:block;

    font-size:2.7rem;

    color:#D4AF37;

    margin-bottom:18px;

}

.publico-parceria .servico-card h3{

    color:#0F172A;

    margin-bottom:15px;

}

.publico-parceria .servico-card p{

    color:#667085;

    line-height:1.7;

}


/*==========================================================
CTA PARCERIA
==========================================================*/

.parceiro-cta{

    padding:100px 0;

    background:#0F172A;

    color:#ffffff;

}

.parceiro-cta .titulo-central h2,

.parceiro-cta .titulo-central p{

    color:#ffffff;

}

.parceria-box{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    margin:50px 0;

}

.parceria-texto{

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

    border:1px solid rgba(255,255,255,.10);

    border-radius:18px;

    padding:30px;

}

.parceria-texto h3{

    margin-bottom:20px;

}

.parceria-texto ul{

    list-style:none;

    padding:0;

    margin:0;

}

.parceria-texto li{

    margin-bottom:14px;

    line-height:1.7;

}

.cta-final{

    text-align:center;

    margin-top:30px;

}


/*==========================================================
FAQ
==========================================================*/

.faq-parcerias{

    padding:100px 0;

    background:#F8FAFC;

}

.faq-container{

    max-width:900px;

    margin:50px auto 0;

}

.faq-item{

    background:#ffffff;

    border:1px solid #EEF2F6;

    border-radius:18px;

    padding:28px;

    margin-bottom:20px;

}

.faq-item h3{

    color:#0F172A;

    margin-bottom:15px;

}

.faq-item p{

    color:#667085;

    line-height:1.8;

}


/*==========================================================
RESPONSIVO
==========================================================*/

@media(max-width:1200px){

.servicos-parceria .servicos-grid,

.publico-parceria .servicos-grid,

.vantagens-parceria .diferenciais-grid,

.porque-parceria .diferenciais-grid,

.etapas-grid{

grid-template-columns:repeat(2,1fr);

}

.parceria-box{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.parceria-intro,

.porque-parceria,

.como-funciona-parceria,

.servicos-parceria,

.vantagens-parceria,

.publico-parceria,

.parceiro-cta,

.faq-parcerias{

padding:80px 0;

}

.parceria-intro .servico-grid{

grid-template-columns:1fr;

gap:40px;

}

}

@media(max-width:768px){

.servicos-parceria .servicos-grid,

.publico-parceria .servicos-grid,

.vantagens-parceria .diferenciais-grid,

.porque-parceria .diferenciais-grid,

.etapas-grid{

grid-template-columns:1fr;

}

}

@media(max-width:480px){

.parceria-intro .servico-texto h2{

font-size:1.8rem;

}

.numero{

width:55px;

height:55px;

font-size:1.2rem;

}

}