/* ===== Banner Topo Home - Rogério Empreendimentos ===== */

.re-top-hero {
    width:100%;
    margin:0;
    padding:0;
    position:relative;
    font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* imagem de fundo ocupando toda largura */
.re-top-hero-bg {
    width:100%;
    min-height:320px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-shadow:0 24px 60px rgba(0,0,0,.3);
}

/* camada escura leve pra leitura do botão */
.re-top-overlay {
    position:relative;
    background:rgba(0,0,0,0.15);
    border-radius:24px;
    padding:24px 32px;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* BOTÃO "COMPRAR AGORA" */
.re-top-cta {
    background:#0057FF;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:1rem;
    line-height:1.2;
    padding:14px 20px;
    border-radius:12px;
    box-shadow:0 20px 40px rgba(0,87,255,.5);
    transition:all .25s ease;
    display:inline-block;
}
.re-top-cta:hover {
    background:#0036c9;
    box-shadow:0 28px 60px rgba(0,54,201,.6);
    transform:translateY(-2px);
}

/* Mobile ajuste altura */
@media(max-width:768px){
    .re-top-hero-bg{
        min-height:240px;
        background-position:center top;
    }
    .re-top-overlay{
        border-radius:16px;
        padding:16px 20px;
    }
    .re-top-cta{
        font-size:.9rem;
        padding:12px 18px;
        border-radius:10px;
    }
}