/**
 * Qreview — Frontend cards & análises
 * Visual inspirado no Tecnoblog (widget-produto + toc-ofertas).
 *
 * Paleta:
 *   --qreview-primary:  #ea3384  (rosa/magenta)
 *   --qreview-primary-h: #BB296A
 *   --qreview-pros-bg:  #E0FFEF  / text #5EBD05
 *   --qreview-cons-bg:  #FFE0E0  / text #ED4141
 *   --qreview-border:   #E5E7EB
 *   --qreview-muted:    #6B7280
 */

/* =========================================================
   AFFILIATE DISCLOSURE
   Posicionado ao final do post (cluster de avisos legais), em estilo discreto
   para não competir visualmente com a conclusão. Mantém legibilidade exigida
   por CONAR/Amazon Schedule 5 (claro e conspícuo) sem peso de bloco no topo.
   ========================================================= */
.qreview-affiliate-disclosure {
	background: transparent;
	border: 0;
	border-top: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 0;
	padding: 14px 0 8px;
	margin: 24px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: #9ca3af;
	text-align: center;
}

.qreview-affiliate-disclosure p {
	margin: 0;
	font-size: 12px;
}

.qreview-affiliate-disclosure strong {
	color: #6B7280;
	font-weight: 600;
}

.qreview-affiliate-disclosure a {
	color: #6B7280;
	text-decoration: underline;
}

/* =========================================================
   METODOLOGIA EDITORIAL (bloco público de transparência)
   Estilo discreto: cinza claro, sem competir com CTAs de afiliado.
   ========================================================= */
.qreview-methodology {
	background: #f8f9fa;
	border: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 4px;
	padding: 0;
	margin: 24px 0;
	font-size: 14px;
	line-height: 1.6;
	color: #4b5563;
}

.qreview-methodology details > summary {
	cursor: pointer;
	padding: 12px 16px;
	font-weight: 600;
	color: #374151;
	list-style: none;
	user-select: none;
}

.qreview-methodology details > summary::-webkit-details-marker {
	display: none;
}

.qreview-methodology details > summary::before {
	content: '▸';
	display: inline-block;
	margin-right: 8px;
	color: #6B7280;
	transition: transform 0.15s ease;
}

.qreview-methodology details[open] > summary::before {
	transform: rotate(90deg);
}

