:root {
	/* Verdes (mantive, estão ótimos) */
	--bc-green-900: #06261C;
	--bc-green-800: #0B3D2E;
	--bc-green-700: #0F5A3F;
	--bc-green-500: #18A66A;

	/* Dourado ajustado para a LOGO */
	--bc-gold-900: #6F4A1E;   /* sombra profunda */
	--bc-gold-800: #8A5C26;
	--bc-gold-700: #A8742F;   /* base metálica */
	--bc-gold-600: #C89B4A;   /* highlight médio */
	--bc-gold-500: #D9B15E;
	--bc-gold-300: #F2D58B;   /* brilho */
	--bc-gold-200: #F7E3A6;   /* brilho máximo */

	/* Texto */
	--bc-text: #F7F7F7;
	--bc-muted: #CFE6DB;
}

/* RESET */
html, body {
	height: 100%;
}

body {
	background: var(--bc-green-900);
	color: var(--bc-text);
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
	overflow-x: hidden;
}

.bc-section,.bc-hero{
    border-bottom: 1px solid rgba(216,181,106,.2);
}

/* ================= TOPBAR / LOGOS ================= */
.bc-logo { height: 450px; }
.bc-logo-sm { height: 180px; }

/* ================= BUTTONS ================= */
.bc-btn {
	border-radius: 999px;
	padding: 13px 38px;
	font-weight: 800;
	letter-spacing: .2px;
	box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

.bc-btn-gold {
	color: #1b1406;
	background: linear-gradient(180deg, var(--bc-gold-300), var(--bc-gold-600));
}

.bc-btn-gold:hover {
	filter: brightness(1.05);
	transform: translateY(-2px);
}

/* ================= HERO ================= */
.bc-hero {
	position: relative;
	padding: 120px 0;
	background:
		radial-gradient(900px 600px at 20% 20%, rgba(216,181,106,.18), transparent 60%),
		radial-gradient(900px 600px at 70% 40%, rgba(24,166,106,.14), transparent 60%),
		linear-gradient(180deg, var(--bc-green-900), var(--bc-green-800));
}

.bc-hero-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.bc-kicker {
	color: var(--bc-gold-300);
	font-weight: 800;
	letter-spacing: .7px;
}

.bc-title {
	font-weight: 900;
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	background: linear-gradient(180deg, var(--bc-gold-300), var(--bc-gold-600));
	-webkit-background-clip: text;
	color: transparent;
}

.bc-subtitle {
	color: var(--bc-muted);
}

/* ================= SECTIONS ================= */
.bc-section {
	position: relative;
	padding: 100px 0;
	background: linear-gradient(180deg, var(--bc-green-800), var(--bc-green-900));
	z-index: 5;
}

.bc-section-dark {
	background: linear-gradient(180deg, #051f17, #03150f);
}

/* ================= PANELS ================= */
.bc-panel {
	background: rgba(15,90,63,.22);
	border: 1px solid rgba(216,181,106,.25);
	border-radius: 20px;
	padding: 40px 25px;
	box-shadow: 0 20px 45px rgba(0,0,0,.35);
}

/* ================= RATES ================= */
.bc-rate {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 25px;
	background: rgba(6,38,28,.45);
	border-radius: 14px;
	border: 1px solid rgba(216,181,106,.2);
}

.bc-rate-value {
	color: var(--bc-gold-300);
	font-weight: 900;
}

/* ================= OFFERS ================= */
.bc-offer {
	background: rgba(6,38,28,.5);
	border: 1px solid rgba(216,181,106,.25);
	border-radius: 20px;
	padding: 25px;
	box-shadow: 0 20px 40px rgba(0,0,0,.35);
}

.bc-title-big {
	font-size: 5.5rem;
}

/* ================= FOOTER ================= */
.bc-footer {
	padding: 100px 0;
	background: #03150f;
	border-top: 1px solid rgba(216,181,106,.2);
}

/* ================= FLOATING COINS ================= */
.bc-floats {
	position: fixed;
	inset: 0;
	z-index: 3;
	pointer-events: none;
}

.bc-float {
	position: absolute;
	opacity: .18;
}

/* Floating coins */
.bc-float {
	position: absolute;
	pointer-events: none;
	opacity: 0.18;

	filter: blur(18px);
	transform: translate3d(0, 0, 0);
	will-change: transform;
	transition: transform 0.15s ease-out;
}

/* Moeda maior – mais próxima */
.bc-f1 {
	width: 520px;
	left: -120px;
	top: 180px;

	filter: blur(5px);
	opacity: 0.22;
}

/* Moeda média */
.bc-f2 {
	width: 420px;
	right: -80px;
	top: 380px;

	filter: blur(4px);
	opacity: 0.18;
}

/* Moeda menor – mais distante */
.bc-f3 {
	width: 360px;
	left: 55%;
	top: 800px;

	filter: blur(3px);
	opacity: 0.12;
}



/* ================= RESPONSIVE ================= */
@media(max-width: 768px) {
	.bc-floats { display: none; }
	.bc-logo { height: 280px; }
	.bc-logo-sm { height: 140px; }
}

.img-bicho-milhar-pagando {
	width: auto;
	height: 350px
}

@media only screen and (max-width: 600px) {
	.img-bicho-milhar-pagando {
		height: auto;
		width: 100%
	}
}