@media (min-width: 1400px) {

	.container,
	.wpsb-container {
		max-width: 1300px !important;
	}

	.list-posts.-infobox>.post-item {
		flex: 0 0 18%;
        max-width: 23%;
	}
    
    .-infobox>.post-item .image img {
        width: 250px;
        height: 200px;
        object-fit: cover;
        object-position: center center;
        display: block;
        border-radius: 4px;
    }
    
    ..-infobox > .post-item .image img {
        height: 200px;
    }
}

.page-content >.card-block:first-child::before, .page-template-page-tools .tab-pane >.title::before {
    background-color: none;
}

.post-item .image img {
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

article.post-item .cta .btn-pattern {
	color: #000 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0;
	text-decoration: none;
	text-transform: none;
}

article.post-item:hover .cta .btn-pattern {
	color: #3399cc !important;
}

.col-lg-9>.page-content {
	background-color: #fff;
	margin: -5px 1% 0 1%;
	padding: 0 50px 50px;
}

.text {
	display: none;
}

.page-content>.card-block>.pagetitle-block {
	padding: 0px 20px !important;
	margin: 40px 0 !important;
}

.card-block.wwp-card.wwp-card-shadow-style-01 {
	background: none !important;
	box-shadow: none !important;
}

.card-block.wwp-card.wwp-card-shadow-style-01 header.pagetitle-block {
	border: none !important;
}

.page-content>.card-block:first-child::before {
	background: none !important;
}

.category h1 {
	color: #fff !important;
	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
	text-transform: uppercase;
	font-weight: 900;
}

#menu-main_menu li.active {
	background-color: #7ac4ef;
}

#menu-main_menu li.active a {
	color: #fff !important;
	font-weight: 600;
	font-size: 17px;
}

@media screen and (max-width: 600px) {
	.list-posts.-gallery-4>.post-item {
		flex: 0 0 48%;
		max-width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

	.imagelink img,
	.product.wwp-card img {
		object-fit: cover;
		height: 200px !important;
	}

	article.post-item .cta .btn-pattern {
		font-weight: normal;
		font-size: 14px;
		line-height: 16px;
	}

	.category h1 {
		font-size: 30px !important;
		line-height: 38px !important;
		margin-top: -20px !important;
	}

	.pagetitle-block .category h1 {
		margin-top: 0px !important;
	}

	.pagetitle-block .post-infos {
		margin-bottom: -30px !important;
	}

	.col-lg-9>.page-content {
		padding: 0 20px 50px;
	}

	.featured-image-actions button {
		padding: 10px;
	}
}

..col-lg-10 .card-block.wwp-card.wwp-card-shadow-style-01 {
	background-color: #fff !important;
}

.pagetitle-block>.post-infos {
	margin-bottom: -30px;
}

.related .imagelink img,
.product.wwp-card img {
	height: 300px !important;
}

.blur-up,
.lazyloaded {
	transition: none !important;
}

img[src*="little-boy-drawing.webp"] {
	display: block;
	width: 480px;
	height: 390px;
	max-width: 100%;
	object-fit: cover;
}

#lgpd-banner {
	display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	padding: 20px;
	z-index: 99999;
	font-family: sans-serif;
	border: 1px solid #eee;
	max-width: 600px;
	margin: 0 auto;
}

