/**
 * OMT Theme - CSS Bundle: Posts
 *
 * Consolidação de estilos de posts (single, archive, category, search, page e afins).
 * Observação: tokens/vars e cores de categoria vivem em css/omt-core.css.
 *
 * Fonte (ordem preservada do cascade original):
 * - css/posts.css (a partir de "Single Post", sem tokens duplicados)
 * - css/category-custom.css
 * - css/comments.css
 *
 * @package OMT_Theme
 * @since 1.0.5
 */

/* ============================================
   posts.css (sem tokens/vars duplicados)
   ============================================ */

/* Single Post */
.single-main {
	padding-top: 0;
	padding-bottom: var(--space-7);
}

/* Single Layout Grid */
.single-layout {
	display: grid;
	grid-template-columns: 1fr; /* Mobile: stack */
	gap: var(--grid-gap-md, var(--space-6));
	align-items: start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.single-content,
.single-sidebar {
	min-width: 0; /* Permite shrink em grid */
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

@media (min-width: 769px) {
	.single-layout {
		grid-template-columns: minmax(0, 1.86fr) minmax(0, 1fr); /* Tablet: 65/35 */
	}
}

@media (min-width: 1025px) {
	.single-layout {
		grid-template-columns: minmax(0, 2.33fr) minmax(0, 1fr); /* Desktop: 70/30 */
	}
}

.single-post-image {
	margin-bottom: var(--space-6);
	border-radius: var(--radius-lg);
	overflow: hidden;
}

.single-featured-trigger {
	display: block;
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
	cursor: zoom-in;
}

.single-featured-trigger:focus {
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
}

.single-featured-trigger:focus:not(:focus-visible) {
	outline: none;
}

.single-post-image img {
	width: 100%;
	height: auto;
	display: block;
}

.single-featured-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
}

.single-featured-modal.is-open {
	display: block;
}

.single-featured-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
}

.single-featured-modal-content {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-5);
	box-sizing: border-box;
}

.single-featured-modal-figure {
	margin: 0;
	max-width: min(1100px, 100%);
	max-height: 100%;
	display: grid;
	gap: var(--space-3);
}

.single-featured-modal-image {
	width: 100%;
	max-height: 70vh;
	object-fit: contain;
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.04);
}

.single-featured-modal-close {
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	width: 44px;
	height: 44px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(0, 0, 0, 0.35);
	color: #FFFFFF;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1;
}

.single-featured-modal-close:hover {
	background: rgba(0, 0, 0, 0.5);
}

.single-featured-modal-close:focus {
	outline: 2px solid #FFFFFF;
	outline-offset: 2px;
}

.single-featured-modal-close:focus:not(:focus-visible) {
	outline: none;
}

.single-featured-modal-caption {
	color: rgba(255, 255, 255, 0.92);
	font-size: var(--font-size-sm, 0.875rem);
	line-height: var(--line-height-normal, 1.5);
}

.single-featured-modal-title {
	font-weight: var(--font-weight-semibold, 600);
	margin-bottom: var(--space-2);
}

.single-featured-modal-legenda {
	color: rgba(255, 255, 255, 0.86);
	margin-bottom: var(--space-2);
}

.single-featured-modal-credito {
	color: rgba(255, 255, 255, 0.86);
}

.single-post-header {
	padding-top: var(--space-5);
	margin-bottom: var(--space-6);
}

.single-post-banner {
	margin-bottom: var(--space-6);
}

.single-post-meta {
	margin-bottom: var(--space-6);
}

.single-post-banner .widget {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 100%;
}

.single-post-banner iframe,
.single-post-banner img {
	max-width: 100%;
	height: auto;
}

.single-post-title {
	/* Padrão portal (mobile-first): grande, mas sem exagero */
	font-size: clamp(1.75rem, 1.45rem + 1.25vw, 2.25rem);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--space-3);
	line-height: 1.15;
	letter-spacing: var(--letter-spacing-normal);
	color: var(--category-color, #1F2937);
}

.single-post-content {
	font-size: var(--font-size-base, 1rem);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin-bottom: var(--space-6);
}

.single-post-content p {
	margin-bottom: var(--space-4);
}

.single-post-content h2,
.single-post-content h3,
.single-post-content h4 {
	margin-top: var(--space-5);
	margin-bottom: var(--space-3);
	font-weight: var(--font-weight-bold);
}

.single-post-content h2 {
	font-size: var(--font-size-h2, clamp(1.5rem, 1.3rem + 1vw, 2rem));
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
}

.single-post-content h3 {
	font-size: var(--font-size-h3, clamp(1.25rem, 1.1rem + 0.75vw, 1.5625rem));
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
}

.single-post-content h4 {
	font-size: var(--font-size-h4, clamp(1.125rem, 1rem + 0.625vw, 1.25rem));
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
}

.single-post-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--radius-md);
	margin: var(--space-5) 0;
}

/* Vídeos embeds (YouTube etc) — responsivo */
.single-post-content iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	margin: var(--space-5) 0;
	border-radius: var(--radius-md);
}

@supports not (aspect-ratio: 16 / 9) {
	/* fallback simples */
	.single-post-content iframe {
		height: 315px;
	}
}


/* Links em conteúdo de posts */
.single-post-content a {
	color: #1F2937;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: color var(--transition-base), text-decoration-color var(--transition-base);
}

