/* Container dos dots */
		.slick-dots {
			display: flex !important;
			justify-content: center;
			align-items: center;
			gap: 8px;
			margin: 24px 0 0;
			padding: 0;
			list-style: none;
			position: static !important;
		}
		.slick-dots li {
			display: inline-block;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
		}

		/* Cada dot é o próprio <button> — ponto cinza-claro, vira cor-1 no ativo. */
		.slick-dots li button {
			display: block;
			width: 10px;
			height: 10px;
			padding: 0;
			border: none;
			border-radius: 50%;
			background: #d1d5db;
			font-size: 0;
			line-height: 0;
			color: transparent;
			cursor: pointer;
			transition: background .2s, transform .2s, width .2s;
		}
		.slick-dots li button:hover { background: #9ca3af; }
		.slick-dots li.slick-active button {
			background: var(--cor-1, #f01e23);
			width: 24px;
			border-radius: 999px;
		}
		/* Esconde o ::before do slick padrão (que renderia uma bolinha extra). */
		.slick-dots li button::before { display: none !important; content: none !important; }

		#slick_banners { width: 100%; height: 100%; }

		.ha-slick-item {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.ha-slick-img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}