/**
 * FULL Glossário — Estilos
 * Identidade visual: amarelo FULL (#FFD700), fundo neutro, tipografia limpa
 * Compatível com Hello Theme + Elementor
 */

/* ─────────────────────────────────────────
   VARIÁVEIS
   ───────────────────────────────────────── */
:root {
	--fg-amarelo:        #FFD700;
	--fg-amarelo-soft:   #FFF7CC;
	--fg-amarelo-escuro: #E6C200;
	--fg-preto:          #0F0F0F;
	--fg-cinza-1:        #1A1A1A;
	--fg-cinza-2:        #4A4A4A;
	--fg-cinza-3:        #8A8A8A;
	--fg-cinza-4:        #D9D9D9;
	--fg-cinza-5:        #F5F5F5;
	--fg-branco:         #FFFFFF;
	--fg-borda:          #E5E5E5;
	--fg-sucesso:        #00A32A;
	--fg-alerta:         #DBA617;
	--fg-erro:           #D63638;
	--fg-radius-sm:      8px;
	--fg-radius-md:      12px;
	--fg-radius-lg:      16px;
	--fg-shadow-sm:      0 1px 3px rgba(0,0,0,0.06);
	--fg-shadow-md:      0 4px 12px rgba(0,0,0,0.08);
	--fg-font:           -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
}

/* ─────────────────────────────────────────
   CONTAINER E LAYOUT
   ───────────────────────────────────────── */
.full-glossario-single,
.full-glossario-archive {
	background: var(--fg-cinza-5);
	padding: 40px 0 80px;
	font-family: var(--fg-font);
	color: var(--fg-cinza-1);
	line-height: 1.6;
}

.fg-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

.fg-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 40px;
	margin-top: 24px;
}

@media (max-width: 900px) {
	.fg-layout {
		grid-template-columns: 1fr;
	}
}

/* ─────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────── */
.fg-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--fg-cinza-3);
	margin-bottom: 24px;
}

.fg-breadcrumb a {
	color: var(--fg-cinza-2);
	text-decoration: none;
	transition: color 0.2s;
}

.fg-breadcrumb a:hover {
	color: var(--fg-amarelo-escuro);
}

.fg-bc-sep {
	color: var(--fg-cinza-4);
}

.fg-bc-current {
	color: var(--fg-cinza-1);
	font-weight: 500;
}

/* ─────────────────────────────────────────
   COLUNA PRINCIPAL (single)
   ───────────────────────────────────────── */
.fg-main {
	background: var(--fg-branco);
	border-radius: var(--fg-radius-lg);
	padding: 48px;
	box-shadow: var(--fg-shadow-sm);
}

@media (max-width: 600px) {
	.fg-main {
		padding: 24px;
	}
}

/* CABEÇALHO */
.fg-header {
	border-bottom: 1px solid var(--fg-borda);
	padding-bottom: 24px;
	margin-bottom: 32px;
}

.fg-categorias {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.fg-tag-categoria {
	display: inline-block;
	background: var(--fg-amarelo-soft);
	color: var(--fg-cinza-1);
	padding: 4px 12px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s;
}

.fg-tag-categoria:hover {
	background: var(--fg-amarelo);
}

.fg-titulo {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0 0 16px;
	color: var(--fg-cinza-1);
	letter-spacing: -0.02em;
}

@media (max-width: 600px) {
	.fg-titulo { font-size: 28px; }
}

.fg-definicao-destaque {
	font-size: 18px;
	line-height: 1.5;
	color: var(--fg-cinza-2);
	margin: 0 0 20px;
	padding: 16px 20px;
	background: var(--fg-amarelo-soft);
	border-left: 4px solid var(--fg-amarelo);
	border-radius: var(--fg-radius-sm);
}

.fg-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	font-size: 14px;
	color: var(--fg-cinza-2);
}

.fg-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.fg-nivel-iniciante     { color: var(--fg-sucesso); }
.fg-nivel-intermediario { color: var(--fg-alerta); }
.fg-nivel-avancado      { color: var(--fg-erro); }

