/* ==========================================
   SOBRE - NEWOXXY
   ========================================== */

section{
    position:relative;
    width:100%;
}

/* ==========================================
   HERO
   ========================================== */

.sobre-hero{
    height:100vh;
    background:url('../img/analistas.webp') center center no-repeat;
    background-size:cover;
    display:flex;
    align-items:center;
    color:#fff;
}

.sobre-hero .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.55);
}

.sobre-hero .container{
    position:relative;
    z-index:2;
}

.hero-content{
    max-width:800px;
}

.hero-content h1{
    font-size:56px;
    font-weight:700;
    margin-bottom:25px;
    line-height:1.2;
}

.hero-content p{
    font-size:22px;
    line-height:1.8;
    opacity:.95;
}

/* ==========================================
   HISTÓRIA
   ========================================== */

.sobre-historia{
    padding:100px 0;
    background:#fff;
}

.sobre-historia img{
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.sobre-historia h2{
    font-size:40px;
    font-weight:700;
    color:#1d3557;
    margin-bottom:30px;
}

.sobre-historia p{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

/* ==========================================
   DOBRA 3 - O QUE FAZEMOS
   ========================================== */

.sobre-servicos{
    padding:100px 0;
    background:#f7f9fc;
}

.img-servicos{
    max-width:900px;
    width:100%;
    margin:0 auto 50px;
    border-radius:15px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.sobre-servicos h2{
    font-size:42px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:20px;
}

.sobre-servicos .lead{
    max-width:700px;
    margin:0 auto 60px;
    font-size:20px;
    color:#64748b;
    line-height:1.8;
}

.card-servico{
    background:#fff;
    padding:35px 25px;
    border-radius:12px;
    min-height:260px;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:all .3s ease;
    margin-bottom:30px;
}

.card-servico:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.card-servico h3{
    font-size:24px;
    font-weight:700;
    color:#1d3557;
    margin-bottom:20px;
}

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

@media(max-width:991px){

    .card-servico{
        min-height:auto;
    }

}

@media(max-width:767px){

    .sobre-servicos{
        padding:70px 0;
    }

    .sobre-servicos h2{
        font-size:32px;
    }

    .sobre-servicos .lead{
        font-size:18px;
    }

    .img-servicos{
        margin-bottom:35px;
    }

}

/* ==========================================
   DIFERENCIAIS
   ========================================== */

.sobre-diferenciais{
    padding:100px 0;
    background:#fff;
}

.sobre-diferenciais h2{
    font-size:42px;
    font-weight:700;
    color:#1d3557;
    margin-bottom:35px;
}

.sobre-diferenciais ul{
    padding:0;
    margin:0;
    list-style:none;
}

.sobre-diferenciais li{
    font-size:20px;
    margin-bottom:20px;
    color:#555;
    position:relative;
    padding-left:35px;
}

.sobre-diferenciais li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#28a745;
    font-weight:bold;
}

.sobre-diferenciais img{
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

/* ==========================================
   FINAL
   ========================================== */

.sobre-final{
    background:url('../img/tecnologia.webp') center center no-repeat;
    background-size:cover;
    padding:140px 0;
    color:#fff;
}

.sobre-final .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(8,18,35,.65);
}

.sobre-final .container{
    position:relative;
    z-index:2;
}

.conteudo-final{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.conteudo-final h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:30px;
}

.conteudo-final p{
    font-size:20px;
    line-height:1.9;
    margin-bottom:20px;
}

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

@media(max-width:991px){

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

    .hero-content p{
        font-size:18px;
    }

    .sobre-historia,
    .sobre-servicos,
    .sobre-diferenciais{
        padding:70px 0;
    }

    .sobre-historia .col-md-6:first-child,
    .sobre-diferenciais .col-md-6:last-child{
        margin-bottom:40px;
    }

    .conteudo-final h2{
        font-size:36px;
    }
}

@media(max-width:767px){

    .sobre-hero{
        text-align:center;
    }

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

    .hero-content p{
        font-size:16px;
    }

    .sobre-historia h2,
    .sobre-servicos h2,
    .sobre-diferenciais h2{
        font-size:30px;
    }

    .conteudo-final h2{
        font-size:28px;
    }

    .conteudo-final p{
        font-size:17px;
    }

    .card-servico{
        min-height:auto;
    }
}