/* Publicidades - Base */
.publicidade-wrapper {
    margin: 15px 0;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}


/* Publicidades - Base */
.publicidade-wrapper {
    margin: 15px 0;
    padding: 8px;
}

.publicidade-img {

    height: auto;
    object-fit: cover;
    display: block;
    margin-top: -2px;
}

.publicidade-label {
    background-color: transparent;
    color: #555555;
    font-size: 10px;
    z-index: 10;
    pointer-events: none;
}

.publicidade-label p {
    margin: 0;
}

/* Tipos de Publicidade */
.publicidade-banner .publicidade-img {
    max-width: 1350px; 
    max-height: 300px; 
    margin: 0 auto;
}

.publicidade-superior .publicidade-img {
    max-width: 1200px; 
    max-height: 300px;  
}

.publicidade-lateral .publicidade-img {
    max-width: 300px; 
    max-height: 320px; 
}



@media (max-width: 767px) {
    .publicidade-wrapper {
        margin: 10px 0;
        padding: 5px;
        width: 100%;
        box-sizing: border-box; 
    }

    .publicidade-img {
        max-width: 100%;
        height: auto;
    }

    .publicidade-banner .publicidade-img,
    .publicidade-superior .publicidade-img,
    .publicidade-lateral .publicidade-img {
        max-height: none; 
    }
    
    .publicidade-label {
        top: 2px;
        font-size: 8px;
    }

    .publicidade-banner .publicidade-img {
      max-height: 85px;
    }

    .publicidade-superior .publicidade-img {
      max-height: 120px;
    }
}

/* Mobile Landscape (horizontal) */
@media (max-width: 767px) and (orientation: landscape) {
    .publicidade-img {
        max-height: 150px;
    }
    
    .publicidade-wrapper {
        margin: 8px 0;
    }
}

/* Tablets (768px a 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .publicidade-img {
        max-height: 200px;
    }
}

/* Dispositivos muito pequenos (menores que 400px) */
@media (max-width: 399px) {
    .publicidade-img {
        max-height: 140px;
    }
    
    .publicidade-wrapper {
        margin: 8px 0;
        padding: 4px;
    }
}