/* ============================================================
   Braz Posts Cards — Experiências & Pacotes (Vitrine Escura)
   Variação: a seção inteira vira um painel verde-escuro.
   Depende de bpc-experiencias.css (carregado antes).
   ============================================================ */

/* ── Painel ─────────────────────────────────────── */
.bpc-experiencias-secao--painel {
	background-color: #1F4D2D;        /* sobrescrito pelo controle "Cor do painel" */
	border-radius: 20px;
	padding: 32px 32px 28px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

/* O modificador no <section> não deve herdar o gap do grid */
.bpc-experiencias-secao--painel .bpc-exps--grid {
	margin: 0;
}

/* ── Card sobre o painel ────────────────────────── */
.bpc-experiencias-secao--painel .bpc-experiencia-card {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* ── Meta em duas camadas ───────────────────────── */
/* Linha 1: duração + capacidade, lado a lado, sem o "·" separador */
.bpc-experiencias-secao--painel .bpc-experiencia-card__meta--inline {
	gap: 20px;
}
.bpc-experiencias-secao--painel .bpc-experiencia-card__meta--inline li + li::before {
	content: none;
	margin: 0;
}

/* Linha 2: dificuldade isolada, com ícone de alerta */
.bpc-experiencias-secao--painel .bpc-experiencia-card__dif {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	color: #6B7670;
}
.bpc-experiencias-secao--painel .bpc-experiencia-card__dif .bpc-i {
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
}

/* ── Preço "Sob consulta" com mais ênfase ───────── */
.bpc-experiencias-secao--painel .bpc-experiencia-card__preco-consulta {
	font-size: 20px;
	font-weight: 700;
	color: #046929;
}

/* ── Responsivo ─────────────────────────────────── */
@media (max-width: 600px) {
	.bpc-experiencias-secao--painel {
		padding: 22px 18px 20px;
		border-radius: 16px;
	}
}