.fg-sinonimos {
	color: var(--fg-cinza-3);
	font-style: italic;
}

/* THUMBNAIL */
.fg-thumbnail {
	margin: 0 0 32px;
	border-radius: var(--fg-radius-md);
	overflow: hidden;
}

.fg-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

/* SUMÁRIO */
.fg-sumario {
	background: var(--fg-cinza-5);
	border-radius: var(--fg-radius-md);
	padding: 24px;
	margin: 0 0 32px;
}

.fg-sumario-titulo {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
	color: var(--fg-cinza-2);
	margin: 0 0 12px;
}

.fg-sumario-lista {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: decimal;
	color: var(--fg-cinza-2);
}

.fg-sumario-lista li {
	padding: 4px 0;
}

.fg-sumario-lista a {
	color: var(--fg-cinza-1);
	text-decoration: none;
	transition: color 0.2s;
}

.fg-sumario-lista a:hover {
	color: var(--fg-amarelo-escuro);
}

/* CONTEÚDO */
.fg-conteudo {
	font-size: 17px;
	line-height: 1.7;
	color: var(--fg-cinza-1);
}

.fg-conteudo h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 40px 0 16px;
	color: var(--fg-cinza-1);
	scroll-margin-top: 80px;
}

.fg-conteudo h3 {
	font-size: 22px;
	font-weight: 700;
	margin: 32px 0 12px;
	color: var(--fg-cinza-1);
	scroll-margin-top: 80px;
}

.fg-conteudo p {
	margin: 0 0 16px;
}

.fg-conteudo a {
	color: var(--fg-cinza-1);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--fg-amarelo);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	transition: text-decoration-color 0.2s;
}

.fg-conteudo a:hover {
	text-decoration-color: var(--fg-amarelo-escuro);
}

.fg-conteudo ul,
.fg-conteudo ol {
	margin: 0 0 16px;
	padding-left: 24px;
}

.fg-conteudo li {
	margin: 6px 0;
}

.fg-conteudo strong { font-weight: 700; }

.fg-conteudo code {
	background: var(--fg-cinza-5);
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.9em;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

.fg-conteudo blockquote {
	border-left: 4px solid var(--fg-amarelo);
	padding: 12px 20px;
	margin: 24px 0;
	background: var(--fg-amarelo-soft);
	border-radius: 0 var(--fg-radius-sm) var(--fg-radius-sm) 0;
	font-style: italic;
	color: var(--fg-cinza-2);
}

/* CTA BOX */
.fg-cta-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	background: linear-gradient(135deg, var(--fg-amarelo-soft) 0%, var(--fg-amarelo) 100%);
	padding: 32px;
	border-radius: var(--fg-radius-lg);
	margin: 48px 0;
}

.fg-cta-content {
	flex: 1;
	min-width: 240px;
}

.fg-cta-eyebrow {
	display: inline-block;
	background: var(--fg-cinza-1);
	color: var(--fg-amarelo);
	padding: 4px 12px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 12px;
}

.fg-cta-titulo {
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 8px;
	color: var(--fg-cinza-1);
	line-height: 1.2;
}

.fg-cta-texto {
	margin: 0;
	color: var(--fg-cinza-2);
	font-size: 15px;
}

.fg-cta-botao {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--fg-cinza-1);
	color: var(--fg-amarelo);
	padding: 14px 24px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	transition: transform 0.2s, box-shadow 0.2s;
	white-space: nowrap;
}

.fg-cta-botao:hover {
	transform: translateY(-2px);
	box-shadow: var(--fg-shadow-md);
}

/* TERMOS RELACIONADOS */
.fg-relacionados {
	margin-top: 56px;
	padding-top: 32px;
	border-top: 1px solid var(--fg-borda);
}

.fg-relacionados-titulo {
	font-size: 24px;
	font-weight: 800;
	margin: 0 0 24px;
	color: var(--fg-cinza-1);
}

