#bannerCD {
    clear: both !important;
    background-image: url("/img/bannerCD.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Mudado de 100% 100% para cover, evitando achatar a imagem */
    background-position: center;
    width: 100%;
    min-height: 350px;
    height: auto;
    
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 40px;
    box-sizing: border-box;
}

#adquira {
    width: 100%;
    max-width: 400px; /* Não passa disso no PC, mas encolhe no celular */
    height: auto;
    margin-left: 50px;
    display: flex;
    flex-direction: column;

    text-align: left;
    color: #BDB76B;
    text-shadow: 1px 1px 1px #000000;
    font-family: 'Dancing Script', cursive;
    font-weight: bold;
    font-size: 2em;   
    float: none !important;
}

#wrapperPlayerCD {
    width: 100%;
    max-width: 320px;
    margin-top: 15px;
    display: block;
}

#wrapperPlayerCD audio {
    width: 100%;
    display: block;
}

#divFotoPastores {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 45%;
}

.foto-pastores {
    max-height: 320px;
    width: auto;
    object-fit: contain;
}

/* MEDIA QUERY: Regras exclusivas para telas de Celular */
@media (max-width: 768px) {
    #bannerCD {
        flex-direction: column !important; /* Joga o texto para cima e a foto para baixo */
        justify-content: center !important;
        text-align: center !important;
        padding: 20px !important;
        height: auto !important;
    }
    
    #adquira {
        margin-left: 0 !important;
        align-items: center !important;
        text-align: center !important;
        font-size: 1.6em !important; /* Diminui um pouco a letra no celular */
    }
    
    #wrapperPlayerCD {
        max-width: 280px !important; /* Player menor para caber em telas pequenas */
    }

    #divFotoPastores {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 20px !important;
    }
    
    .foto-pastores {
        max-height: 220px !important;
    }
}