/* =========================
   BLOQUEIO DE VAZAMENTO
========================= */

html, body{
    overflow-x:hidden;
}

.empre{
    background:#2D2928;
    padding:120px 20px;
    overflow:hidden; /* IMPORTANTE */
}

.empre-wrap{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    min-height:600px;
    overflow:hidden; /* IMPORTANTE */
}

.empre-card{
    width:100%;
    max-width:420px; /* mantém desktop proporcional */
    height:600px;
    display:flex;
    flex-direction:column;
    color:#fff;
}

.faixa-topo{
    background:#BC9053;
    color:#171312;
    padding:12px 25px;
    font-size:35px;
    letter-spacing:2px;
    width:100%;
    margin-bottom:40px;
}

.empLogoBox{
    height:160px;
    display:flex;
    align-items:center;
    margin-bottom:20px;
}

.empLogoBox img{
    max-height:140px;
    max-width:100%;
    object-fit:contain;
}

#empTexto{
    color:#cfcfcf;
    font-size:15px;
    line-height:1.6;
}

.emp-nav{
    display:flex;
    gap:15px;
    margin:30px 0;
}

.emp-nav button{
    background:transparent;
    border:1px solid #777;
    color:#ccc;
    font-size:20px;
    padding:8px 14px;
    cursor:pointer;
    transition:0.3s;
}

.emp-nav button:hover{
    border-color:#c49a5a;
    color:#c49a5a;
}

.btn-empre{
    margin-top:auto;
    border:1px solid #777;
    padding:15px 20px;
    text-decoration:none;
    color:#fff;
    text-align:center;
    transition:0.3s;
}

.btn-empre:hover{
    border-color:#c49a5a;
    color:#c49a5a;
}

.empre-img{
    width:100%;
    max-width:460px; /* controla desktop */
    height:600px;
    overflow:hidden;
    position:relative; /* IMPORTANTE */
}

.empSwiper,
.swiper{
    width:100%;
    height:100%;
    overflow:hidden !important; /* evita vazamento */
}

.swiper-wrapper{
    max-width:100%;
}

.empSwiper img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* =========================
   MOBILE
========================= */

@media(max-width:580px){

.faixa-topo{
    width:80%;
    font-size:15px;
}

.empre-wrap{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:80px 20px;
}

.empre-card{
    width:100%;
    max-width:100%;
    height:auto;
}

.empre-img{
    width:100%;
    max-width:100%;
    height:300px; /* aumentei para não ficar espremido */
}

.swiper-slide{
    width:100% !important;
}

}