.fg-relacionados-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.fg-relacionado-card {
	display: flex;
	gap: 12px;
	padding: 16px;
	background: var(--fg-cinza-5);
	border-radius: var(--fg-radius-md);
	text-decoration: none;
	color: inherit;
	transition: background 0.2s, transform 0.2s;
}

.fg-relacionado-card:hover {
	background: var(--fg-amarelo-soft);
	transform: translateY(-2px);
}

.fg-relacionado-thumb {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: var(--fg-radius-sm);
	overflow: hidden;
	background: var(--fg-amarelo-soft);
}

.fg-relacionado-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fg-relacionado-content {
	flex: 1;
	min-width: 0;
}

.fg-relacionado-titulo {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 4px;
	color: var(--fg-cinza-1);
	line-height: 1.3;
}

.fg-relacionado-resumo {
	font-size: 13px;
	color: var(--fg-cinza-3);
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ─────────────────────────────────────────
   SIDEBAR
   ───────────────────────────────────────── */
.fg-sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: sticky;
	top: 24px;
	align-self: start;
}

@media (max-width: 900px) {
	.fg-sidebar {
		position: static;
	}
}

.fg-sidebar-card {
	background: var(--fg-branco);
	border-radius: var(--fg-radius-md);
	padding: 24px;
	box-shadow: var(--fg-shadow-sm);
}

.fg-sidebar-titulo {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
	color: var(--fg-cinza-2);
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--fg-borda);
}

.fg-sidebar-volta {
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--fg-cinza-1);
	color: var(--fg-amarelo);
}

.fg-sidebar-volta svg {
	flex-shrink: 0;
}

.fg-sidebar-volta a {
	display: flex;
	flex-direction: column;
	color: var(--fg-amarelo);
	text-decoration: none;
}

.fg-sidebar-volta a span {
	font-size: 12px;
	color: var(--fg-cinza-4);
	font-weight: 400;
}

.fg-sidebar-cats,
.fg-sidebar-termos {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fg-sidebar-cats li,
.fg-sidebar-termos li {
	border-bottom: 1px solid var(--fg-cinza-5);
}

.fg-sidebar-cats li:last-child,
.fg-sidebar-termos li:last-child {
	border-bottom: none;
}

.fg-sidebar-cats a,
.fg-sidebar-termos a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	color: var(--fg-cinza-1);
	text-decoration: none;
	font-size: 14px;
	transition: color 0.2s;
}

.fg-sidebar-cats a:hover,
.fg-sidebar-termos a:hover {
	color: var(--fg-amarelo-escuro);
}

.fg-cat-count {
	background: var(--fg-cinza-5);
	padding: 2px 8px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 600;
	color: var(--fg-cinza-3);
}

/* ─────────────────────────────────────────
   ARCHIVE (índice A-Z)
   ───────────────────────────────────────── */
.fg-archive-header {
	background: var(--fg-branco);
	border-radius: var(--fg-radius-lg);
	padding: 48px;
	margin-bottom: 32px;
	box-shadow: var(--fg-shadow-sm);
}

@media (max-width: 600px) {
	.fg-archive-header { padding: 24px; }
}

.fg-archive-titulo {
	font-size: 48px;
	font-weight: 800;
	margin: 8px 0 12px;
	color: var(--fg-cinza-1);
	letter-spacing: -0.02em;
}

@media (max-width: 600px) {
	.fg-archive-titulo { font-size: 32px; }
}

.fg-archive-subtitulo {
	font-size: 18px;
	color: var(--fg-cinza-2);
	margin: 0 0 32px;
	max-width: 720px;
	line-height: 1.5;
}

/* NAVEGAÇÃO A-Z */
.fg-az-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding-top: 24px;
	border-top: 1px solid var(--fg-borda);
}

.fg-letra {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	color: var(--fg-cinza-1);
	background: var(--fg-cinza-5);
	transition: all 0.2s;
}