.single-post-content a:hover,
.single-post-content a:focus {
	color: var(--category-color, #8B5CF6);
	text-decoration-color: var(--category-color, #8B5CF6);
}

/* ============================================
   Yoast FAQ (Schema) — Esclarecimentos ao leitor
   Escopo: apenas single (dentro do conteúdo)
   ============================================ */

.single-post-content .wp-block-yoast-faq-block {
	margin: var(--space-7) 0;
	padding: var(--space-7) var(--space-8);
	background-color: #FAFAFA;
	border: 1px solid #E5E7EB;
	border-left-width: 4px;
	border-left-color: var(--category-color, #8B5CF6);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	box-sizing: border-box;
}

.single-post-content .wp-block-yoast-faq-block::before {
	content: "Esclarecimentos ao leitor";
	display: block;
	font-size: var(--font-size-xl, 1.25rem);
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #1F2937;
	margin-bottom: var(--space-5);
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-section {
	padding: var(--space-5) 0;
	border-bottom: 1px solid #E5E7EB;
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-section:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-question {
	position: relative;
	padding-left: calc(var(--space-4) + 2px);
	font-size: var(--font-size-lg, 1.125rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #111827;
	margin: 0 0 var(--space-2);
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-question::before {
	content: "•";
	position: absolute;
	left: 0;
	top: -0.05em;
	color: var(--category-color, #8B5CF6);
	font-size: 1.5rem;
	line-height: 1;
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-answer {
	margin-left: calc(var(--space-4) + 2px);
	color: #374151;
	font-size: var(--font-size-base, 1rem);
	line-height: var(--line-height-relaxed, 1.6);
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-answer p {
	margin-bottom: var(--space-3);
}

.single-post-content .wp-block-yoast-faq-block .schema-faq-answer p:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.single-post-content .wp-block-yoast-faq-block {
		padding: var(--space-6) var(--space-5);
	}

	.single-post-content .wp-block-yoast-faq-block::before {
		font-size: var(--font-size-lg, 1.125rem);
		margin-bottom: var(--space-4);
	}

	.single-post-content .wp-block-yoast-faq-block .schema-faq-question {
		font-size: var(--font-size-base, 1rem);
	}
}

/* Títulos de posts em hover */
.single-post-title a:hover,
.single-post-title a:focus {
	color: var(--category-color, #8B5CF6);
}

.single-content-banner {
	margin: var(--space-6) 0;
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	border: 1px solid #E5E7EB;
}

/* Single Share */
.single-share-top,
.single-share-bottom {
	margin: var(--space-6) 0;
	padding: var(--space-4);
	background-color: #FAFAFA;
	border-radius: var(--radius-md);
}

.single-share-bottom {
	display: none;
}

/* Single Tags */
.single-tags {
	margin: var(--space-6) 0;
	padding: var(--space-4) 0;
	border-top: 1px solid #E5E7EB;
	border-bottom: 1px solid #E5E7EB;
}

.single-tags-label {
	font-weight: var(--font-weight-semibold);
	color: #6B7280;
	margin-right: var(--space-3);
	font-size: var(--font-size-sm);
}

.single-tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: var(--space-3) 0 0 0;
	padding: 0;
}

.single-tag-item {
	margin: 0;
}

.single-tag-link {
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-3);
	background-color: #F3F4F6;
	color: #6B7280;
	border-radius: var(--radius-full);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition: all var(--transition-base);
}

.single-tag-link:hover,
.single-tag-link:focus {
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	text-decoration: none;
}

/* Social Share */
.social-share {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	flex-wrap: wrap;
}

.social-share-label {
	font-weight: var(--font-weight-semibold);
	color: #1F2937;
	font-size: var(--font-size-sm);
}

.social-share-link {
	padding: var(--space-2) var(--space-3);
	background-color: #F3F4F6;
	color: #1F2937;
	border-radius: var(--radius-sm);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition: all var(--transition-base);
}

.social-share-link:hover,
.social-share-link:focus {
	text-decoration: none;
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
}

.social-share-link:focus:not(:focus-visible) {
	outline: none;
}

.social-share-facebook:hover {
	background-color: #1877F2;
	color: #FFFFFF;
}

.social-share-twitter:hover {
	background-color: #1DA1F2;
	color: #FFFFFF;
}

.social-share-whatsapp:hover {
	background-color: #25D366;
	color: #FFFFFF;
}

.social-share-linkedin:hover {
	background-color: #0077B5;
	color: #FFFFFF;
}

/* Single Sidebar */
/* .single-sidebar já definido acima com .single-content */

.single-sidebar-inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-6);
}

.single-sidebar-latest,
.single-sidebar-suggestions {
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.single-sidebar-latest-title,
.single-sidebar-suggestions-title {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--space-4);
	color: #1F2937;
}

.single-sidebar-latest-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.single-sidebar-latest-item {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding-bottom: var(--space-4);
	border-bottom: 1px solid #E5E7EB;
}

.single-sidebar-latest-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.single-sidebar-latest-item-header {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
}

.single-sidebar-latest-icon {
	width: 16px;
	height: 16px;
	color: #6B7280;
	flex-shrink: 0;
	margin-top: 2px;
}

.single-sidebar-latest-item-header a {
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	color: #1F2937;
	text-decoration: none;
	transition: color var(--transition-base);
	line-height: var(--line-height-relaxed);
}

.single-sidebar-latest-item-header a:hover,
.single-sidebar-latest-item-header a:focus {
	color: var(--category-color, #8B5CF6);
	text-decoration: underline;
}

.single-sidebar-latest-time {
	font-size: var(--font-size-xs);
	color: #6B7280;
	margin-left: calc(16px + var(--space-2));
}

.single-sidebar-suggestions-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

.single-sidebar-sponsored {
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.single-sidebar-share {
	position: sticky;
	top: var(--space-5);
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.single-sidebar-share .social-share {
	flex-direction: column;
	align-items: stretch;
}

.single-sidebar-share .social-share-link {
	width: 100%;
	text-align: center;
}

.single-sidebar-widgets {
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
}

.single-sidebar-widgets .widget {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow: visible; /* Evita cortar widgets nativos (listas/markers/outlines) */
}

.single-sidebar-widgets .widget ul,
.single-sidebar-widgets .widget ol {
	list-style: disc;
	list-style-position: outside;
	padding-left: 1.25rem;
	margin: 0 0 var(--space-3) 0;
}

.single-sidebar-widgets .widget ol {
	list-style: decimal;
}

.single-sidebar-widgets .widget li {
	margin: 0 0 var(--space-2) 0;
}

.single-sidebar-widgets .widget select,
.single-sidebar-widgets .widget input,
.single-sidebar-widgets .widget textarea,
.single-sidebar-widgets .widget table,
.single-sidebar-widgets .widget figure {
	max-width: 100%;
	box-sizing: border-box;
}

.single-sidebar-widgets .widget select {
	width: 100%;
}

.single-sidebar-widgets .widget * {
	max-width: 100%;
	box-sizing: border-box;
}

.single-sidebar-widgets .widget img {
	max-width: 100%;
	height: auto;
	display: block;
}

.single-sidebar-widgets .widget-title {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--space-4);
	color: #1F2937;
}

/* Single Author Box */
.single-author-box {
	display: flex;
	gap: var(--space-4);
	padding: var(--space-5);
	background-color: #FAFAFA;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.single-author-box-avatar {
	flex-shrink: 0;
}

.single-author-box-avatar img {
	width: 80px;
	height: 80px;
	border-radius: var(--radius-full);
}

.single-author-box-content {
	flex: 1;
	min-width: 0;
}

.single-author-box-name {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	margin: 0 0 var(--space-2) 0;
}

.single-author-box-name a {
	color: #1F2937;
	text-decoration: none;
	transition: color var(--transition-base);
}

.single-author-box-name a:hover,
.single-author-box-name a:focus {
	color: var(--category-color, #8B5CF6);
	text-decoration: underline;
}

.single-author-box-bio {
	font-size: var(--font-size-sm);
	color: #6B7280;
	line-height: var(--line-height-relaxed);
	margin: 0 0 var(--space-3) 0;
}

.single-author-box-stats {
	margin-top: var(--space-2);
}

.single-author-box-link {
	font-size: var(--font-size-xs);
	color: #6B7280;
	text-decoration: none;
	transition: color var(--transition-base);
}

.single-author-box-link:hover,
.single-author-box-link:focus {
	color: var(--category-color, #8B5CF6);
	text-decoration: underline;
}

/* Related Posts */
.related-posts {
	margin-top: var(--space-7);
	padding: var(--space-5);
	background-color: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
}

.related-posts-title {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: #111827;
	margin: 0 0 var(--space-4) 0;
	padding-bottom: var(--space-3);
	border-bottom: 2px solid #E5E7EB;
}

.related-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-5);
}

/* Título do card em relacionados: mesmo padrão global (category/search/home) */
.related-posts .post-card .post-card-title {
	font-size: var(--font-size-xl, 1.25rem);
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin: 0 0 0.5rem 0;
}

.related-posts .post-card .post-card-title a {
	color: #1F2937;
	text-decoration: none;
	transition: color var(--transition-base, 0.2s ease);
}

.related-posts .post-card .post-card-title a:hover,
.related-posts .post-card .post-card-title a:focus {
	color: var(--category-color, #8B5CF6);
}

@media (max-width: 1024px) {
	.related-posts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Post Navigation */
.post-navigation,
.navigation.post-navigation {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 2px solid #E5E7EB;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--space-4);
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Se display: contents não funcionar, aplicar grid no nav-links e remover grid do post-navigation */
@supports not (display: contents) {
	.post-navigation,
	.navigation.post-navigation {
		display: block !important;
	}
}

/* Tratar wrapper nav-links (plural) - corrigido do .nav-link (singular) */
.post-navigation .nav-links,
.navigation.post-navigation .nav-links {
	display: contents !important; /* Faz wrapper desaparecer do layout grid */
	width: 100%;
	max-width: 100%;
}

/* Fallback: se display: contents não for suportado, aplicar grid no wrapper */
@supports not (display: contents) {
	.post-navigation .nav-links,
	.navigation.post-navigation .nav-links {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: var(--space-4);
		width: 100%;
	}
}

/* Tratar h2.screen-reader-text para não interferir no grid */
.post-navigation .screen-reader-text,
.navigation.post-navigation .screen-reader-text {
	display: none; /* Ocultar completamente - já é acessível via aria-label */
}

.post-navigation > .nav-previous,
.post-navigation > .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next,
.navigation.post-navigation > .nav-previous,
.navigation.post-navigation > .nav-next,
.navigation.post-navigation .nav-previous,
.navigation.post-navigation .nav-next {
	min-width: 0;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	display: block;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.navigation.post-navigation .nav-previous a,
.navigation.post-navigation .nav-next a {
	display: flex;
	align-items: flex-start;
	gap: var(--space-3);
	padding: var(--space-4);
	background-color: #FAFAFA;
	border: 1px solid #E5E7EB;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	transition: all var(--transition-base);
	text-decoration: none;
	height: 100%;
	min-height: 80px;
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.post-navigation .nav-previous a > span,
.post-navigation .nav-next a > span,
.navigation.post-navigation .nav-previous a > span,
.navigation.post-navigation .nav-next a > span {
	display: block;
	min-width: 0;
	flex-shrink: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-navigation .nav-thumb,
.navigation.post-navigation .nav-thumb {
	width: 72px;
	height: 40px;
	border-radius: var(--radius-md);
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F3F4F6;
	border: 1px solid #E5E7EB;
	box-sizing: border-box;
}

.post-navigation .nav-thumb img,
.navigation.post-navigation .nav-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.post-navigation .nav-thumb--placeholder,
.navigation.post-navigation .nav-thumb--placeholder {
	background: linear-gradient(135deg, var(--thumb-color, #9CA3AF), #F3F4F6);
}

.post-navigation .nav-content,
.navigation.post-navigation .nav-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:focus,
.post-navigation .nav-next a:focus,
.navigation.post-navigation .nav-previous a:hover,
.navigation.post-navigation .nav-next a:hover,
.navigation.post-navigation .nav-previous a:focus,
.navigation.post-navigation .nav-next a:focus {
	background-color: #FFFFFF;
	border-color: var(--category-color, #8B5CF6);
	box-shadow: var(--shadow-md);
	text-decoration: none;
	transform: translateY(-2px);
}

.post-navigation .nav-previous a:focus,
.post-navigation .nav-next a:focus,
.navigation.post-navigation .nav-previous a:focus,
.navigation.post-navigation .nav-next a:focus {
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
}

.post-navigation .nav-previous a:focus:not(:focus-visible),
.post-navigation .nav-next a:focus:not(:focus-visible),
.navigation.post-navigation .nav-previous a:focus:not(:focus-visible),
.navigation.post-navigation .nav-next a:focus:not(:focus-visible) {
	outline: none;
}

/* Ícone anterior (seta para esquerda) */
.post-navigation .nav-previous a::before,
.navigation.post-navigation .nav-previous a::before {
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	margin-top: 2px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6 8L10 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

/* Ícone próximo (seta para direita) */
.post-navigation .nav-next a::before,
.navigation.post-navigation .nav-next a::before {
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	margin-top: 2px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.post-navigation .nav-previous a,
.navigation.post-navigation .nav-previous a {
	flex-direction: row;
	text-align: left;
}

.post-navigation .nav-next a,
.navigation.post-navigation .nav-next a {
	flex-direction: row-reverse;
	text-align: right;
}

.post-navigation .nav-previous .nav-subtitle,
.post-navigation .nav-previous .nav-title,
.navigation.post-navigation .nav-previous .nav-subtitle,
.navigation.post-navigation .nav-previous .nav-title {
	text-align: left;
}

.post-navigation .nav-next .nav-subtitle,
.post-navigation .nav-next .nav-title,
.navigation.post-navigation .nav-next .nav-subtitle,
.navigation.post-navigation .nav-next .nav-title {
	text-align: right;
}

.post-navigation .nav-content,
.navigation.post-navigation .nav-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
}

.post-navigation .nav-subtitle,
.navigation.post-navigation .nav-subtitle {
	display: block;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-semibold);
	color: var(--category-color, #8B5CF6);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--space-1);
	line-height: var(--line-height-tight);
}

.post-navigation .nav-title,
.navigation.post-navigation .nav-title {
	display: block;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
	color: #1F2937;
	line-height: var(--line-height-relaxed);
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	min-width: 0;
	flex: 1;
}

/* Archive */
.archive-main,
.category-main {
	padding-top: 0;
	padding-bottom: var(--space-7);
}

.archive-header,
.category-header {
	margin-bottom: var(--space-7);
	padding: 0;
	text-align: left;
	position: relative;
}

/* Category Layout */
.category-layout {
	display: grid;
	grid-template-columns: 1fr; /* Mobile: stack */
	gap: var(--grid-gap-md, var(--space-6));
	align-items: start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.category-content,
.category-sidebar {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

@media (min-width: 1025px) {
	.category-layout {
		grid-template-columns: minmax(0, 2.33fr) minmax(0, 1fr); /* Desktop: 70/30 */
	}
}

.category-sidebar-inner {
	position: sticky;
	top: var(--space-6);
	display: grid;
	gap: var(--space-6);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.category-latest-item-header {
	min-width: 0;
}

.category-latest-item-header a {
	flex: 1;
	min-width: 0;
}

.category-sidebar-inner > *,
.search-sidebar-inner > *,
.single-sidebar-inner > * {
	max-width: 100%;
	box-sizing: border-box;
}

.category-sidebar-inner img,
.category-sidebar-inner iframe,
.category-sidebar-inner embed,
.category-sidebar-inner object,
.search-sidebar-inner img,
.search-sidebar-inner iframe,
.search-sidebar-inner embed,
.search-sidebar-inner object,
.single-sidebar-inner img,
.single-sidebar-inner iframe,
.single-sidebar-inner embed,
.single-sidebar-inner object {
	max-width: 100%;
	height: auto;
}

/* Search Layout - baseado em category-layout */
.search-layout {
	display: grid;
	grid-template-columns: 1fr; /* Mobile: stack */
	gap: var(--grid-gap-md, var(--space-6));
	align-items: start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.search-content,
.search-sidebar {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Desktop: 2 colunas (conteúdo + sidebar) */
@media (min-width: 1025px) {
	.search-layout {
		grid-template-columns: minmax(0, 2.33fr) minmax(0, 1fr); /* Desktop: 70/30 */
	}
}

.search-sidebar-inner {
	position: sticky;
	top: var(--space-6);
	display: grid;
	gap: var(--space-6);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.category-widgets .widget {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	padding: var(--space-4);
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow: visible; /* Evita cortar widgets nativos (listas/markers/outlines) */
}

.category-widgets .widget ul,
.category-widgets .widget ol {
	list-style: disc;
	list-style-position: outside;
	padding-left: 1.25rem;
	margin: 0 0 var(--space-3) 0;
}

.category-widgets .widget ol {
	list-style: decimal;
}

.category-widgets .widget li {
	margin: 0 0 var(--space-2) 0;
}

.category-widgets .widget select,
.category-widgets .widget input,
.category-widgets .widget textarea,
.category-widgets .widget table,
.category-widgets .widget figure {
	max-width: 100%;
	box-sizing: border-box;
}

.category-widgets .widget select {
	width: 100%;
}

.category-widgets .widget * {
	max-width: 100%;
	box-sizing: border-box;
}

.category-widgets .widget img {
	max-width: 100%;
	height: auto;
	display: block;
}

.category-widgets .widget-title {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-semibold);
	color: #111827;
}

/* Category Header - Enhanced with Radix UI Design Tokens */
.category-header {
	background-color: #FFFFFF;
	border-radius: var(--radius-md);
	padding: var(--space-6);
	box-shadow: var(--shadow-sm);
}

.category-header-content {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

/* Search Header - baseado em category-header */
.search-header {
	background-color: #FFFFFF;
	border-radius: var(--radius-md);
	padding: var(--space-6);
	box-shadow: var(--shadow-sm);
	margin-bottom: var(--space-7);
}

.search-header-content {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.search-title-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.search-title-group {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.search-title {
	font-size: var(--font-size-h1, clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem)); /* Igual à categoria */
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	color: #1F2937;
	margin: 0;
}

.search-query {
	color: var(--category-color, #8B5CF6);
}

.search-count {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-medium);
	color: #6B7280;
	padding: var(--space-1) var(--space-3);
	background-color: #F3F4F6;
	border-radius: var(--radius-full);
	white-space: nowrap;
	line-height: var(--line-height-normal);
}

.search-count-label {
	font-size: var(--font-size-sm);
}

/* Search header: formulário de busca */
.search-header .search-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 480px;
}

.search-header .search-form .search-label-text {
	display: none;
}

.search-header .search-form .search-field-wrapper {
	position: relative;
	flex: 1;
	min-width: 200px;
	display: flex;
	align-items: center;
}

.search-header .search-form .search-field-wrapper:focus-within .search-icon {
	color: var(--category-color, #8B5CF6);
}

.search-header .search-form .search-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	color: #9CA3AF;
	pointer-events: none;
}

.search-header .search-form input[type="search"] {
	width: 100%;
	padding: 12px 16px 12px 44px;
	font-size: var(--font-size-base, 1rem);
	line-height: 1.5;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	background: #FFF;
	color: #1F2937;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.search-header .search-form input[type="search"]:focus {
	outline: none;
	border-color: var(--category-color, #8B5CF6);
	box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}

.search-header .search-form input[type="search"]::placeholder {
	color: #9CA3AF;
}

.search-header .search-form .search-submit {
	padding: 12px 24px;
	font-size: var(--font-size-sm, 0.875rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: 1.5;
	color: #FFF;
	background: var(--category-color, #8B5CF6);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
	-webkit-appearance: none;
	appearance: none;
}

.search-header .search-form .search-submit:hover {
	background: #7C3AED;
}

.search-header .search-form .search-submit:focus {
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
}

@media (max-width: 480px) {
	.search-header .search-form {
		max-width: 100%;
	}
	.search-header .search-form input[type="search"] {
		min-height: 44px;
	}
	.search-header .search-form .search-submit {
		min-height: 44px;
	}
}

.category-title-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.category-title-group {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.archive-title,
.category-title {
	font-size: var(--font-size-h1, clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem));
	font-weight: var(--font-weight-bold, 700);
	margin: 0;
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	transition: color var(--transition-base, 0.2s ease);
	color: var(--category-color, #8B5CF6);
}

.archive-description,
.category-description {
	font-size: var(--font-size-lg, 1.125rem);
	line-height: var(--line-height-relaxed, 1.6);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #6B7280;
	max-width: 800px;
	margin: 0;
}

/* Category Count Badge */
.category-count {
	display: inline-flex;
	align-items: baseline;
	gap: var(--space-1);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-medium);
	color: #6B7280;
	padding: var(--space-1) var(--space-3);
	background-color: #F3F4F6;
	border-radius: var(--radius-full);
	white-space: nowrap;
	line-height: var(--line-height-normal);
}

.category-count-label {
	font-size: var(--font-size-sm);
}

/* Category Meta */
.category-meta {
	display: flex;
	align-items: center;
	gap: var(--space-4);
}

/* Category RSS Link */
.category-rss-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-3);
	color: #6B7280;
	text-decoration: none;
	border-radius: var(--radius-sm);
	transition: all var(--transition-base);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-normal);
}

.category-rss-link:hover,
.category-rss-link:focus {
	background-color: #F3F4F6;
	color: var(--category-color, #8B5CF6);
	text-decoration: none;
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
}

.category-rss-link:focus:not(:focus-visible) {
	outline: none;
}

.category-rss-link svg {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

/* Category Subcategories */
.category-subcategories {
	margin-top: var(--space-5);
	padding-top: var(--space-5);
	border-top: 1px solid #E5E7EB;
}

.category-subcategories-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	list-style: none;
	margin: 0;
	padding: 0;
}

.category-subcategory-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-4);
	color: #1F2937;
	text-decoration: none;
	border-radius: var(--radius-sm);
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-normal);
	transition: all var(--transition-base);
}

.category-subcategory-link:hover {
	border-color: var(--subcategory-color, var(--category-color, #8B5CF6));
	color: var(--subcategory-color, var(--category-color, #8B5CF6));
	background-color: #F9FAFB;
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: var(--shadow-md);
}

.category-subcategory-link:focus {
	outline: 2px solid var(--subcategory-color, var(--category-color, #8B5CF6));
	outline-offset: 2px;
	text-decoration: none;
}

.category-subcategory-link:focus:not(:focus-visible) {
	outline: none;
}

.subcategory-count {
	font-size: var(--font-size-xs);
	color: #6B7280;
	padding: var(--space-1) var(--space-2);
	background-color: #F3F4F6;
	border-radius: var(--radius-full);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-normal);
}

/* Screen Reader Only */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Category Toolbar */
.category-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
	margin: var(--space-6) 0 var(--space-4);
}

.category-filters-label {
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
	color: #374151;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.category-filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.category-filter-link {
	display: inline-flex;
	align-items: center;
	padding: var(--space-2) var(--space-3);
	color: #6B7280;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all var(--transition-base, 0.2s ease);
	font-size: var(--font-size-sm, 0.875rem);
	font-weight: var(--font-weight-medium, 500);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
}

.category-filter-link:hover,
.category-filter-link:focus {
	color: var(--category-color, #8B5CF6);
}

.category-filter-link.is-active {
	color: var(--category-color, #8B5CF6);
	font-weight: var(--font-weight-semibold, 600);
	border-bottom-color: var(--category-color, #8B5CF6);
}

/* Search Toolbar - reutiliza estilos de category-toolbar */
.search-toolbar {
	/* Herda estilos de .category-toolbar */
}

/* Latest Updates Bar */
.category-latest {
	padding: var(--space-4);
	background-color: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	margin-bottom: var(--space-5);
}

.category-latest-title {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: #111827;
	margin: 0 0 var(--space-4) 0;
	padding-bottom: var(--space-3);
	border-bottom: 2px solid #E5E7EB;
}

.category-latest-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	list-style: none;
	margin: 0;
	padding: 0;
}

.category-latest-item {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-3);
	border-radius: var(--radius-sm);
	transition: background-color var(--transition-base);
}

.category-latest-item:hover {
	background-color: #F9FAFB;
}

.category-latest-item-header {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
}

.category-latest-icon {
	width: 16px;
	height: 16px;
	color: #6B7280;
	flex-shrink: 0;
	margin-top: 2px;
}

.category-latest-item a {
	color: #111827;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-relaxed);
	text-decoration: none;
	transition: color var(--transition-base);
}

.category-latest-item a:hover,
.category-latest-item a:focus {
	color: var(--category-color, #8B5CF6);
	text-decoration: underline;
}

.category-latest-item a:focus {
	outline: 2px solid var(--category-color, #8B5CF6);
	outline-offset: 2px;
	border-radius: var(--radius-sm);
}

.category-latest-item a:focus:not(:focus-visible) {
	outline: none;
}

.category-latest-time {
	color: #6B7280;
	font-size: var(--font-size-xs);
	margin-left: calc(16px + var(--space-2)); /* Alinhar com o texto após o ícone */
	line-height: var(--line-height-normal);
}

/* Sponsored Banner */
.category-sponsored {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-4);
	border-radius: var(--radius-md);
	border: 1px solid #FED7AA;
	background-color: #FFFBEB;
}

.category-sponsored--widget {
	padding: 0;
	border: none;
	background: transparent;
}

.category-sponsored--widget .widget {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
}

.category-sponsored--widget img,
.category-sponsored--widget iframe {
	max-width: 100%;
	height: auto;
}

.category-sponsored-label {
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #B45309;
}

.category-sponsored-text {
	color: #92400E;
	font-size: var(--font-size-sm);
}

/* Search Sidebar - reutiliza estilos de category */
.search-latest,
.search-sponsored,
.search-widgets {
	/* Herda estilos de .category-latest, .category-sponsored, .category-widgets */
}

/* Explainers */
.category-explainers {
	margin: var(--space-7) 0;
	padding: var(--space-5);
	border-radius: var(--radius-md);
	background-color: #F3F4F6;
}

.category-explainers-header {
	margin-bottom: var(--space-5);
}

.category-explainers-title {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-2xl);
	font-weight: var(--font-weight-bold);
	color: #111827;
}

.category-explainers-text {
	margin: 0;
	font-size: var(--font-size-base);
	color: #4B5563;
}

.category-explainers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--space-4);
}

/* Category Featured Layout */
.category-featured {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: var(--grid-gap-md, var(--space-6));
	margin-bottom: var(--space-7);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden; /* Prevenir vazamento */
}

.category-featured-main,
.category-featured-list {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.category-featured-main .post-card,
.category-featured-list .post-card {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.category-featured-main .post-card {
	height: 100%;
}

.category-featured-list {
	display: grid;
	gap: var(--space-4);
}

/* Título do card - padrão global (category/search, alinhado à homepage) */
.category-posts .post-card .post-card-title,
.search-posts .post-card .post-card-title {
	font-size: var(--font-size-xl, 1.25rem);
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin: 0 0 0.5rem 0;
}

.category-posts .post-card .post-card-title a,
.search-posts .post-card .post-card-title a {
	color: #1F2937;
	text-decoration: none;
	transition: color var(--transition-base, 0.2s ease);
}

.category-posts .post-card .post-card-title a:hover,
.category-posts .post-card .post-card-title a:focus,
.search-posts .post-card .post-card-title a:hover,
.search-posts .post-card .post-card-title a:focus {
	color: var(--category-color, #8B5CF6);
}

.post-card-compact .post-card-title {
	font-size: var(--font-size-lg);
}

.post-card-compact .post-card-content {
	padding: var(--space-4);
}

@media (max-width: 1024px) {
	.category-featured {
		grid-template-columns: 1fr;
		gap: var(--grid-gap-md, var(--space-6));
	}
}

/* Post Card Tags */
.post-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	padding: 0;
	margin: var(--space-3) 0 0 0;
}

.post-card-tags a {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: var(--radius-full);
	background-color: #F3F4F6;
	color: #374151;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition: background-color var(--transition-fast), color var(--transition-fast);
}

.post-card-tags a:hover,
.post-card-tags a:focus {
	background-color: #E5E7EB;
	color: #111827;
}

.post-card-excerpt {
	color: #6B7280;
	margin-top: var(--space-3);
	line-height: var(--line-height-relaxed);
}

.post-card-read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-2) var(--space-4);
	background-color: #1F2937;
	color: #FFFFFF;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	border-radius: var(--radius-sm);
	margin-top: var(--space-4);
	text-decoration: none;
	transition: background-color var(--transition-base);
}

.post-card-read-more:hover,
.post-card-read-more:focus {
	background-color: #374151;
	text-decoration: none;
}

/* Post Card Image Placeholder */
.post-card-image-placeholder {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background-color: #F3F4F6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-card-image-placeholder svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-card-image-placeholder a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Post Card Image - Garantir position relative para tag de categoria */
.post-card-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.post-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Tag de Categoria sobre Imagem */
.category-tag-overlay {
	position: absolute;
	top: var(--space-3, 0.75rem);
	right: var(--space-3, 0.75rem);
	z-index: 2;
	padding: var(--space-1, 0.25rem) var(--space-3, 0.75rem);
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	font-size: var(--font-size-xs, 0.75rem);
	font-weight: var(--font-weight-semibold, 600);
	text-transform: uppercase;
	text-decoration: none;
	border-radius: var(--radius-full, 999px);
	backdrop-filter: blur(4px);
	transition: background-color var(--transition-base, 0.2s ease), transform var(--transition-base, 0.2s ease), color var(--transition-base, 0.2s ease);
}

.category-tag-overlay:hover,
.category-tag-overlay:focus {
	color: #FFFFFF;
	opacity: 1;
	transform: scale(1.05);
	background-color: color-mix(in srgb, var(--category-color, #8B5CF6) 95%, black);
}

/* Fallback para navegadores sem suporte a color-mix */
@supports not (background-color: color-mix(in srgb, red 95%, black)) {
	.category-tag-overlay:hover,
	.category-tag-overlay:focus {
		background-color: var(--category-color, #8B5CF6);
		box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.05); /* Overlay escuro sutil */
	}
}

/* Manter suporte para color-mix no estado padrão */
@supports (background-color: color-mix(in srgb, red 85%, transparent)) {
	.category-tag-overlay {
		background-color: color-mix(in srgb, var(--category-color, #8B5CF6) 85%, transparent);
	}
}

@supports not (background-color: color-mix(in srgb, red 85%, transparent)) {
	.category-tag-overlay {
		background-color: rgba(139, 92, 246, 0.85); /* Fallback para #8B5CF6 */
	}
}

/* Post Meta */
.post-meta {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-size-sm, 0.875rem);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #6B7280;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.post-meta::-webkit-scrollbar {
	display: none;
}

.post-meta > span,
.post-meta > time {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	flex-shrink: 0;
	white-space: nowrap;
}

.post-meta > span + span::before,
.post-meta > time + span::before,
.post-meta > span + time::before {
	content: '·';
	margin: 0 var(--space-1);
	color: #9CA3AF;
	flex-shrink: 0;
}

.post-meta-author {
	font-weight: var(--font-weight-semibold);
	color: #1F2937;
}

.post-meta-category {
	font-weight: var(--font-weight-semibold, 600);
	text-transform: uppercase;
	color: var(--category-color, #8B5CF6);
}

.post-meta-date {
	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	gap: var(--space-2);
	white-space: nowrap;
}

.post-meta-date-full {
	display: inline;
	font-size: var(--font-size-sm);
	color: #6B7280;
}

.post-meta-date-relative {
	display: inline;
	font-size: var(--font-size-xs);
	color: #9CA3AF;
	font-weight: var(--font-weight-medium);
}

.post-meta-reading-time {
	white-space: nowrap;
}

/* Breadcrumb Bar */
.breadcrumb-bar {
	background-color: #FAFAFA;
	padding: var(--space-3) 0;
	box-shadow: var(--shadow-sm);
	border-top: 1px solid #E5E7EB;
	margin-bottom: 0;
}

.breadcrumb-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumb-item {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-normal);
}

.breadcrumb-item a {
	color: #8B5CF6;
	text-decoration: none;
	transition: color var(--transition-base);
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
	color: #7C3AED;
	text-decoration: underline;
}

.breadcrumb-item a:focus {
	outline: 2px solid #8B5CF6;
	outline-offset: 2px;
	border-radius: var(--radius-sm);
}

.breadcrumb-item a:focus:not(:focus-visible) {
	outline: none;
}

.breadcrumb-current {
	color: #1F2937;
	font-weight: var(--font-weight-medium);
}

.breadcrumb-separator {
	width: 16px;
	height: 16px;
	color: #6B7280;
	flex-shrink: 0;
}

/* Breadcrumb - Responsive */
@media (max-width: 768px) {
	.breadcrumb-bar {
		padding: var(--space-2) 0;
	}

	.breadcrumb-item {
		font-size: var(--font-size-xs);
	}

	.breadcrumb-separator {
		width: 14px;
		height: 14px;
	}
}

/* Category Header - Responsive */
@media (max-width: 768px) {
	.category-header {
		padding: var(--space-4);
	}

	.category-title {
		font-size: var(--font-size-h1, clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem));
	}

	.category-title-wrapper,
	.search-title-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-3);
	}

	.category-title-group,
	.search-title-group {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-3);
	}

	.category-description {
		font-size: var(--font-size-base);
	}

	.category-subcategories-list {
		flex-direction: column;
	}

	.category-subcategory-link {
		width: 100%;
		justify-content: space-between;
	}

	.category-layout,
	.search-layout {
		grid-template-columns: 1fr;
	}

	.category-sidebar-inner,
	.search-sidebar-inner {
		position: static;
	}

	/* Single Post - Mobile */
	.single-layout {
		grid-template-columns: 1fr;
	}

	.single-sidebar-inner {
		position: static;
	}

	.single-sidebar-share {
		position: static;
	}

	.single-sidebar-share .social-share {
		flex-direction: row;
	}

	.single-post-title {
		font-size: clamp(1.5rem, 1.35rem + 1.1vw, 1.95rem);
		line-height: 1.15;
	}

	.single-post-content {
		font-size: var(--font-size-base);
	}

	.single-author-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.single-author-box-avatar img {
		width: 64px;
		height: 64px;
	}

	.related-posts-grid {
		grid-template-columns: 1fr;
	}

	.single-sidebar-suggestions-grid {
		grid-template-columns: 1fr;
	}

	.post-meta {
		flex-wrap: wrap;
		font-size: var(--font-size-xs);
		gap: var(--space-1);
		padding-bottom: var(--space-1);
		white-space: normal;
		overflow-x: visible;
		overflow-y: visible;
	}

	.post-meta > span,
	.post-meta > time {
		flex-shrink: 1;
		white-space: normal;
		min-width: 0;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.post-meta > span + span::before,
	.post-meta > time + span::before,
	.post-meta > span + time::before {
		content: '';
		margin: 0;
	}

	.post-meta-date {
		flex-direction: row;
		align-items: baseline;
		gap: var(--space-1);
		white-space: normal;
		flex-wrap: wrap;
	}

	.post-meta-date-full {
		font-size: var(--font-size-xs);
	}

	.post-meta-date-relative {
		font-size: var(--font-size-xs);
	}

	.post-meta-reading-time {
		font-size: var(--font-size-xs);
	}

	/* Post Navigation - Mobile */
	.post-navigation,
	.navigation.post-navigation {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px;
		margin-top: var(--space-5);
		padding-top: var(--space-5);
	}

	/* Garantir que nav-links também mantenha grid no mobile */
	.post-navigation .nav-links,
	.navigation.post-navigation .nav-links {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px;
		width: 100%;
	}

	/* Fallback: se display: contents não funcionar no mobile */
	@supports not (display: contents) {
		.post-navigation,
		.navigation.post-navigation {
			display: block !important;
		}
		
		.post-navigation .nav-links,
		.navigation.post-navigation .nav-links {
			display: grid !important;
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			gap: 6px;
		}
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next,
	.navigation.post-navigation .nav-previous,
	.navigation.post-navigation .nav-next {
		min-width: 0;
		max-width: 100%;
		width: 100%;
	}

	.post-navigation .nav-previous a,
	.post-navigation .nav-next a,
	.navigation.post-navigation .nav-previous a,
	.navigation.post-navigation .nav-next a {
		min-height: 70px;
		padding: 8px;
		gap: 6px;
		min-width: 0;
		max-width: 100%;
		font-size: 10px;
	}

	.post-navigation .nav-next a,
	.navigation.post-navigation .nav-next a {
		flex-direction: row-reverse;
		text-align: right;
	}

	.post-navigation .nav-next .nav-subtitle,
	.post-navigation .nav-next .nav-title,
	.navigation.post-navigation .nav-next .nav-subtitle,
	.navigation.post-navigation .nav-next .nav-title {
		text-align: right;
	}

	.post-navigation .nav-previous a::before,
	.post-navigation .nav-next a::before,
	.navigation.post-navigation .nav-previous a::before,
	.navigation.post-navigation .nav-next a::before {
		width: 24px;
		height: 24px;
		background-size: 12px 12px;
		flex-shrink: 0;
		margin-top: 0;
	}

	.post-navigation .nav-subtitle,
	.navigation.post-navigation .nav-subtitle {
		font-size: 10px;
		line-height: 1.2;
		margin-bottom: 2px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.post-navigation .nav-title,
	.navigation.post-navigation .nav-title {
		font-size: 11px;
		line-height: 1.3;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 2.6em;
	}

	.category-latest-icon {
		width: 14px;
		height: 14px;
	}

	.category-latest-time {
		margin-left: calc(14px + var(--space-2));
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.category-header {
		padding: var(--space-5);
	}

	.category-title {
		font-size: clamp(var(--font-size-4xl), 4vw, var(--font-size-5xl));
	}

	.category-layout {
		grid-template-columns: minmax(0, 1.86fr) minmax(0, 1fr); /* ~65% / 35% */
	}

	/* Single: navegação anterior/próximo em 1 coluna no tablet */
	.post-navigation,
	.navigation.post-navigation {
		grid-template-columns: 1fr !important;
	}

	.post-navigation .nav-links,
	.navigation.post-navigation .nav-links {
		grid-template-columns: 1fr !important;
	}
}

.archive-posts,
.category-posts,
.search-posts {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--grid-gap-md, var(--space-5));
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.archive-posts .post-card,
.category-posts .post-card,
.search-posts .post-card {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

@media (min-width: 769px) {
	.archive-posts,
	.category-posts {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
	.search-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 colunas fixas tablet */
	}
}

@media (min-width: 1025px) {
	.archive-posts,
	.category-posts {
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}
	.search-posts {
		grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 colunas fixas desktop */
	}
}

/* Search */
.search-main {
	padding-top: 0;
	padding-bottom: var(--space-7);
}

.no-results,
.no-posts {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 20px;
	text-align: center;
}

.no-results p,
.no-posts p {
	font-size: 1.125rem;
	color: #6B7280;
}

/* Page */
.page-main {
	padding-top: 0;
	padding-bottom: 40px;
}

.page-content {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

.page-header {
	margin-bottom: 30px;
}

.page-title {
	font-size: var(--font-size-h1, clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem));
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin: 0 0 1.25rem 0;
}

.page-image {
	margin-bottom: 30px;
	border-radius: 8px;
	overflow: hidden;
}

.page-image img {
	width: 100%;
	height: auto;
	display: block;
}

.page-content-inner {
	font-size: 1.125rem;
	line-height: 1.8;
}

/* .page-content dentro de .container: evita padding duplicado */
.container .page-content {
	padding-left: 0;
	padding-right: 0;
}

/* Author */
.author-main {
	padding-top: 0;
	padding-bottom: 40px;
}

.author-header {
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 0 20px;
	display: flex;
	gap: 30px;
	align-items: center;
}

.author-avatar {
	border-radius: 50%;
	width: 120px;
	height: 120px;
}

.author-info {
	flex: 1;
}

.author-name {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 15px;
}

.author-bio {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #6B7280;
}

.author-posts {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.author-posts-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 30px;
}

.author-posts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

/* 404 */
.error-404 {
	padding-top: 0;
	padding-bottom: 80px;
	text-align: center;
}

.error-404-content {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}

.error-title {
	font-size: 6rem;
	font-weight: 700;
	color: var(--category-color, #8B5CF6);
	margin-bottom: 20px;
}

.error-subtitle {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.error-content p {
	font-size: 1.125rem;
	color: #6B7280;
	margin-bottom: 30px;
}

.error-links {
	margin-top: 30px;
}

.error-link {
	display: inline-block;
	padding: 12px 30px;
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	font-weight: 600;
	border-radius: 4px;
	transition: opacity 0.2s ease;
}

.error-link:hover {
	opacity: 0.9;
	text-decoration: none;
}

/* Contact */
.contact-main {
	padding-top: 0;
	padding-bottom: 40px;
}

.contact-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}

.contact-header {
	margin-bottom: 40px;
	text-align: center;
}

.contact-title {
	font-size: 2.5rem;
	font-weight: 700;
}

.contact-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.contact-info h2,
.contact-form-wrapper h2 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.contact-details {
	margin-top: 20px;
}

.contact-details p {
	margin-bottom: 10px;
}

.contact-form {
	margin-top: 20px;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.form-group input,
.form-group textarea {
	width: 100%;
	padding: 12px;
	border: 2px solid #E5E7EB;
	border-radius: 4px;
	font-size: 1rem;
	font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus {
	outline: none;
	border-color: var(--category-color, #8B5CF6);
}

.contact-submit {
	padding: 12px 30px;
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	font-weight: 600;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.contact-submit:hover {
	opacity: 0.9;
}

/* Pagination */
.pagination {
	display: block;
	margin-top: 40px;
	padding: 0 20px;
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	row-gap: 10px;
	width: 100%;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 10px 15px;
	background-color: #F9FAFB;
	color: #1F2937;
	border-radius: 4px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.pagination .page-numbers:hover {
	background-color: #F3F4F6;
	text-decoration: none;
}

.pagination .page-numbers.current {
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
}

@media (max-width: 480px) {
	.pagination {
		padding: 0 12px;
	}

	.pagination .nav-links {
		gap: 8px;
		row-gap: 8px;
	}

	.pagination .page-numbers {
		padding: 8px 10px;
		min-height: 36px;
	}

	/* Sidebar (mobile pequeno): dar respiro para sombras/bordas dentro de .container */
	.category-sidebar-inner,
	.search-sidebar-inner {
		padding: 2px;
	}

	/* Últimas atualizações (sidebar): clamp do título em 2 linhas */
	.category-latest-item-header a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Navegação anterior/próximo (single): empilha e ocupa largura total */
	.post-navigation,
	.navigation.post-navigation {
		grid-template-columns: 1fr !important;
	}

	.post-navigation .nav-links,
	.navigation.post-navigation .nav-links {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px;
	}

	.post-navigation .nav-previous a,
	.post-navigation .nav-next a,
	.navigation.post-navigation .nav-previous a,
	.navigation.post-navigation .nav-next a {
		align-items: center;
	}

	.post-navigation .nav-thumb,
	.navigation.post-navigation .nav-thumb {
		width: 88px;
		height: 50px;
	}
}

/* ============================================
   category-custom.css
   ============================================ */

/**
 * OMT Theme - Estilos para Categorias Customizadas
 *
 * @package OMT_Theme
 * @since 1.0.0
 */

/* ============================================
   Categoria Empregos (Grid 4 Colunas)
   ============================================ */

/* Layout sem Sidebar */
.category-layout-grid-4 {
	display: block; /* Remove grid de 2 colunas */
}

.category-layout-grid-4 .category-content {
	width: 100%;
	max-width: 100%;
}

/* Grid 4 Colunas Desktop */
.category-posts-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--grid-gap-md, 1.5rem);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.category-posts-grid-4 > * {
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

/* Imagem Empregos: proporção 9:16 */
.post-card-image-empregos {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9 / 16; /* Portrait vertical */
}

.post-card-image-empregos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ============================================
   Categoria Opinião (Grid 4 Colunas)
   - Mesmo padrão de grid do modelo Empregos
   - Card com proporção 9:16 (igual seção Opinião da home)
   ============================================ */

.category-posts-grid-4 .post-card-opiniao {
	position: relative;
	background-color: #FFFFFF;
	border-radius: var(--radius-md, 8px);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: transform var(--transition-base, 0.2s ease), box-shadow var(--transition-base, 0.2s ease);
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.category-posts-grid-4 .post-card-opiniao:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}

.post-card-image-opiniao {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9 / 16; /* Portrait vertical */
}

.post-card-image-opiniao img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-base, 0.2s ease);
}

.category-posts-grid-4 .post-card-opiniao:hover .post-card-image-opiniao img {
	transform: scale(1.05);
}

.post-card-content-opiniao {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.category-posts-grid-4 .post-card-content-opiniao .post-card-title {
	font-size: var(--font-size-lg, 1.125rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin: 0 0 var(--space-3, 0.75rem);
}

/* Responsividade */
@media (max-width: 1024px) {
	.category-posts-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.category-posts-grid-4 {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		gap: var(--grid-gap-md, 1.5rem);
	}

	.category-posts-grid-4 .post-card-empregos,
	.category-posts-grid-4 .post-card-opiniao {
		flex: 0 0 calc(100% - var(--grid-gap-md, 1.5rem));
		min-width: 0;
		scroll-snap-align: start;
	}

	.post-card-content-opiniao {
		padding: 16px;
	}
}

/* ============================================
   comments.css
   ============================================ */

/**
 * OMT Theme - Estilos de Comentários
 *
 * @package OMT_Theme
 * @since 1.0.0
 */

.comments-area {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 2px solid #E5E7EB;
}

.comments-title {
	font-size: var(--font-size-h3, clamp(1.25rem, 1.1rem + 0.75vw, 1.5625rem));
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--line-height-tight, 1.2);
	letter-spacing: var(--letter-spacing-normal, 0);
	margin-bottom: 30px;
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #F9FAFB;
	border-radius: 8px;
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.comment-author .avatar {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.comment-author .fn {
	font-size: var(--font-size-base, 1rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #1F2937;
}

.comment-metadata {
	font-size: var(--font-size-sm, 0.875rem);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #6B7280;
	margin-bottom: 15px;
}

.comment-content {
	font-size: var(--font-size-base, 1rem);
	line-height: var(--line-height-relaxed, 1.6);
	letter-spacing: var(--letter-spacing-normal, 0);
	color: #374151;
}

.comment-content p {
	margin-bottom: 1rem;
}

.comment-reply-link {
	display: inline-block;
	margin-top: 10px;
	padding: 6px 12px;
	background-color: #F3F4F6;
	color: #1F2937;
	font-size: var(--font-size-sm, 0.875rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

.comment-reply-link:hover {
	background-color: #E5E7EB;
	text-decoration: none;
}

/* Comment Form */
.comment-form {
	margin-top: 40px;
}

.comment-form p {
	margin-bottom: 20px;
}

.comment-form label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 12px;
	border: 2px solid #E5E7EB;
	border-radius: 4px;
	font-size: var(--font-size-base, 1rem);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	font-family: inherit;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	outline: none;
	border-color: var(--category-color, #8B5CF6);
}

.comment-form .submit {
	padding: 12px 30px;
	background-color: var(--category-color, #8B5CF6);
	color: #FFFFFF;
	font-size: var(--font-size-base, 1rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-normal, 1.5);
	letter-spacing: var(--letter-spacing-normal, 0);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.comment-form .submit:hover {
	opacity: 0.9;
}

/* Anti-spam: honeypot (campo oculto) */
.omt-comment-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}