.qreview-methodology-body {
	padding: 4px 16px 14px;
	border-top: 1px solid var(--qreview-border, #E5E7EB);
}

.qreview-methodology-body p,
.qreview-methodology-body ul {
	margin: 10px 0;
}

.qreview-methodology-body ul {
	padding-left: 20px;
}

.qreview-methodology-body li {
	margin-bottom: 6px;
}

.qreview-methodology-link a {
	color: var(--qreview-primary, #ea3384);
	text-decoration: none;
	font-weight: 500;
}

.qreview-methodology-link a:hover {
	text-decoration: underline;
}

/* =========================================================
   TABLE OF CONTENTS (TOC)
   ========================================================= */
.qreview-toc {
	background: #fff;
	border: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 4px;
	padding: 20px 24px;
	margin: 28px 0;
}

.qreview-toc-title {
	margin: 0 0 14px !important;
	font-size: 18px !important;
	font-weight: 700;
	color: var(--qreview-text, #111827);
}

.qreview-toc-list {
	margin: 0 !important;
	padding: 0 0 0 22px !important;
	counter-reset: toc-counter;
}

.qreview-toc-list li {
	padding: 6px 0;
	border-bottom: 1px dotted var(--qreview-border, #E5E7EB);
	font-size: 15px;
	line-height: 1.4;
}

.qreview-toc-list li:last-child {
	border-bottom: none;
}

.qreview-toc-list li a {
	color: var(--qreview-primary, #ea3384);
	text-decoration: none;
	font-weight: 500;
	transition: color .2s;
}

.qreview-toc-list li a:hover {
	color: var(--qreview-primary-h, #BB296A);
	text-decoration: underline;
}

/* =========================================================
   TYPOGRAPHY INHERITANCE
   Garante que blocos de texto herdem a família tipográfica do tema,
   mesmo quando o WordPress não envolve parágrafos em <p> por estarem
   dentro de <div> wrappers (ex.: entry-content > p não pega nosso markup).
   ========================================================= */
.qreview-intro,
.qreview-analysis-text,
.qreview-decision-guide,
.qreview-conclusion {
	font-family: inherit;
}

.qreview-intro p,
.qreview-analysis-text p,
.qreview-decision-guide p,
.qreview-conclusion p {
	font-family: inherit;
}

/* =========================================================
   DECISION GUIDE (Guia de Escolha)
   ========================================================= */
.qreview-decision-guide {
	margin: 40px 0;
	padding: 28px;
	background: linear-gradient(135deg, #f0f6fc, #fff);
	border: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 4px;
}

.qreview-decision-guide > h2 {
	margin-top: 0;
	font-size: 24px;
	color: var(--qreview-primary, #ea3384);
}

.qreview-decision-guide h3 {
	margin: 24px 0 10px;
	font-size: 18px;
	color: var(--qreview-text, #111827);
	font-weight: 700;
}

.qreview-decision-guide p {
	font-size: 15px;
	line-height: 1.65;
	color: var(--qreview-muted, #6B7280);
	margin: 0 0 6px;
}

/* =========================================================
   SECTION WRAPPERS
   ========================================================= */
.qreview-cards-section {
	margin: 28px 0;
}

.qreview-cards-section > h2 {
	font-size: 24px;
	margin: 0 0 16px;
}

.qreview-analyses-section {
	margin: 40px 0;
}

.qreview-post {
	--qreview-primary: #ea3384;
	--qreview-primary-h: #BB296A;
	--qreview-border: #E5E7EB;
	--qreview-bg-2: #F7F8FA;
	--qreview-muted: #6B7280;
	--qreview-text: #111827;
	--qreview-pros-bg: #E0FFEF;
	--qreview-pros-text: #5EBD05;
	--qreview-cons-bg: #FFE0E0;
	--qreview-cons-text: #ED4141;

	/* font-family removida intencionalmente — o container herda a fonte do tema do site
	   para integração visual. Elementos específicos (ex.: .qreview-widget-title) mantêm
	   Inter quando a padronização visual for crítica. */
	font-size: 16px;
	line-height: 1.65;
	color: var(--qreview-text);
}

.qreview-post .qreview-aida p { font-size: 17px; margin: 0 0 16px; }
/* Lead paragraph: mantém destaque via tamanho maior e line-height, sem font-weight
   (evita renderização "bold" em temas cuja fonte não tem peso 500 e cai em 700). */
.qreview-post .qreview-aida p:first-child { font-size: 19px; font-weight: 400; line-height: 1.6; }

/* =========================================================
   TOC DE OFERTAS (lista resumida no topo — estilo toc-ofertas)
   ========================================================= */
.qreview-toc-ofertas {
	list-style: none;
	margin: 28px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.qreview-toc-ofertas li {
	display: grid;
	grid-template-columns: 90px 1fr auto;
	grid-template-rows: auto auto;
	gap: 12px 16px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid var(--qreview-border);
	border-radius: 4px;
	background: #fff;
}

.qreview-toc-thumb {
	grid-column: 1;
	grid-row: 1 / 3;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	overflow: hidden;
	background: var(--qreview-bg-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.qreview-toc-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.qreview-toc-title {
	grid-column: 2;
	grid-row: 1;
	font-size: 18px;
	font-weight: 700;
	color: var(--qreview-primary);
	line-height: 1.3;
	text-decoration: none;
	margin: 0;
}

.qreview-toc-title:hover { color: var(--qreview-primary-h); }

.qreview-toc-desc {
	grid-column: 2;
	grid-row: 2;
	font-size: 13px;
	color: var(--qreview-muted);
	line-height: 1.4;
	margin: 0;
}

.qreview-toc-btns {
	grid-column: 3;
	grid-row: 1 / 3;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 160px;
}

.qreview-toc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	color: #fff !important;
	background: var(--qreview-primary);
	transition: background .2s ease;
	border: none;
}

.qreview-toc-btn:hover { background: var(--qreview-primary-h); color: #fff !important; }

.qreview-toc-btn::before {
	content: "";
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	flex: 0 0 18px;
}

.qreview-toc-btn.amazon::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M15.93 17.09c-.18.16-.43.17-.63.06-.89-.74-1.05-1.08-1.54-1.79-1.47 1.5-2.51 1.95-4.42 1.95-2.25 0-4.01-1.39-4.01-4.17 0-2.18 1.18-3.65 2.86-4.38 1.46-.64 3.49-.75 5.04-.94V7.5c0-.64.05-1.39-.33-1.95-.32-.5-.95-.7-1.5-.7-1.02 0-1.93.52-2.15 1.6-.05.24-.22.48-.46.49L6.1 6.67c-.2-.04-.42-.2-.36-.51.6-3.23 3.52-4.21 6.13-4.21 1.33 0 3.07.35 4.12 1.37 1.34 1.25 1.21 2.91 1.21 4.72v4.26c0 1.29.54 1.85 1.04 2.55.17.25.21.54-.01.72-.56.47-1.57 1.34-2.11 1.82l-.19.2M13.23 10.85c-1.23.31-4.36.72-4.36 3.03 0 1.18.79 1.84 1.6 2.01C12.59 16.34 13.23 14.38 13.23 12.68v-1.83M20.9 20.5C19.2 22 16.25 23 13.62 23c-3.68 0-6.98-1.35-9.49-3.6-.2-.18-.02-.42.22-.28 2.72 1.57 6.07 2.52 9.54 2.52 2.34 0 4.91-.48 7.27-1.48.36-.15.66.23.3.49z'/></svg>");
}
.qreview-toc-btn.mercadolivre::before {
	/* Ícone de aperto de mãos dentro de elipse — desenho line-art que comunica
	   visualmente a identidade do Mercado Livre sem reproduzir o logo registrado.
	   Padrão SVG inline em branco, igual ao ícone da Amazon. */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='12' rx='10.5' ry='7'/><path d='M3.5 13.5l5-2.5c.7-.4 1.5-.3 2.1.2l1.4 1.2'/><path d='M20.5 13.5l-5-2.5c-.7-.4-1.5-.3-2.1.2L13 12.5'/><path d='M9.5 12.5c-.5.5-.5 1.3 0 1.8s1.3.5 1.8 0l.7-.7'/><path d='M11.3 14.5c-.5.5-.5 1.3 0 1.8s1.3.5 1.8 0l.7-.7'/><path d='M13.1 15.3c-.4.4-.4 1.1 0 1.5s1.1.4 1.5 0l.5-.5'/><path d='M14.5 12.5l1.5 1.5c.5.5 1.3.5 1.8 0s.5-1.3 0-1.8l-2-2'/></svg>");
}

/* =========================================================
   WIDGET-PRODUTO (bloco detalhado de cada produto)
   ========================================================= */
.qreview-widget-produto {
	border: 1px solid var(--qreview-border);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	max-width: 700px;
	margin: 24px auto;
	background: #fff;
}

.qreview-widget-header {
	font-weight: bold;
	display: flex;
	gap: 15px;
	flex-direction: column;
	padding-top: 20px;
}

.qreview-widget-header .qreview-widget-imagem {
	text-align: center;
}

.qreview-widget-header .qreview-widget-imagem img {
	border-radius: 4px 4px 0 0 !important;
	max-width: 100%;
	max-height: 450px;
	height: auto;
	display: inline-block;
}

.qreview-widget-info-container {
	flex-direction: column;
	padding: 0 15px;
	display: flex;
	gap: 10px;
}

.qreview-widget-info {
	display: flex;
	justify-content: flex-start;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.qreview-widget-title {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: var(--qreview-primary);
	border: none !important;
	line-height: 1.3;
	font-weight: 700;
	text-decoration: none;
	margin: 0;
}

.qreview-widget-title:hover { color: var(--qreview-primary-h); }

.qreview-widget-rank-badge {
	display: inline-flex;
	align-items: center;
	background: var(--qreview-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 4px;
	letter-spacing: 0.03em;
	line-height: 1.2;
	flex-shrink: 0;
}

.qreview-widget-tags {
	margin: 0;
	color: var(--qreview-muted);
	gap: 7px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 15px;
}

.qreview-widget-tags span {
	border: 1px solid var(--qreview-border);
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: #fff;
	color: var(--qreview-muted);
}

.qreview-widget-tags span.pix { color: #00BDAE; border-color: #00BDAE; }
.qreview-widget-tags span.cupom { color: #F39C12; border-color: #F39C12; }
.qreview-widget-tags span.destaque { color: var(--qreview-primary); border-color: var(--qreview-primary); }

/* Destaques técnicos: specs em grid compacto antes de Prós/Contras.
   Determinístico (extraído via regex no PHP). Layout em 2 colunas no desktop,
   1 coluna no mobile, mantendo legibilidade sem virar parede de números. */
.qreview-tech-highlights {
	margin: 16px 15px 15px;
	padding: 14px 16px;
	background: #f8fafc;
	border: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 6px;
}

.qreview-tech-highlights h4 {
	margin: 0 0 10px !important;
	font-size: 14px;
	font-weight: 700;
	color: #111827;
	text-transform: none;
}

.qreview-tech-highlights ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.qreview-tech-highlights li {
	font-size: 14px;
	color: #374151;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

.qreview-tech-highlights li strong {
	color: #6b7280;
	font-weight: 600;
	margin-right: 4px;
}

@media (max-width: 480px) {
	.qreview-tech-highlights ul {
		grid-template-columns: 1fr;
	}
}

/* Em mobile/tablet, centraliza título e badge "Melhor Geral" do widget e o
   H2 da seção de análise textual. Evita o "torto" causado pelo flex-wrap quando
   o título quebra em duas linhas e o badge é empurrado para a borda. */
@media (max-width: 768px) {
	.qreview-widget-info {
		justify-content: center;
		text-align: center;
	}
	.qreview-widget-tags {
		justify-content: center;
	}
	.qreview-product-analysis > h2 {
		text-align: center;
	}
}

/* Pros e Cons: duas colunas, fundo verde/vermelho claro */
.qreview-pros-cons {
	display: flex;
	gap: 15px;
	padding: 15px;
	flex-wrap: wrap;
}

.qreview-pros-cons > div {
	padding: 15px;
	flex: 1 1 240px;
	border-radius: 4px;
	position: relative;
}

.qreview-pros-cons .qreview-pros { background: var(--qreview-pros-bg); }
.qreview-pros-cons .qreview-cons { background: var(--qreview-cons-bg); }

.qreview-pros-cons h4 {
	font-size: 14px;
	display: block;
	margin: 0 0 10px !important;
	font-weight: 700;
	text-transform: none;
}

.qreview-pros-cons .qreview-pros h4 { color: var(--qreview-pros-text); }
.qreview-pros-cons .qreview-cons h4 { color: var(--qreview-cons-text); }

.qreview-pros-cons ul {
	margin: 0 !important;
	padding: 0 0 0 18px !important;
	list-style: disc;
}

.qreview-pros-cons ul li {
	color: #212121 !important;
	font-size: 15px;
	font-weight: normal;
	margin: 0 !important;
	padding: 2px 0 2px 4px;
	line-height: 1.4;
}

.qreview-pros-cons ul li::marker {
	color: #212121 !important;
	font-size: 11px;
}

/* Body: descrição/análise */
.qreview-widget-body {
	padding: 20px 15px 10px;
}

.qreview-widget-body p {
	font-size: 14px !important;
	line-height: 1.55;
	margin: 0 0 10px !important;
	color: var(--qreview-muted) !important;
}

.qreview-widget-body p:last-of-type { margin-bottom: 0 !important; }

/* Botões de afiliado — primeiro preenchido rosa, demais outline rosa */
.qreview-widget-btns {
	display: flex;
	gap: 10px;
	padding: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

.qreview-widget-btns .qreview-btn {
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 16px !important;
	text-align: center;
	text-decoration: none !important;
	transition: all .2s ease-in-out !important;
	font-weight: 700;
	box-sizing: border-box;
	min-width: 200px;
	border: 2px solid var(--qreview-primary);
	background: var(--qreview-primary);
	text-wrap: nowrap;
}

.qreview-widget-btns .qreview-btn:hover {
	background: var(--qreview-primary-h);
	border-color: var(--qreview-primary-h);
	color: #fff !important;
}

.qreview-widget-btns .qreview-btn:not(:first-child) {
	background: transparent;
	color: var(--qreview-primary);
}

.qreview-widget-btns .qreview-btn:not(:first-child):hover {
	background: var(--qreview-primary);
	color: #fff !important;
}

.qreview-widget-btns .qreview-btn::before {
	content: "";
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex: 0 0 18px;
}

.qreview-widget-btns .qreview-btn.qreview-btn-amazon::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M15.93 17.09c-.18.16-.43.17-.63.06-.89-.74-1.05-1.08-1.54-1.79-1.47 1.5-2.51 1.95-4.42 1.95-2.25 0-4.01-1.39-4.01-4.17 0-2.18 1.18-3.65 2.86-4.38 1.46-.64 3.49-.75 5.04-.94V7.5c0-.64.05-1.39-.33-1.95-.32-.5-.95-.7-1.5-.7-1.02 0-1.93.52-2.15 1.6-.05.24-.22.48-.46.49L6.1 6.67c-.2-.04-.42-.2-.36-.51.6-3.23 3.52-4.21 6.13-4.21 1.33 0 3.07.35 4.12 1.37 1.34 1.25 1.21 2.91 1.21 4.72v4.26c0 1.29.54 1.85 1.04 2.55.17.25.21.54-.01.72-.56.47-1.57 1.34-2.11 1.82l-.19.2M13.23 10.85c-1.23.31-4.36.72-4.36 3.03 0 1.18.79 1.84 1.6 2.01C12.59 16.34 13.23 14.38 13.23 12.68v-1.83M20.9 20.5C19.2 22 16.25 23 13.62 23c-3.68 0-6.98-1.35-9.49-3.6-.2-.18-.02-.42.22-.28 2.72 1.57 6.07 2.52 9.54 2.52 2.34 0 4.91-.48 7.27-1.48.36-.15.66.23.3.49z'/></svg>");
}

.qreview-widget-btns .qreview-btn:not(:first-child).qreview-btn-amazon::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ea3384'><path d='M15.93 17.09c-.18.16-.43.17-.63.06-.89-.74-1.05-1.08-1.54-1.79-1.47 1.5-2.51 1.95-4.42 1.95-2.25 0-4.01-1.39-4.01-4.17 0-2.18 1.18-3.65 2.86-4.38 1.46-.64 3.49-.75 5.04-.94V7.5c0-.64.05-1.39-.33-1.95-.32-.5-.95-.7-1.5-.7-1.02 0-1.93.52-2.15 1.6-.05.24-.22.48-.46.49L6.1 6.67c-.2-.04-.42-.2-.36-.51.6-3.23 3.52-4.21 6.13-4.21 1.33 0 3.07.35 4.12 1.37 1.34 1.25 1.21 2.91 1.21 4.72v4.26c0 1.29.54 1.85 1.04 2.55.17.25.21.54-.01.72-.56.47-1.57 1.34-2.11 1.82l-.19.2M13.23 10.85c-1.23.31-4.36.72-4.36 3.03 0 1.18.79 1.84 1.6 2.01C12.59 16.34 13.23 14.38 13.23 12.68v-1.83M20.9 20.5C19.2 22 16.25 23 13.62 23c-3.68 0-6.98-1.35-9.49-3.6-.2-.18-.02-.42.22-.28 2.72 1.57 6.07 2.52 9.54 2.52 2.34 0 4.91-.48 7.27-1.48.36-.15.66.23.3.49z'/></svg>");
}
.qreview-widget-btns .qreview-btn:not(:first-child).qreview-btn-amazon:hover::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M15.93 17.09c-.18.16-.43.17-.63.06-.89-.74-1.05-1.08-1.54-1.79-1.47 1.5-2.51 1.95-4.42 1.95-2.25 0-4.01-1.39-4.01-4.17 0-2.18 1.18-3.65 2.86-4.38 1.46-.64 3.49-.75 5.04-.94V7.5c0-.64.05-1.39-.33-1.95-.32-.5-.95-.7-1.5-.7-1.02 0-1.93.52-2.15 1.6-.05.24-.22.48-.46.49L6.1 6.67c-.2-.04-.42-.2-.36-.51.6-3.23 3.52-4.21 6.13-4.21 1.33 0 3.07.35 4.12 1.37 1.34 1.25 1.21 2.91 1.21 4.72v4.26c0 1.29.54 1.85 1.04 2.55.17.25.21.54-.01.72-.56.47-1.57 1.34-2.11 1.82l-.19.2M13.23 10.85c-1.23.31-4.36.72-4.36 3.03 0 1.18.79 1.84 1.6 2.01C12.59 16.34 13.23 14.38 13.23 12.68v-1.83M20.9 20.5C19.2 22 16.25 23 13.62 23c-3.68 0-6.98-1.35-9.49-3.6-.2-.18-.02-.42.22-.28 2.72 1.57 6.07 2.52 9.54 2.52 2.34 0 4.91-.48 7.27-1.48.36-.15.66.23.3.49z'/></svg>");
}

/* Footer do widget */
.qreview-widget-footer {
	padding: 15px;
	display: flex;
	background: var(--qreview-bg-2);
	font-size: 12px;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	line-height: 1.4;
	color: var(--qreview-muted);
	flex-wrap: wrap;
}

.qreview-widget-footer .qreview-share {
	display: flex;
	gap: 10px;
	font-weight: 700;
}

.qreview-widget-footer .qreview-share a {
	height: 26px;
	color: #fff !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 10px;
	border-radius: 4px;
	font-size: 11px;
	text-decoration: none;
}

.qreview-widget-footer .qreview-share a.whatsapp { background: #25D366; }
.qreview-widget-footer .qreview-share a.whatsapp:hover { background: #1EA952; }
.qreview-widget-footer .qreview-share a.telegram { background: #0694D6; }
.qreview-widget-footer .qreview-share a.telegram:hover { background: #0576AB; }

/* =========================================================
   ANÁLISE TEXTUAL + FAQ + CONCLUSÃO (mantém prefixo)
   ========================================================= */
.qreview-product-analysis {
	margin: 40px 0;
}

.qreview-product-analysis > h2 {
	margin: 0 0 16px;
	font-size: 24px;
	line-height: 1.2;
}

.qreview-analysis-text {
	margin-top: 16px;
}

.qreview-analysis-text p {
	font-size: 16px;
	line-height: 1.7;
	margin: 0 0 14px;
}

/* TL;DR da análise — resposta-canônica para SGE/AEO. Destaque sutil que
   sinaliza "trecho citável" sem virar card promocional dentro da análise. */
.qreview-analysis-text .qreview-tldr {
	background: var(--qreview-bg-2, #F7F8FA);
	border-left: 3px solid var(--qreview-primary, #ea3384);
	padding: 12px 16px;
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--qreview-text, #111827);
	border-radius: 0 4px 4px 0;
}

.qreview-analysis-text .qreview-tldr strong {
	color: var(--qreview-primary, #ea3384);
	margin-right: 4px;
}

/* FAQ — mantém accordion nativo */
.qreview-faq {
	margin: 40px 0;
}

.qreview-faq details {
	background: #fff;
	border: 1px solid var(--qreview-border);
	border-radius: 4px;
	padding: 14px 18px;
	margin-bottom: 10px;
	transition: border-color .2s;
}

.qreview-faq details[open] { border-color: var(--qreview-primary); }

.qreview-faq summary {
	cursor: pointer;
	font-weight: 700;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: var(--qreview-text);
}

.qreview-faq summary::-webkit-details-marker { display: none; }

.qreview-faq summary::after {
	content: "+";
	font-size: 24px;
	color: var(--qreview-primary);
	line-height: 1;
	font-weight: 400;
	margin-left: 12px;
}

.qreview-faq details[open] summary::after { content: "−"; }

.qreview-faq-answer {
	margin-top: 12px;
	color: var(--qreview-muted);
	font-size: 15px;
	line-height: 1.6;
}

/* Conclusão */
.qreview-conclusion {
	margin-top: 40px;
	padding: 28px;
	background: linear-gradient(135deg, #fef2f7, #fff);
	border: 1px solid var(--qreview-border);
	border-radius: 4px;
}

.qreview-conclusion h2 {
	margin-top: 0;
	color: var(--qreview-primary);
}

/* =========================================================
   TABELA COMPARATIVA
   ========================================================= */
.qreview-compare-table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	font-size: 14px;
	border: 1px solid var(--qreview-border);
	border-radius: 4px;
	overflow: hidden;
}

.qreview-compare-table th,
.qreview-compare-table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid var(--qreview-border);
}

.qreview-compare-table thead th {
	background: var(--qreview-bg-2);
	font-weight: 700;
	color: var(--qreview-text);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .03em;
}

.qreview-compare-table tbody tr:last-child td { border-bottom: none; }
.qreview-compare-table tbody tr:hover { background: var(--qreview-bg-2); }

/* =========================================================
   Responsivo
   ========================================================= */
@media (max-width: 600px) {
	.qreview-toc-ofertas li {
		grid-template-columns: 70px 1fr;
		grid-template-rows: auto auto auto;
	}

	.qreview-toc-thumb { width: 70px; height: 70px; grid-row: 1 / 3; }
	.qreview-toc-btns {
		grid-column: 1 / 3;
		grid-row: 3;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.qreview-toc-btn { flex: 1 1 auto; min-width: 130px; }

	.qreview-widget-btns .qreview-btn { min-width: 100%; }
	.qreview-pros-cons > div { flex: 1 1 100%; }
}

/* =========================================================
   COMPARISON TABLE (tabela comparativa dos Top 5)
   ========================================================= */
.qreview-comparison {
	margin: 40px 0;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--qreview-border, #E5E7EB);
	border-radius: 8px;
}

.qreview-comparison h2 {
	margin: 0 0 18px;
	font-size: 22px;
	font-weight: 700;
	color: #111827;
}

.qreview-comparison-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.qreview-comparison-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
	font-size: 15px;
}

/* Em mobile a tabela vira cards empilhados (sem scroll lateral). */
@media (max-width: 640px) {
	.qreview-comparison-scroll {
		overflow-x: visible;
	}
	.qreview-comparison-table {
		min-width: 0;
		border: 0;
	}
	.qreview-comparison-table thead {
		/* Esconde cabeçalho — rótulos passam pra cada célula via data-label. */
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		width: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
	}
	.qreview-comparison-table tbody tr {
		display: block;
		margin: 0 0 14px;
		padding: 12px 14px;
		background: #fff;
		border: 1px solid #e5e7eb;
		border-radius: 8px;
	}
	.qreview-comparison-table tbody tr:hover {
		background: #fff;
	}
	.qreview-comparison-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 8px 0;
		border-bottom: 1px solid #f1f5f9;
		text-align: right;
	}
	.qreview-comparison-table td:last-child {
		border-bottom: 0;
	}
	.qreview-comparison-table td::before {
		content: attr(data-label);
		font-weight: 700;
		color: #6b7280;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		text-align: left;
		flex: 0 0 auto;
	}
	/* "Onde comprar": botões alinhados à direita, em coluna se houver mais de um. */
	.qreview-comparison-table td.qreview-comp-btns {
		flex-direction: column;
		align-items: stretch;
	}
	.qreview-comparison-table td.qreview-comp-btns::before {
		margin-bottom: 6px;
	}
}

.qreview-comparison-table th,
.qreview-comparison-table td {
	padding: 14px 12px;
	border-bottom: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: middle;
}

.qreview-comparison-table thead th {
	background: #f8fafc;
	font-weight: 700;
	color: #111827;
	border-bottom: 2px solid #1f2937;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.qreview-comparison-table tbody tr:hover {
	background: #fafafa;
}

.qreview-comp-rank {
	display: inline-block;
	background: var(--qreview-primary, #ea3384);
	color: #fff;
	padding: 4px 10px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
}

.qreview-comp-btns {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.qreview-comp-btn {
	display: inline-block;
	padding: 8px 14px;
	background: #f59e0b;
	color: #111 !important;
	border-radius: 6px;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	transition: background .15s;
}

.qreview-comp-btn:hover {
	background: #d97706;
	color: #fff !important;
}

.qreview-comp-btn-mercadolivre { background: #fff159; }
.qreview-comp-btn-mercadolivre:hover { background: #f5e23c; color: #111 !important; }

.qreview-comparison-note {
	margin: 14px 0 0;
	font-size: 13px;
	color: #6b7280;
}

/* =========================================================
   FINAL CTA (CTA de conclusão com Top 3)
   ========================================================= */
.qreview-final-cta {
	margin: 28px 0 0;
	padding: 22px;
	background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%);
	border: 1px solid #fbbf24;
	border-radius: 10px;
}

.qreview-final-cta-title {
	margin: 0 0 16px;
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	text-align: center;
}

.qreview-final-cta-note {
	margin: -8px 0 16px;
	font-size: 14px;
	color: #6B7280;
	text-align: center;
	font-family: inherit;
}

.qreview-final-cta-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.qreview-final-cta-card {
	background: #fff;
	border: 1px solid #fbbf24;
	border-radius: 8px;
	padding: 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
}

.qreview-final-cta-label {
	margin: 0;
	font-size: 13px;
	color: #92400e;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

.qreview-final-cta-product {
	margin: 0;
	font-size: 16px;
	color: #111827;
}

.qreview-final-cta-btn {
	display: inline-block;
	padding: 10px 14px;
	background: #111827;
	color: #fff !important;
	border-radius: 6px;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 14px;
	transition: background .15s;
}

.qreview-final-cta-btn:hover {
	background: #f59e0b;
	color: #111 !important;
}

.qreview-final-cta-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

/* Single-product (apenas 1 card no CTA final): card centralizado e largo,
   botões lado a lado no desktop, empilhados no mobile. Evita o card ocupar
   só 1/3 da largura quando não há outros produtos para preencher o grid. */
.qreview-final-cta-grid--1 {
	grid-template-columns: 1fr;
	max-width: 560px;
	margin: 0 auto;
}

.qreview-final-cta-grid--1 .qreview-final-cta-card {
	padding: 20px 24px;
}

.qreview-final-cta-grid--1 .qreview-final-cta-btns {
	flex-wrap: nowrap;
	justify-content: center;
	gap: 10px;
}

.qreview-final-cta-grid--1 .qreview-final-cta-btn {
	flex: 1 1 0;
	min-width: 0;
}

.qreview-final-cta-btn-alt {
	background: transparent !important;
	color: #111827 !important;
	border: 2px solid #111827;
	padding: 8px 12px;
}

.qreview-final-cta-btn-alt:hover {
	background: #111827 !important;
	color: #fff !important;
}

/* =========================================================
   DISCLAIMER FINAL ÚNICO (preço/disponibilidade)
   Fonte pequena, cor discreta — aviso legal sem peso visual.
   ========================================================= */
.qreview-final-price-disclaimer {
	margin: 24px 0 12px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #9ca3af;
}

.qreview-final-price-disclaimer small {
	font-size: inherit;
}

.qreview-final-price-disclaimer em {
	font-style: italic;
}

@media (max-width: 640px) {
	.qreview-final-cta-grid {
		grid-template-columns: 1fr;
	}
	.qreview-comparison { padding: 16px; }
	/* Padding/layout das células em mobile é definido pelo bloco "card stack"
	   acima (linhas ~820-885). Não sobrescrever aqui — quebraria o flex das tds. */
	.qreview-comparison-table { font-size: 14px; }

	/* Reduz padding lateral em containers grandes para evitar aperto em telas estreitas. */
	.qreview-decision-guide { padding: 18px 16px; }
	.qreview-conclusion { padding: 20px 16px; }
	.qreview-final-cta { padding: 16px; }
	.qreview-toc { padding: 16px; }
}

/* Telas muito estreitas (<480px): single-product CTA empilha botões. */
@media (max-width: 480px) {
	.qreview-final-cta-grid--1 .qreview-final-cta-btns {
		flex-wrap: wrap;
	}
	.qreview-final-cta-grid--1 .qreview-final-cta-btn {
		flex: 1 1 100%;
	}
}