.lgpd-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.lgpd-text {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.lgpd-buttons {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

.btn-accept {
	background: #007bff;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
	transition: 0.2s;
}

.btn-accept:hover {
	background: #0056b3;
}

.btn-settings {
	background: transparent;
	color: #666;
	border: 1px solid #ccc;
	padding: 10px 20px;
	border-radius: 6px;
	cursor: pointer;
}

@media (max-width: 480px) {
	.lgpd-buttons {
		flex-direction: column;
	}
}

.description p {
	margin-bottom: 13px !important;
}

.wp-post-image {
	max-height: 600px !important;
	margin: auto !important;
	width: auto;
	height: auto;
	background-color: #fff;
}

.post-image {
	position: relative;
	display: flex !important;
	width: 100%;
	height: 600px !important;
	background-color: #f5f5f5;
	padding: 0 5px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

body {
	overflow: visible;
}

.ad-sticky,
.code-block-6 {
	position: sticky;
	top: 20px;
	margin-top: 20px;
}

.spacing-section {
	padding-bottom: 0;
	padding-top: 20px;
}

#pontonotexto {
	scroll-margin-bottom: -40px;
}

.credito-fonte {
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-size: 11px;
	color: #999;
}

.page-content>.card-block {
	margin-bottom: 0;
}

.page-content>.card-block>.content {
	padding: 20px 20px 0 20px;
}

.categoria-descricao-wrapper {
	position: relative;
	margin-bottom: 20px;
}

.cat-desc-container {
	margin: 20px 0 0 0;
}

.cat-toggle {
	display: inline-block;
	margin-top: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.cat-toggle,
.cat-toggle:visited,
.cat-toggle:hover,
.cat-toggle:active,
.cat-toggle:focus {
	color: #3399cc !important;
}

.cat-toggle:hover {
	text-decoration: underline;
}

.cat-desc-completo {
	max-height: 120px;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.cat-desc-completo.expandido {
	max-height: 1000px;
}

#final-related {
	margin-bottom: 50px;
	margin-top: 30px;
	max-width: 1265px !important;
	position: relative;
}

/** *Related List */
.related-list {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0 20px;
}

.item-list {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	padding-bottom: 18px;
	align-items: stretch;
}

.item-list:not(:first-child) {
	padding-top: 18px;
}

.item-list:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.item-list a {
	color: #333;
}

.item-list .thumb img {
	width: 200px;
	height: 150px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.item-list .content {
	flex: 1;
	padding-top: 0 !important;
}

.item-list .posttitle {
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	display: block;
	margin-bottom: 5px;
	margin-top: 15px;
	text-decoration: none;
}

.item-list .excerpt {
	font-size: 14px;
	color: #666;
	width: 85%;
	margin-top: 20px;
}

.item-list .readmore {
	font-size: 14px;
	color: #0073aa;
	text-decoration: none;
	font-weight: bold;
}

.item-list .readmore:hover {
	text-decoration: underline;
}

.arrow-col {
	flex: 0 0 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
}

/** *Related Grid */
.related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin: 0 20px 30px 20px;
}

.grid-item {
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
}

.thumb img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 8px;
}

/** * Fim Related Grid */
.underline-azul {
	position: relative;
	display: inline-block;
}

.underline-azul::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 50px;
	height: 3px;
	background: #0072F2;
	border-radius: 2px;
}

.bloco-gostou-lateral {
	display: flex;
	align-items: center;
	gap: 40px;
	background: #eee;
	border-radius: 12px;
	border: 1px solid #ccc;
	padding: 10px 30px;
	margin: 0px 20px 40px 20px;
	bbox-shadow: 0 3px 8px #ddd;
}

/* 🔵 Ícone lado esquerdo */
.icone-lado {
	min-width: 60px;
	height: 60px;
	background: #007BFF;
	color: #fff;
	font-size: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
}

/* Conteúdo */
.conteudo-gostou {
	flex: 1;
}

.gostou-titulo {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #222;
	margin-top: 5px;
}

.gostou-texto {
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #555;
	margin-bottom: 10px;
}

.gostou-btn {
	display: inline-block;
	background: #007BFF;
	color: #fff;
	padding: 8px 14px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}

.gostou-btn:hover {
	background: #0056cc;
}

#final-related .related-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

#final-related .related-grid .thumb img {
	height: 250px;
}

#container-colorir {
	width: 100%;
	background-color: #71cade;
}

.layout-pintura {
	display: flex;
	gap: 20px;
	align-items: stretch;
	padding: 30px;
}

