/* ── Braz Turismo · Spot Stats ────────────────────── */
.brt-spot-stats{
	display: flex;
	align-items: center;
	gap: 20px;
	background: #fff;
	border: 1px solid #E3DFD4;
	border-radius: 6px;
	padding: 22px 28px;
	flex-wrap: wrap;
}

.brt-spot-stats__grid{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 0;
}

.brt-spot-stat{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 2px 32px 2px 0;
	position: relative;
	min-width: 84px;
}
.brt-spot-stat + .brt-spot-stat{
	padding-left: 32px;
}
.brt-spot-stat + .brt-spot-stat::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #E3DFD4;
}

/* Rótulo com pontinho colorido (cor por stat) */
.brt-spot-stat__head{
	display: inline-flex;
	align-items: flex-start;
	gap: 7px;
}
.brt-spot-stat__dot{
	width: 7px;
	height: 7px;
	margin-top: 3px;
	border-radius: 50%;
	background: #9a958c;
	flex-shrink: 0;
}
.brt-spot-stat__rotulo{
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .09em;
	line-height: 1.25;
	color: #9a958c;
	text-transform: uppercase;
}
.brt-spot-stat__valor{
	font-size: 17px;
	font-weight: 700;
	color: #1d2420;
	line-height: 1.2;
}
.brt-spot-stat__detalhe{
	font-size: 11.5px;
	color: #9a958c;
	line-height: 1.25;
}

/* Cores dos pontinhos por categoria */
.brt-spot-stat--distancia   .brt-spot-stat__dot{ background: #C8893A; }
.brt-spot-stat--duracao     .brt-spot-stat__dot{ background: #5a7089; }
.brt-spot-stat--entrada     .brt-spot-stat__dot{ background: #2f8f4e; }
.brt-spot-stat--dificuldade .brt-spot-stat__dot{ background: #2f8f4e; }
.brt-spot-stat--melhor      .brt-spot-stat__dot{ background: #E0613A; }

/* Entrada em verde (ex.: Gratuita) */
.brt-spot-stat--entrada .brt-spot-stat__valor{ color: #2f8f4e; }

/* Botões */
.brt-spot-stats__actions{
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	flex-wrap: wrap;
}
.brt-spot-stats__btn{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 11px 22px;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s, color .15s;
}
.brt-spot-stats__btn--filled{
	background: #046929;
	color: #fff;
	border: 2px solid #046929;
}
.brt-spot-stats__btn--filled:hover{ background: #023D18; border-color: #023D18; }
.brt-spot-stats__btn--outline{
	background: transparent;
	color: #1d2420;
	border: 2px solid #E3DFD4;
}
.brt-spot-stats__btn--outline:hover{ border-color: #046929; color: #046929; }

@media (max-width: 768px){
	.brt-spot-stats{ flex-direction: column; align-items: stretch; padding: 18px 20px; }
	.brt-spot-stats__grid{ gap: 16px 0; }
	.brt-spot-stat{ padding: 0 16px 0 0; min-width: 0; flex: 1 1 calc(50% - 16px); }
	.brt-spot-stat + .brt-spot-stat::before{ display: none; }
	.brt-spot-stats__actions{ justify-content: stretch; }
	.brt-spot-stats__btn{ flex: 1; justify-content: center; }
}