/* Container que vai segurar a imagem e centralizar */
#container-anuncio-publicidade {
    display: none; /* Começa escondido */
    justify-content: center;
    margin: 20px auto; /* Espaçamento em cima e embaixo */
    width: 100%;
    max-width: 300px;
}

/* Estilo da imagem com a borda piscante e responsividade */
#imagem-anuncio-publicidade {
    width: 300px;
    height: 250px;
    object-fit: cover; /* Garante que a imagem não fique distorcida */
    border: 3px solid #ffcc80; /* Borda laranja claro inicial */
    border-radius: 8px; /* Cantos levemente arredondados */
    animation: piscarBordaLaranja 1.5s infinite alternate; /* Animação ativada */
    max-width: 100%; /* Garante que caiba na tela do celular */
    height: auto; 
    aspect-ratio: 300 / 250; /* Mantém a proporção exata no celular */
}

/* Animação para a borda piscar de laranja claro para laranja forte */
@keyframes piscarBordaLaranja {
    0% {
        border-color: #ffcc80;
        box-shadow: 0 0 5px rgba(255, 204, 128, 0.5);
    }
    100% {
        border-color: #ff6600;
        box-shadow: 0 0 15px rgba(255, 102, 0, 0.9);
    }
}