/* SIDEBARS */
.sidebar-esquerda,
.sidebar-direita {
	width: 336px;
	background: #fff;
	border-radius: 20px;
	padding: 18px;
	box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* TÍTULO */
.titulo-sidebar {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #7b3fc7;
	line-height: 18px;
	display: flex;
	align-items: center;
	/* centraliza verticalmente */
	justify-content: center;
	/* centraliza horizontalmente */
	gap: 10px;
	/* espaço entre os elementos */
	text-align: center;
	margin: 20px 0;
}

/* ÁREA CENTRAL */
.area-central {
	flex: 1;
	background: #fff;
	border-radius: 20px;
	padding-top: 30px;
	display: flex;
	justify-content: center;
}

/* CARD PRODUTO */
.card-produto {
	display: flex;
	gap: 15px;
	padding: 18px;
	border-radius: 18px;
	text-decoration: none;
	color: #222;
	transition: .2s;
}

.card-produto:hover {
	transform: translateY(-3px);
}

.icone-produto {
	font-size: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.wp-block-separator {
	display: none;
}

.icone-produto .emoji {
	width: 100px !important;
	height: 100px !important;
}

.info-produto {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.info-produto h3 {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 600;
}

.info-produto p {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.4;
}

.info-produto span {
	background: #7b3fc7;
	color: #fff;
	padding: 2px 14px;
	border-radius: 10px;
	width: max-content;
	font-size: 12px;
	font-weight: 700;
}

/* CORES */
.lilas {
	background: #f3ebff;
}

.amarelo {
	background: #fff5da;
}

.verde {
	background: #e8f7ea;
}

.rosa {
	background: #ffe9f1;
}

/* CATEGORIAS */
.card-categoria {
	display: flex;
	align-items: center;
	gap: 15px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 0 18px;
	text-decoration: none;
	color: #222;
	transition: .2s;
}

.card-categoria:hover {
	transform: translateX(3px);
	box-shadow: 0 2px 10px rgb(0 0 0 / 8%);
}

.sidebar-direita .emoji {
	font-size: 30px;
}

.texto {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
}

.seta {
	font-size: 28px;
	color: #777;
}

/* BOTÃO */
.botao-sidebar {
	margin-top: 0;
	border: 2px solid #7b3fc7;
	color: #7b3fc7;
	text-align: center;
	text-decoration: none;
	padding: 18px;
	border-radius: 16px;
	font-size: 18px;
	font-weight: 700;
	transition: .2s;
}

.botao-sidebar:hover {
	background: #7b3fc7;
	color: #fff;
}

/* ========================================================================== 1. REGRAS GERAIS (Seletores universais do Ad Inserter) ========================================================================== */
[class^="code-block-"] {
	width: 100%;
	display: flex;
}

[class^="block-"] {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

[class^="block-"] img {
	max-width: 100%;
	height: auto;
	display: block;
}

[class^="block-"] ins.adsbygoogle {
	display: block !important;
	margin: 0 auto;
	max-width: 100%;
}

/* ========================================================================== 2. OTIMIZAÇÃO POR GRUPOS DE COMPORTAMENTO ========================================================================== */
/* Grupo A: Blocos verticais grandes (Anúncios de 250px de altura) */
.code-block-4,
.code-block-7,
.code-block-8,
.code-block-11,
.code-block-12 {
	flex-direction: column;
}

.code-block-4,
.code-block-7,
.code-block-11,
.code-block-12 {
	margin: 50px 0 30px !important;
	/* Espaçamento externo do bloco */
}

.code-block-8 {
	margin: 50px 0 !important;
}

.block-4,
.block-7,
.block-8,
.block-11,
.block-12 {
	min-height: 250px;
	/* Garante espaço pro anúncio não quebrar o layout ao carregar */
	margin: 15px 0;
	/* Espaço entre o anúncio e o texto "Publicidade" */
}

/* Grupo B: Blocos horizontais padrão (Banners de 50px de altura / Mobile) */
.block-2,
.block-6,
.block-9,
.block-10,
.block-14,
.block-15 {
	min-height: 50px;
}

/* Grupo C: Limitação de largura para blocos gigantes (Evita que o anúncio estique demais) */
.block-1,
.block-2,
.block-9 {
	max-width: 1280px;
}

.block-5,
.block-6 {
	max-width: 300px;
	/* Ótimo para barras laterais (Sidebar) */
}

/* ========================================================================== 3. CONFIGURAÇÕES ESPECÍFICAS EXCLUSIVAS ========================================================================== */
/* Bloco 1 (Ex: Banner de Topo) */
.code-block-1 {
	background: #b2e4e4;
	padding: 20px 0;
}

.block-1 {
	min-height: 100px;
}

/* Bloco 2 */
.code-block-2 {
	background: #b2e4e4;
	padding: 10px 0;
}

/* Bloco 3 (O seu bloco de exemplo) */
.code-block-3 {
	flex-direction: column;
	margin-bottom: 30px;
}

.block-3 {
	min-height: 90px;
	margin: 10px 0;
}

/* Margens específicas de containers do Ad Inserter */
.code-block-5 {
	margin: 0 0 20px 0;
}

.code-block-9 {
	margin: 50px auto 40px;
}

.code-block-10 {
	margin: 20px auto 40px;
}

.code-block-14 {
	margin: 20px auto 40px;
}

.code-block-15 {
	margin: 40px auto 40px;
}

.publicidade {
	display: flex;
	align-items: center;
	width: 100%;
	color: #999;
	font-size: 9px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.publicidade::before,
.publicidade::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #ccc;
}

.publicidade span {
	margin: 0 10px;
}

/* RESPONSIVO */
@media(max-width:1200px) {
	.layout-pintura {
		flex-direction: column;
	}

	.sidebar-esquerda,
	.sidebar-direita {
		width: 100%;
	}
}

@media (max-width: 768px) {

    #container-colorir{
    	background:none;
    }

	.post-image {
		height: auto !important;
		padding: 5px;
	}

	.col-lg-9>.page-content {
		margin: 8px;
		padding: 0px;
        padding-bottom: 30px;
	}

	.col-lg-9 {
		margin: 0;
		padding: 0;
	}

	#final-related {
		left: 0;
	}

	.related-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
		margin: 0 20px 30px 20px;
	}

	.bloco-gostou-lateral {
		display: flex;
		align-items: center;
		gap: 20px;
		background: #eee;
		border-radius: 12px;
		border: 1px solid #ccc;
		padding: 5px 20px;
		margin: 0px 20px 40px 20px;
	}

	/* 🔵 Ícone lado esquerdo */
	.icone-lado {
		min-width: 60px;
		height: 60px;
		background: #007BFF;
		color: #fff;
		font-size: 40px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
	}

	/* Conteúdo */
	.conteudo-gostou {
		flex: 1;
	}

	.gostou-titulo {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 5px;
		color: #222;
		margin-top: 5px;
	}

	.gostou-texto {
		font-size: 13px;
		letter-spacing: 0.5px;
		color: #555;
		margin-bottom: 10px;
		line-height: 15px;
	}

	.gostou-btn {
		display: inline-block;
		background: #007BFF;
		color: #fff;
		padding: 8px 14px;
		border-radius: 6px;
		text-decoration: none;
		font-weight: 600;
		font-size: 14px;
	}

	.gostou-btn:hover {
		background: #0056cc;
	}

	.wp-element-button {
		width: 250px;
		text-align: center;
		padding: 10px 0;
	}

	/** *Related List */
	.related-list {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0 20px;
	}

	.item-list {
		display: flex;
		gap: 15px;
		align-items: flex-start;
		padding-bottom: 18px;
		align-items: stretch;
	}

	.item-list:not(:first-child) {
		padding-top: 18px;
	}

	.item-list:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}

	.item-list a {
		color: #333;
	}

	.item-list .thumb img {
		width: 150px;
		height: 120px;
		object-fit: cover;
		border-radius: 8px;
		border: 1px solid #ccc;
	}

	.item-list .content {
		flex: 1;
		padding-top: 0 !important;
	}

	.item-list .posttitle {
		font-weight: bold;
		font-size: 16px;
		line-height: 18px;
		display: block;
		margin-bottom: 5px;
		margin-top: 0px;
		text-decoration: none;
	}

	.item-list .excerpt {
		display: none;
	}

	.item-list .readmore {
		font-size: 14px;
		color: #0073aa;
		text-decoration: none;
		font-weight: bold;
	}

	.item-list .readmore:hover {
		text-decoration: underline;
	}

	.arrow-col {
		flex: 0 0 60px;
		display: none;
		align-items: center;
		justify-content: center;
		font-size: 32px;
	}

	#final-related {
		width: calc(100% - 20px) !important;
		margin: 0 10px;
		padding: 30px 20px !important;
	}

	/** *Related Grid */
	#final-related .related-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
		margin: 0;
	}

	.grid-item {
		text-align: center;
		border: 1px solid #999 !important;
		padding: 10px;
	}

	.thumb img {
		width: 100%;
		height: 150px !important;
		object-fit: cover;
		border-radius: 8px;
	}

	/** * Fim Related Grid */
	.post-image img {
		width: 100%;
		height: auto;
		display: block;
	}

	#content-main {
		margin-bottom: 10px;
	}

	/* ---------------- */
	.credito-fonte {
		margin-bottom: -40px !important;
	}
    
    .featured-image-actions {
        margin-top: 20px !important;
    }

	#container-colorir {
		width: 100%;
	}

	.area-central {
		flex: 1;
		min-height: auto;
	}

	.layout-pintura {
		padding: 0 10px;
	}

	.canvas-container-wrapper {
		width: 90% !important;
	}
}