/* Estilos CSS para o carrossel de banners do FR Blog Ads */
.fr-blogads-banners-carousel-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /* Estilos gerais para o container */
}

/* Estilos específicos para banners entre postagens (via Elementor Widget) */
.fr-blogads-banners-carousel-container.fr-blogads-between_posts {
    max-width: 1024px; /* Largura máxima para o banner entre postagens */
    border: 1px solid #eee; /* Borda opcional */
    border-radius: 5px; /* Cantos arredondados opcionais */
    padding: 5px;
    box-sizing: border-box;
    min-height: 194px; /* Altura mínima para evitar layout quebrado */
}

/* Estilos específicos para banners laterais (via Elementor Widget) */
.fr-blogads-banners-carousel-container.fr-blogads-sidebar {
    max-width: 300px; /* Largura máxima típica para sidebar (ajuste se necessário) */
    border: 1px solid #eee; /* Borda opcional */
    border-radius: 5px; /* Cantos arredondados opcionais */
    padding: 5px;
    box-sizing: border-box;
    min-height: 100px; /* Altura mínima, será ajustada pelos 3 banners */
}

.fr-blogads-banner-slide {
    display: none; /* Esconde todos os slides por padrão */
    width: 100%;
    text-align: center;
    margin-bottom: 10px; /* Espaçamento entre os banners na vertical */
}

.fr-blogads-banner-slide:last-child {
    margin-bottom: 0; /* Remove a margem do último slide */
}

.fr-blogads-banner-slide.active {
    display: block; /* Mostra apenas os slides ativos */
}

.fr-blogads-banner-slide img {
    width: 100%;
    height: auto; /* Mantém a proporção da imagem */
    display: block;
    max-width: 100%;
}

/* Ajustes de tamanho para o tipo de banner "Entre Postagens" */
.fr-blogads-banners-carousel-container.fr-blogads-between_posts .fr-blogads-banner-slide img {
    max-height: 194px; /* Altura máxima para banners entre postagens */
    object-fit: contain; /* Garante que a imagem se ajuste sem cortar */
}

/* Ajustes de tamanho para o tipo de banner "Lateral" */
.fr-blogads-banners-carousel-container.fr-blogads-sidebar .fr-blogads-banner-slide img {
    max-height: 1080px; /* Altura máxima para banners laterais (se a imagem for quadrada) */
    object-fit: contain;
}

/* --- Estilos para Banners Inseridos Automaticamente --- */
.fr-blogads-auto-inserted-banner {
    clear: both; /* Garante que o banner não flutue ao lado de outros elementos */
    margin: 20px auto; /* Margem superior/inferior e centraliza */
    text-align: center;
    max-width: 1024px; /* Limita a largura do container do banner */
    border: 1px solid #eee; /* Borda opcional */
    border-radius: 5px; /* Cantos arredondados opcionais */
    padding: 5px;
    box-sizing: border-box;
}

.fr-blogads-auto-inserted-banner img {
    width: 100%;
    height: auto;
    max-width: 1024px;
    max-height: 194px;
    object-fit: contain;
    display: block;
}