/* Banner Topo GuiaWP — front-end
   @author Negócios Assis
   @since 1.0.0 - 2026-07-21 */

.btgw-wrapper {
	position: relative;
	max-width: 420px; margin: 28px auto; padding: 0 16px;
}

.btgw-wrapper--grade {
	max-width: 1100px;
	display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;
}
.btgw-wrapper--grade .btgw-slide {
	flex: 1 1 260px; max-width: 340px;
}
@media (max-width: 640px) {
	.btgw-wrapper--grade { gap: 14px; }
	.btgw-wrapper--grade .btgw-slide { flex: 1 1 100%; max-width: 340px; }
}

.btgw-slide {
	display: none;
	position: relative;
	border-radius: 20px; overflow: hidden;
	box-shadow: 0 4px 16px rgba(15, 23, 42, .08);
}
.btgw-slide.is-active { display: block; }

.btgw-wrapper:not(.btgw-wrapper--rotativo) .btgw-slide { display: block; }

.btgw-slide img {
	width: 100%; height: auto; display: block;
	aspect-ratio: 1 / 1; object-fit: cover;
}

.btgw-tag {
	position: absolute; top: 10px; right: 10px;
	background: rgba(15, 23, 42, .65); color: #fff;
	font-size: 10px; font-weight: 700; letter-spacing: .03em;
	padding: 3px 9px; border-radius: 9999px; text-transform: uppercase;
}

.btgw-caption {
	position: absolute; left: 0; right: 0; bottom: 0;
	display: flex; flex-direction: column; gap: 2px;
	padding: 28px 18px 14px;
	background: linear-gradient(to top, rgba(15, 23, 42, .85) 0%, rgba(15, 23, 42, .55) 55%, transparent 100%);
}
.btgw-caption__titulo {
	color: #fff; font-size: 16px; font-weight: 800; line-height: 1.25;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.btgw-caption__empresa {
	color: #fde8cf; font-size: 12px; font-weight: 600;
}
@media (max-width: 640px) {
	.btgw-caption__titulo { font-size: 14px; }
	.btgw-caption { padding: 20px 14px 10px; }
}

.btgw-dots {
	display: flex; justify-content: center; gap: 8px; margin-top: 10px;
}
.btgw-dot {
	width: 8px; height: 8px; border-radius: 9999px; border: none;
	background: #d1d5db; cursor: pointer; padding: 0;
	transition: background .15s ease, transform .15s ease;
}
.btgw-dot.is-active { background: #f5a623; transform: scale(1.25); }