.hero-bg-quem-somos {
    background: url('../img/container/container-principal.png') no-repeat center center/cover;
    height: 300px;
    position: relative;
}

.quem-somos-geral {
    background: url('../img/fundo-sessoes/fundo-sessoes.png') no-repeat center/cover;
    padding: 60px 0;
}

/* SEÇÃO CONTAINER */
.container-quem-somos {
    width: 90%;
    max-width: 950px;
    margin: 0 auto;
    padding: 60px 0;

    display: flex;
    flex-direction: column;
    gap: 20px;

    position: relative;
    z-index: 100;

}

.container-quem-somos h1 {
    font-size: 46px;
    margin-bottom: 20px;
    max-width: 600px;
    width: 100%;
    color: white;
    line-height: 50px;
    position: relative;
    top: 70px;
}

.container-quem-somos h1 span {
    color: var(--dourado-principal);
}

/* FIM SEÇÃO CONTAINER */

/* SEÇÃO QUEM SOMOS */
.quem-somos {
    padding: 60px 0;
}

.quem-somos-container {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

.quem-somos-container > h2 {
    display: none;
}

/* VIDEO QUEM SOMOS */
.quem-somos-img,
.quem-somos-box {
    flex: 1 1 300px;
    /* display: flex; */
    justify-content: center; /* Centraliza o vídeo se ele for menor que o container */
    align-items: center;
}

.quem-somos-img video {
    width: 90%; /* Mantém a proporção que você definiu para a imagem */
    height: 400px;
    border-radius: 8px; /* Opcional: deixa o visual mais moderno */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* Opcional: profundidade premium */
    object-fit: cover; /* Garante que o vídeo preencha o espaço sem distorcer */
}
/* VIDEO QUEM SOMOS */

.quem-somos-box h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #333;
}

.quem-somos-box p {
    font-size: 16px;
    margin-bottom: 30px;
    max-width: 600px;
    width: 100%;
    color: #6b6767;
}

/* FIM SEÇÃO QUEM SOMOS */


/* ========================= */
/* MISSÃO VISÃO VALORES */
/* ========================= */

.missao-visao {
    padding: 80px 20px;
    background: #100a29;

}

.mv-container {
    max-width: 1100px;
    margin: 0 auto;

    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.mv-box {
    flex: 1 1 260px;

    background: white;
    padding: 30px 20px;

    border-radius: 12px;
    text-align: center;

    display: flex;
    flex-direction: column;
    gap: 15px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

/* destaque (meio) */
.mv-box.destaque {
    background: linear-gradient(135deg, var(--azul-principal), var(--azul-escuro));
    color: white;
}

/* Ícones */
.mv-box i {
    font-size: 24px;
    color: var(--azul-principal);
}

.mv-box.destaque i {
    color: var(--dourado-principal);
}

/* Hover */
.mv-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}


/* ========================= */
/* FIM MISSÃO VISÃO VALORES */
/* ========================= */

/* ========================= */
/* SOBRE DIFERENCIAL */
/* ========================= */

.sobre-diferencial {
    padding: 80px 20px;
}

.sobre-diferencial-container {
    max-width: 950px;
    margin: 0 auto;

    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

.sobre-diferencial-texto,
.sobre-diferencial-img {
    flex: 1 1 300px;
}

/* TEXTO */
.sobre-diferencial-texto {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sobre-diferencial-texto p {
    color: #555;
}

.sobre-diferencial-texto ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sobre-diferencial-texto li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
}

/* Ícone */
.sobre-diferencial-texto li i {
    color: white;
    background: var(--azul-principal);
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
}

/* BOTÃO */
.sobre-diferencial-texto .btn {
    width: 320px;
    background: var(--azul-escuro);
    color: white;
    border: none;
    text-align: center;
}

.sobre-diferencial-texto .btn:hover {
    background: var(--dourado-principal);
}

/* IMAGEM */
.sobre-diferencial-img img {
    width: 100%;
    border-radius: 12px;
}

/* ========================= */
/* FIM SOBRE DIFERENCIAL */
/* ========================= */



/* =========================================================================== */
/* =========================================================================== */
/* PÁGINA QUEM SOMOS*/
/* =========================================================================== */
/* =========================================================================== */

/* PÁGINA QUEM SOMOS */
@media (max-width: 768px) {
    .hero-bg-quem-somos {
        height: 230px;
    }

    .container-quem-somos h1 {
        font-size: 36px;
        position: relative;
        top: -10px;
    }


    /* SESSÃO QUEM SOMOS */
    .quem-somos-container {
        display: flex;
        flex-direction: column;
    }

    .quem-somos-container > h2 {
    display: block;
    text-align: center;
}

    .quem-somos-box > h2 {
        display: none;
    }

    .quem-somos {
        text-align: center;
    }

    /* FIM SESSÃO QUEM SOMOS */



}