.fg-letra:hover {
	background: var(--fg-amarelo-soft);
	color: var(--fg-cinza-1);
}

.fg-letra-vazia {
	color: var(--fg-cinza-4);
	background: transparent;
	cursor: default;
	pointer-events: none;
}

.fg-letra-ativa {
	background: var(--fg-amarelo);
	color: var(--fg-cinza-1);
}

.fg-letra-todos {
	min-width: auto;
	padding: 0 16px;
}

/* GRUPOS POR LETRA */
.fg-archive-conteudo {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.fg-grupo {
	background: var(--fg-branco);
	border-radius: var(--fg-radius-lg);
	padding: 32px;
	box-shadow: var(--fg-shadow-sm);
}

@media (max-width: 600px) {
	.fg-grupo { padding: 20px; }
}

.fg-grupo-letra {
	font-size: 36px;
	font-weight: 800;
	color: var(--fg-amarelo-escuro);
	margin: 0 0 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--fg-amarelo);
	display: inline-block;
}

.fg-grupo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.fg-card-termo {
	display: flex;
	gap: 12px;
	padding: 16px;
	background: var(--fg-cinza-5);
	border-radius: var(--fg-radius-md);
	text-decoration: none;
	color: inherit;
	transition: background 0.2s, transform 0.2s;
}

.fg-card-termo:hover {
	background: var(--fg-amarelo-soft);
	transform: translateY(-2px);
}

.fg-card-thumb {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: var(--fg-radius-sm);
	overflow: hidden;
	background: var(--fg-amarelo-soft);
}

.fg-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fg-card-info {
	flex: 1;
	min-width: 0;
}

.fg-card-titulo {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 4px;
	color: var(--fg-cinza-1);
	line-height: 1.3;
}

.fg-card-resumo {
	font-size: 13px;
	color: var(--fg-cinza-3);
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.fg-empty {
	background: var(--fg-branco);
	border-radius: var(--fg-radius-lg);
	padding: 64px 32px;
	text-align: center;
	color: var(--fg-cinza-3);
}

/* ─────────────────────────────────────────
   SHORTCODES (quando usados em páginas)
   ───────────────────────────────────────── */
.full-glossario-relacionados {
	margin: 32px 0;
}

.full-glossario-relacionados h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 12px;
}

.full-glossario-relacionados ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.full-glossario-relacionados li a {
	display: inline-block;
	padding: 6px 14px;
	background: var(--fg-amarelo-soft);
	color: var(--fg-cinza-1);
	border-radius: 100px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: background 0.2s;
}

.full-glossario-relacionados li a:hover {
	background: var(--fg-amarelo);
}

.full-glossario-cta {
	margin: 24px 0;
}

.full-glossario-cta-button {
	display: inline-flex;
	align-items: center;
	background: var(--fg-amarelo);
	color: var(--fg-cinza-1);
	padding: 12px 24px;
	border-radius: 100px;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.2s, box-shadow 0.2s;
}

.full-glossario-cta-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--fg-shadow-md);
}

/* ─────────────────────────────────────────
   PÁGINA DE CATEGORIA (taxonomia)
   ───────────────────────────────────────── */
.fg-categoria-eyebrow {
	display: inline-block;
	background: var(--fg-cinza-1);
	color: var(--fg-amarelo);
	padding: 4px 12px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 12px;
}

.fg-cats-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 24px;
	border-top: 1px solid var(--fg-borda);
}

.fg-cat-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: var(--fg-cinza-5);
	color: var(--fg-cinza-1);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.fg-cat-pill:hover {
	background: var(--fg-amarelo-soft);
	color: var(--fg-cinza-1);
}

.fg-cat-pill-count {
	background: var(--fg-branco);
	color: var(--fg-cinza-3);
	padding: 1px 8px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
}

.fg-empty-link {
	display: inline-block;
	margin-top: 16px;
	color: var(--fg-cinza-1);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--fg-amarelo);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.fg-empty-link:hover {
	text-decoration-color: var(--fg-amarelo-escuro);
}