/* =========================
   BASE / TYPOGRAPHY
========================= */
	:root {
		--primary: #0076d1;
		--text: #222;
		--muted: #6c757d;
		--bg-light: #f7f7f7;
		--max-width: 1140px;
	}

	body {
		font-family: "Open Sans", Arial, sans-serif;
		color: var(--text);
		background: #fff;
		line-height: 1.75;
		font-size: 19px;
	}

	.container-custom {
		max-width: 700px;
		/* largura estreita estilo advertorial */
		margin: 0 auto;
		padding: 0 20px;
	}

	.container-headline {
		max-width: 1000px;
		/* headline mais largo */
		margin: 0 auto;
		padding: 0 20px;
	}


	h1,
	h2,
	h3 {
		font-weight: 700;
		line-height: 1.3;
		margin-bottom: 16px;
	}

	h2 {
		font-size: 45px;
		font-weight: bold;
		letter-spacing: -0.5px;
	}

	h3 {
		font-size: 25px;
	}

	p {
		margin-bottom: 14px;
	}

	/* =========================
   HEADER / META
========================= */
	.meta {
		font-size: 14px;
		color: var(--muted);
	}

	/* =========================
   LINKS
========================= */
	a {
		color: var(--primary);
		text-decoration: underline;
		transition: .2s;
	}

	a:hover {
		opacity: .85;
	}

	/* =========================
   IMAGES
========================= */
	.img-article {
		width: 100%;
		border-radius: 6px;
		margin: 28px auto;
		display: block;
	}

	/* =========================
   CHECKLIST
========================= */
	.checklist {
		margin-left: 8px;
	}

	.checklist li {
		list-style: none;
		position: relative;
		padding-left: 26px;
		margin-bottom: 8px;
	}

	.checklist li::before {
		content: "✅";
		position: absolute;
		left: 0;
	}

	/* =========================
   SECTIONS
========================= */
	.section {
		padding: 28px 0;
	}

	.section-light {
		background: var(--bg-light);
	}

	/* =========================
   CTA BUTTON
========================= */
	.btn-cta {
		background: #FFC000;
		color: #000;
		font-size: 22px;
		font-weight: 700;
		border-radius: 8px;
		padding: 14px 28px;
		text-decoration: none;
		display: inline-block;
		transition: .25s ease;
		box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.5);




		border-style: solid;
		border-width: 0px 0px 4px 0px;
		border-color: #A67119;

	}

	.btn-cta:hover {
		background: #FFC000;
		transform: translateY(-2px);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
	}

	.author-info {
		font-family: "Open Sans", sans-serif;
		font-size: 15px;
		color: #777;
		margin-top: 10px;
	}

	.author-info strong {
		font-weight: 600;
	}

	.testimonial {
		font-style: italic;
	}

	.author-testimonial {
		font-weight: bold;
	}

	.btn-cta.bt-center {
		display: block;
		width: fit-content;
		margin: 20px auto 0 auto;
	}



	/* =========================
   FADE ANIMATION
========================= */
	.fade-in {
		opacity: 0;
		transform: translateY(20px);
		transition: .6s ease;
	}

	.fade-in.show {
		opacity: 1;
		transform: translateY(0);
	}

	/* =========================
   FOOTER
========================= */
	footer {
		background: #f2f2f2;
		font-size: 10px;
		color: #777;
		padding: 30px 0;
		text-align: center;
		/* adiciona centralização */

	}

	.footer-text {
		font-size: 13px;

	}

	.footer-text a {
		text-decoration: none;
		color: #808080;
		font-size: 13px;

	}


	/* =========================
   RESPONSIVE
========================= */
	@media (max-width: 768px) {
		h2 {
			font-size: 26px;
		}

		h3 {
			font-size: 1.2rem;
		}

		.btn-cta {
			font-size: 18px;
		}
	}