/* Integração dos componentes do layout com a marcação gerada pelo WordPress. */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.screen-reader-text:focus {
	top: 8px;
	left: 8px;
	z-index: 100000;
	display: block;
	width: auto;
	height: auto;
	padding: 12px 16px;
	clip: auto !important;
	background: #fff;
	color: #111827;
	font-weight: 700;
}
.custom-logo { width: auto; max-height: 44px; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { color: var(--muted); font-size: 12px; text-align: center; }
.sticky, .bypostauthor { display: block; }
.page-links { margin-top: 24px; }
.edit-link { display: inline-block; margin-top: 20px; color: var(--brand); }
.no-results-wrap { padding: 48px 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); text-align: center; }
.no-results-wrap h2 { margin-bottom: 8px; font-size: 20px; }
.no-results-wrap p { color: var(--muted); }
.nav-list .current-menu-item > .nav-item-row > a,
.nav-list .current-menu-ancestor > .nav-item-row > a { color: var(--brand); background: var(--brand-light); }
.footer-menu { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.pagination .page-numbers { text-decoration: none; }
.pagination .page-item.current { color: #fff; background: var(--brand); border-color: var(--brand); }
.post-thumbnail-placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--brand-light), var(--border)); }
.prose > :first-child { margin-top: 0; }
.prose img { height: auto; }
.prose iframe { max-width: 100%; }
.card-meta .btn-see { margin-left: auto; }
.card-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.card-md .card-footer { margin-top: auto; display: flex; padding-top: 12px; border-top: 1px solid var(--border); }
.post-navigation { display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border); }
.post-navigation a { color: var(--brand); font-size: 13px; font-weight: 600; }
.post-navigation .nav-next { margin-left: auto; text-align: right; }
.comments-area { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border); }
.comments-title, .comment-reply-title { margin-bottom: 20px; font-size: 20px; }
.comment-list { margin: 0 0 32px; list-style: none; }
.comment-list .children { margin-left: 32px; list-style: none; }
.comment-body { margin-bottom: 20px; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); }
.comment-meta { margin-bottom: 10px; font-size: 12px; color: var(--muted); }
.comment-author { display: flex; align-items: center; gap: 8px; }
.comment-author img { border-radius: 50%; }
.comment-content p { margin-bottom: 10px; }
.comment-form label { display: block; margin-bottom: 5px; font-weight: 600; }
.comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font: inherit; }
.comment-form .submit { padding: 10px 20px; border: 0; border-radius: 99px; background: var(--brand); color: #fff; font-weight: 700; cursor: pointer; }
.wp-block-image, .wp-block-table, .wp-block-embed { margin-bottom: 24px; }
.wp-block-button__link { background: var(--brand); border-radius: 99px; }
body.admin-bar .site-header { top: 32px; }
body.single-post.admin-bar { padding-top: 69px; }
body.single-post.admin-bar .announce-bar { top: 32px; }
body.single-post.admin-bar .site-header { top: 69px; }
@media (max-width: 782px) {
	body.admin-bar .site-header { top: 46px; }
	body.single-post.admin-bar { padding-top: 83px; }
	body.single-post.admin-bar .announce-bar { top: 46px; }
	body.single-post.admin-bar .site-header { top: 83px; }
}
@media (max-width: 600px) {
	body.admin-bar .site-header { top: 0; }
	body.single-post.admin-bar { padding-top: 37px; }
	body.single-post.admin-bar .announce-bar { top: 0; }
	body.single-post.admin-bar .site-header { top: 37px; }
}
