/* SBP Eventos Chamadas */
.bcc-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.bcc-card {
	/* Claro (padrão) */
	--bcc-bg: #f4f3fb;
	--bcc-eyebrow: #a86a00;
	--bcc-title: #0a0a7d;
	--bcc-text: #4a4b5e;
	--bcc-solid-bg: #0a0a7d;
	--bcc-solid-tx: #fff;
	--bcc-solid-hbg: #f2b230;
	--bcc-solid-htx: #0a0a7d;
	--bcc-line: #0a0a7d;
	--bcc-line-hbg: #0a0a7d;
	--bcc-line-htx: #fff;
	--bcc-justify: flex-start;

	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 40px;
	border-radius: 24px;
	background: var(--bcc-bg);
	text-align: left;
}

.bcc-card--dark {
	--bcc-bg: #0a0a7d;
	--bcc-eyebrow: #f2b230;
	--bcc-title: #fff;
	--bcc-text: #d9daf5;
	--bcc-solid-bg: #f2b230;
	--bcc-solid-tx: #0a0a7d;
	--bcc-solid-hbg: #fff;
	--bcc-solid-htx: #0a0a7d;
	--bcc-line: #fff;
	--bcc-line-hbg: #fff;
	--bcc-line-htx: #0a0a7d;
}

.bcc-eyebrow {
	margin-bottom: 18px;
	color: var(--bcc-eyebrow);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 1.3;
}

.bcc-title {
	margin: 0 0 18px;
	color: var(--bcc-title);
	font-size: clamp(26px, 2.6vw, 34px);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.01em;
}

.bcc-desc {
	margin: 0;
	color: var(--bcc-text);
	font-size: 16px;
	line-height: 1.75;
}

.bcc-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--bcc-justify);
	gap: 12px;
	padding-top: 26px;
}
.bcc-btn-bottom-yes .bcc-btns { margin-top: auto; }

.bcc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 18px 26px;
	border-radius: 40px;
	border: 1.5px solid transparent;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.bcc-card .bcc-btn:hover,
.bcc-card .bcc-btn:focus-visible { transform: translateY(-2px); text-decoration: none; }

/* Seletores reforçados para vencer a cor de link do Kit do Elementor (.elementor-kit-X a) */
.bcc-card .bcc-btn--solid,
.bcc-card a.bcc-btn--solid,
.bcc-card a.bcc-btn--solid:visited {
	background: var(--bcc-solid-bg);
	border-color: var(--bcc-solid-bg);
	color: var(--bcc-solid-tx);
}
.bcc-card a.bcc-btn--solid:hover,
.bcc-card a.bcc-btn--solid:focus-visible,
.bcc-card span.bcc-btn--solid:hover {
	background: var(--bcc-solid-hbg);
	border-color: var(--bcc-solid-hbg);
	color: var(--bcc-solid-htx);
}

.bcc-card .bcc-btn--outline,
.bcc-card a.bcc-btn--outline,
.bcc-card a.bcc-btn--outline:visited {
	background: transparent;
	border-color: var(--bcc-line);
	color: var(--bcc-line);
}
.bcc-card a.bcc-btn--outline:hover,
.bcc-card a.bcc-btn--outline:focus-visible,
.bcc-card span.bcc-btn--outline:hover {
	background: var(--bcc-line-hbg);
	border-color: var(--bcc-line-hbg);
	color: var(--bcc-line-htx);
}

@media (max-width: 1024px) {
	.bcc-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
	.bcc-card { padding: 32px 24px; }
	.bcc-btn { flex: 1 1 100%; }
}