/*
.containerNotice {
	width: 50%;
	margin: 0 auto 10%;
	.slide-window {
		height: auto;
		overflow: hidden;
		position: relative;
		.slide-holder {
			/* background-color: $blue; *
			margin-left: 0;
			transition: margin-left 1s;
			.slide {
				height: 250px;
				min-height: 250px;
				float: left;
				h3 {
					font-size: 1.75rem;
					margin-bottom: 1rem;
					position: relative;
				} 
			}
		}
	}
} */

/* Adicionar no final de css/style.css */

/* --- ESTILOS PARA O CARROSSEL DO BLOG (VERSÃO JQUERY) --- */
.containerNotice {
	width: 80%; /* Aumentei um pouco para ocupar mais espaço */
	margin: 0 auto;
    max-width: 900px;
    background-color: #fff;
}

.slide-window {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.slide-holder {
    display: flex; /* Usando flexbox para alinhar os slides */
    margin-left: 0;
    transition: margin-left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); /* Animação mais suave */
}

.slide-holder .slide {
    min-height: 250px;
    padding: 20px;
    box-sizing: border-box; /* Garante que o padding não afete a largura */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slide-holder .slide h3 {
    font-size: 1.5rem; /* Ajustado para melhor responsividade */
    margin-bottom: 1rem;
    color: var(--cor-primaria);
}

.slide-holder .slide p {
    font-size: 1rem;
    color: var(--cor-secundaria);
}

.slide-holder .slide .read-more {
    margin-top: auto; /* Empurra o "Leia mais" para o final */
    font-weight: bold;
    color: var(--cor-primaria);
    text-decoration: none;
}

.slide-nav {
    text-align: center;
    margin-top: 20px;
}

.slide-nav .slide-nav-bt {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slide-nav .slide-nav-bt.active {
    background-color: var(--cor-primaria);
}