body {
			background-color: #faf8e6;
			/* azul claro do background */
			font-family: "Open Sans", sans-serif;

		}
		
		.top-bar {
			background-color: #333;
			color: #fff;
			font-size: 14px;
			padding: 6px 0;
			text-align: center;
			font-weight: 500;
		}

		.article-container {
			max-width: 960px;
			margin: 20px auto;
			background-color: #fff;
			padding: 20px;
		}

		.article-title {
			font-weight: 700;
			font-size: 1.6rem;
			margin-bottom: 10px;
			line-height: 1.3;
		}

		.article-meta {
			font-size: 0.85rem;
			color: #666;
			margin-bottom: 15px;
		}

		.social-buttons {
			display: flex;
			gap: 5px;
			margin-bottom: 15px;
		}

		.social-buttons button {
			flex: 1;
			border: none;
			padding: 8px 0;
			color: #fff;
			font-size: 0.85rem;
			cursor: pointer;
		}

		.btn-facebook {
			background-color: #3b5998;
		}

		.btn-twitter {
			background-color: #1da1f2;
		}

		.article-image {
			width: 100%;
			height: auto;
			margin-bottom: 15px;
		}

		.article-summary {
			background-color: #fff9d9;
			border: 1px solid #e0d88f;
			padding: 15px;
			font-size: 0.9rem;
			line-height: 1.5;
		}

		.article-summary b {
			font-weight: 600;
		}

		.buy-recommendation {
			background-color: #D9EDF7;
			border: 2px solid #BCE8F1;
			padding: 15px;
			font-size: 18px;
			line-height: 1.5;
			text-align: center;
		}

		.buy-recommendation b {
			font-weight: 600;
		}

		.cta-primary-btn {
			display: inline-block;
			background: #d7bc00;
			color: #fff;
			font-weight: 700;
			font-size: 28px;
			padding: 10px 10px;
			border-radius: 10px;
			text-decoration: none;

		}


		.benefits-list {
			list-style: none;
			/* remove a bolinha */

			padding-left: 40px;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.benefits-list li {
			margin-bottom: 12px;
			line-height: 1.5;
		}

		.testimonial-box {
			background-color: #F9F9F9;
			margin: 0 0 20px 0;
			padding: 10px 10px 10px 20px;
			border-left: 10px solid #CCCCCC;
		}

		.testimonial-text {
			font-size: 23px;
			font-weight: 400;
			font-style: italic;
			line-height: 28px;
			color: #757575;
			margin: 0;
		}

		/* Barra de fundo */
		.progress-wrapper {
			background-color: #e0e0e0;
			border-radius: 12px;
			height: 25px;
			overflow: hidden;
		}

		/* Barra preenchida */
		.progress-bar {
			background: #344A5F;
			height: 100%;
			border-radius: 12px 0 0 12px;
			transition: width 1s ease-in-out;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding-right: 10px;
			color: #fff;
			font-weight: bold;
			font-size: 14px;
		}

		/* Percentual dentro da barra */
		.progress-percentage {
			color: #fff;
			font-weight: bold;
		}

		/* Alinha o título à esquerda */
		.widget-progress .progress-title {
			display: block;
			text-align: left;
			margin-bottom: 5px;
			font-weight: bold;
			color: #333333;
		}

		.progress-container {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			min-height: 100%;
			font-size: 18px;
		}

		@media (max-width: 576px) {
			.article-title {
				font-size: 1.3rem;
			}

			.social-buttons {
				flex-direction: column;
			}
		}