:root {
	/* Paleta (do cliente) */
	--color-black: #000000;
	--color-green-700: #0d7246; /* primária */
	--color-green-500: #72a258; /* apoio */
	--color-green-200: #c8dabd; /* claros/backgrounds */
	--color-green-600: #509a79; /* botões hover */
	--color-pink-300: #f5a4c7; /* destaque sutil */

	--color-text: #0f0f0f;
	--color-muted: #6b7280;
	--radius: 14px;
	--shadow-sm: 0 6px 18px rgba(0,0,0,.08);
	--shadow-md: 0 12px 30px rgba(0,0,0,.12);
}

html, body {
	font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--color-text);
	scroll-behavior: smooth;
	background: linear-gradient(180deg, #ffffff 0%, var(--color-green-200) 100%);
}

/* Navbar */
.detox-navbar .brand-logo { height: 36px; width: auto; }
.detox-navbar .brand-text { font-weight: 600; color: var(--color-green-700); }
.detox-navbar .btn-primary { background: var(--color-green-700); border-color: var(--color-green-700); }
.detox-navbar .btn-primary:hover { background: var(--color-green-600); border-color: var(--color-green-600); }

/*****************
  Hero
*****************/
.hero-section {
	padding: 64px 0 32px;
	background: radial-gradient(1200px 400px at 80% -10%, rgba(245,164,199,.18), transparent 60%),
		linear-gradient(180deg, #fff 0%, #f8fbf6 100%);
}
.hero-title { font-weight: 700; line-height: 1.15; color: var(--color-green-700); }
.hero-title .hero-sub { color: var(--color-green-500); font-weight: 600; }
.hero-copy { color: #253036; }
.hero-media img { border-radius: 18px; box-shadow: var(--shadow-md); }
.trust-badges { list-style: none; padding-left: 0; display: flex; gap: 16px; flex-wrap: wrap; }
.trust-badges li { font-size: 14px; color: var(--color-muted); }

/*****************
  Seções
*****************/
.section-spacing { padding: 56px 0; }
.section-muted { background: rgba(200, 218, 189, 0.35); }
.section-title { font-size: 28px; font-weight: 700; color: var(--color-green-700); }
.section-sub { color: var(--color-muted); }

/*****************
  Cards de benefícios
*****************/
.feature-card {
	background: #fff;
	border-radius: var(--radius);
	padding: 20px;
	box-shadow: var(--shadow-sm);
	height: 100%;
	border: 1px solid rgba(13, 114, 70, .08);
}
.feature-card h3 { font-size: 18px; margin-top: 10px; color: var(--color-green-700); }
.feature-card p { color: #334155; margin-bottom: 0; }
.feature-card .feature-ico {
	display: inline-block; width: 34px; height: 34px; border-radius: 50%;
	background: var(--color-green-200);
	border: 2px solid var(--color-green-500);
}

/*****************
  Listas com check
*****************/
.check-list { list-style: none; padding-left: 0; }
.check-list li { position: relative; padding-left: 28px; margin-bottom: 10px; color: #23303a; }
.check-list li:before {
	content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border-radius: 50%;
	background: var(--color-green-500); box-shadow: inset 0 0 0 3px #fff;
}
.check-list--light li { color: #eef7f0; }
.check-list--light li:before { background: #fff; box-shadow: inset 0 0 0 4px var(--color-green-700); }

/*****************
  Oferta
*****************/
.offer-section { background: linear-gradient(135deg, var(--color-green-700), var(--color-green-600)); color: #fff; }
.price-box { display: inline-block; background: rgba(255,255,255,.1); padding: 12px 16px; border-radius: 10px; }
.price-current { font-size: 18px; }
.price-amount { font-size: 32px; letter-spacing: .5px; }
.btn-cta { background: #fff; color: var(--color-green-700); font-weight: 700; padding: 12px 22px; border-radius: 12px; }
.btn-cta:hover { background: #f2f2f2; color: var(--color-green-600); }
.secure-note { color: #e6f6ea; }
.price-box small { color: rgba(255,255,255,.95) !important; }

/*****************
  Footer
*****************/
.footer { background: #fff; border-top: 1px solid rgba(0,0,0,.06); padding: 28px 0; }
.footer .logo { width: 108px; height: auto; }
.footer .p-text-center-footer { color: #5b6166; }

/*****************
  Utilidades / overrides Bootstrap
*****************/
.btn-primary { background: var(--color-green-700); border-color: var(--color-green-700); }
.btn-primary:hover { background: var(--color-green-600); border-color: var(--color-green-600); }
.btn-outline-primary { color: var(--color-green-700); border-color: var(--color-green-700); }
.btn-outline-primary:hover { background: var(--color-green-700); border-color: var(--color-green-700); }

/* Pequenos ajustes responsivos */
@media (max-width: 991.98px){
	.hero-section { padding-top: 40px; }
	.hero-title { font-size: 32px; }
}
@media (max-width: 575.98px){
	.section-title { font-size: 24px; }
	.price-amount { font-size: 28px; }
}
@media (min-width: 992px){
	.illustration-lg-grow { transform: scale(1.06); transform-origin: center left; }
} 

/* Upsell Kiwify */
.upsell-box { background: rgba(255,255,255,.08); border: 1px dashed rgba(255,255,255,.25); border-radius: 14px; padding: 16px; }
.kiwify-upsell-btn { background-color:#27AF60; padding:12px 16px; cursor:pointer; color:#FFFFFF; font-weight:700; border-radius:10px; border:1px solid #27AF60; font-size:18px; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.kiwify-upsell-btn:hover { filter: brightness(1.08); }
.kiwify-upsell-cancel { margin-top: 10px; cursor:pointer; font-size:14px; text-decoration:underline; color:#e6f6ea; }