/* Estilos para o slider de banners */
.banners-laterais-slider {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner-lateral-slide {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; /* Adicionando espaço entre os banners */
}

.banner-lateral-slide img {
    width: 100%;
    height: auto;
}

.banner-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

#banners-container {
    margin-top: 20px;
}

.banner-item {
    margin-bottom: 20px;
}

#add-banner-button {
    margin-top: 10px;
}

#banners-container .banner-item img {
    width: 100%;
    height: auto;
}