<!DOCTYPE html>
<html class='ltr' dir='ltr' lang='pt_br' xml:lang='pt-BR' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- alicia vitoria, elemento 00= Essa parte do codigo adiciona a verificação de propriedade do google-->
<meta content='5cf9aoUaJDAXtQBy4mVTDfHX9WqH1-paClQXt09lQZ8' name='google-site-verification'/>
<!-- alicia vitoria, elemento 01= Essa parte do codigo inclui o carregamento antecipado do meu banner e dependencias de fontes-->
<link crossorigin='anonymous' href='https://fonts.gstatic.com' rel='preconnect'/>
<link href='https://cdnjs.cloudflare.com' rel='preconnect'/>
<link crossorigin='anonymous' href='https://fonts.googleapis.com' rel='preconnect'/>
<link href='https://blogger.googleusercontent.com' rel='preconnect'/>
<!-- alicia vitoria, LCP fix: preload antecipado da imagem hero (background-image via :before não é descoberta pelo preload scanner) -->
<!-- Material Icons Round: carregamento não blocante via preload -->
<link as='style' href='https://fonts.googleapis.com/icon?family=Material+Icons+Round&display=swap' onload='this.onload=null;this.rel=&#39;stylesheet&#39;' rel='preload'/>
<!-- alicia vitoria, elemento 02= Essa parte do codigo inclui a linguagem do meu site para os mecanismos de seo-->
<!-- alicia vitoria, elemento 03= Essa parte do codigo inclue schema de localização da empresa no meu codigo-->
<!-- Meta tags exclusivas do Artlover Blog -->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title>Logolicia &#8212; Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar</title>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<meta content='blogger' name='generator'/>
<link href='https://www.graficaemcuiaba.com.br/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='#fe3a9c' name='theme-color'/>
<link href='https://www.graficaemcuiaba.com.br/p/logolicia.html' rel='canonical'/>
<meta content='Logolicia — criação de logotipos e identidade visual por designer real. Logomarca a partir de R$ 100. Atendimento via WhatsApp.' name='description'/>
<meta content='pt_br' property='og:locale'/>
<meta content='article' property='og:type'/>
<meta content='Logolicia — Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar' property='og:title'/>
<meta content='https://www.graficaemcuiaba.com.br/p/logolicia.html' property='og:url'/>
<meta content='Logolicia — criação de logotipos e identidade visual por designer real. Logomarca a partir de R$ 100. Atendimento via WhatsApp.' property='og:description'/>
<meta content='Artlover | Gráfica &amp;amp; Papelaria Personalizada em Cuiabá' property='og:site_name'/>
<!-- Homepage: sempre usa logo fixa -->
<!-- Outras páginas de listagem: usa imagem do primeiro post -->
<!-- Post individual: usa imagem destacada do post -->
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0=w1200' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='900' property='og:image:height'/>
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0=w1200' name='twitter:image'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='Logolicia — Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar' name='twitter:title'/>
<meta content='https://www.graficaemcuiaba.com.br/p/logolicia.html' name='twitter:domain'/>
<meta content='Logolicia — criação de logotipos e identidade visual por designer real. Logomarca a partir de R$ 100. Atendimento via WhatsApp.' name='twitter:description'/>
<link rel="alternate" type="application/atom+xml" title="Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá - Atom" href="https://www.graficaemcuiaba.com.br/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá - RSS" href="https://www.graficaemcuiaba.com.br/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá - Atom" href="https://www.blogger.com/feeds/4915282586710018320/posts/default" />
<!-- Nunito: normal 400/600/700 + italic 400 -->
<!-- Nunito: preload não blocante -->
<link as='style' href='https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap' onload='this.onload=null;this.rel=&#39;stylesheet&#39;' rel='preload'/>
<!-- Material Icons Round: carregado no head, não duplicar aqui -->
<!-- Font Awesome removido &#8212; ícones migrados para SVG inline -->
<!-- Cairo: só em sites RTL (árabe/hebraico) &#8212; nunca carrega em PT-BR -->
<style id='page-skin-1' type='text/css'><!--
/*
===============================================================
ARTLOVER STUDIO &#8212; TEMPLATE CSS PRINCIPAL
Site: graficaemcuiaba.com.br
Template: 100% Artlover Studio
ESTRUTURA DESTE ARQUIVO:
1. Opções de personalização (variáveis do Blogger Designer)
2. Google Fonts (fontes carregadas remotamente)
3. Material Icons + Font Awesome (ícones)
4. Variáveis CSS (cores, tamanhos &#8212; controlados pelo Designer)
5. Reset CSS (normalização entre navegadores)
6. CSS Principal (layout, componentes, responsividade)
7. CSS do Modo Escuro (Dark Mode)
8. CSS do Painel de Layout (só aparece no painel interno do Blogger)
===============================================================*/
/*-- FONTES E ÍCONES --
Todas as fontes carregadas via link no head &#8212; zero @font-face inline.
Nunito (400/600/700 normal + 400 italic): fonte principal do site.
Material Icons Round: ícones de interface (setas, lupa, etc).
Font Awesome 6: ícones de redes sociais (Instagram, WhatsApp, etc).
Os links estão no includable theme-variables, junto ao head. --*/
/*-- CLASSES DE ÍCONES (Material Icons Round) --
A fonte é carregada via link no head.
A classe .mir abaixo define o comportamento visual dos ícones. --*/
.mir{font-family:"Material Icons Round";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/*-- ÍCONES FONT AWESOME (redes sociais) --
Carregado via link no head (cdnjs FA 6.4.2).
Cobre Brands (Instagram, Facebook, etc) + Solid + Regular. --*/
/*-- VARIÁVEIS CSS (Custom Properties) --
Definem as cores e espaçamentos do site inteiro.
Os valores vêm das variáveis do Blogger Designer (#fe3a9c etc).
Modo claro: :root e html{}
Modo escuro: html.is-dark{} &#8212; ativado pelo botão de dark mode. --*/
:root{
--body-font:'Nunito', Arial, sans-serif;
--menu-font:'Nunito', Arial, sans-serif;
--title-font:'Nunito', Arial, sans-serif;
--text-font:'Nunito', Arial, sans-serif;
--body-bg-color:#e5e9ea;
--body-bg:#e5e9ea none repeat fixed top left;
--outer-bg:#f5f7f7;
--main-color:#fe3a9c;
--main-color-lite:#fe3a9c15;
--title-color:#233d3e;
--title-hover-color:#fe3a9c;
--meta-color:#979a9d;
--text-color:#626262;
--header-bg:#fe3a9c;
--header-bg-superlite:#fe3a9c00;
--header-color:#ffffff;
--header-hover-color:#fe3a9c;
--submenu-bg:#ffffff;
--submenu-color:#232f3e;
--submenu-hover-color:#fe3a9c;
--headerbar-bg:#111827;
--headerbar-bg-lite:#111827ff;
--headerbar-bg-superlite:#11182700;
--headerbar-color:#ffffff;
--headerbar-hover-color:#fe3a9c;
--mobilemenu-bg:#ffffff;
--mobilemenu-color:#232f3e;
--mobilemenu-hover-color:#fe3a9c;
--hero-bg:#6c6cfe;
--hero-color:#ffffff;
--hero-text-color:#f0f5fa;
--hero-search-color:#ffffff;
--widget-bg:#ffffff;
--widget-bg-superlite:#ffffff00;
--widget-title-color:#232f3e;
--love-color:#ffffff;
--footer-bg:#000101;
--footer-color:#ffffff;
--footer-hover-color:#fe3a9c;
--footer-text-color:#dddddd;
--footerbar-bg:#1d1c1d;
--footerbar-color:#ffffff;
--footerbar-hover-color:#fe3a9c;
--cookie-bg:#ffffff;
--cookie-color:#626262;
--button-bg:#fe3a9c;
--button-color:#ffffff;
--light-weight:400;
--title-weight:600;
--gray-bg:rgba(155,155,155,0.05);
--border-color:rgba(155,155,155,0.1);
--radius:8px;
--widget-shadow: 0 2px 8px rgba(0,0,0,0.07);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.is-dark{
--body-bg-color:#172a2c;
--body-bg:#e5e9ea none repeat fixed top left;
--outer-bg:#1c3234;
--main-color:#fe3a9c;
--main-color-lite:rgba(255,255,255,0.03);
--title-color:#f8fafb;
--title-hover-color:#fe3a9c;
--meta-color:#b5b7b8;
--text-color:#c5c7c8;
--header-bg:#1c3234;
--header-bg-superlite:#1c323400;
--header-color:#f8fafb;
--header-hover-color:#fe3a9c;
--submenu-bg:#37595a;
--submenu-color:#f8fafb;
--submenu-hover-color:#fe3a9c;
--headerbar-bg:#233d3e;
--headerbar-bg-lite:#233d3eff;
--headerbar-bg-superlite:#233d3e00;
--headerbar-color:#f8fafb;
--headerbar-hover-color:#fe3a9c;
--mobilemenu-bg:#233d3e;
--mobilemenu-color:#f8fafb;
--mobilemenu-hover-color:#fe3a9c;
--widget-bg:#233d3e;
--widget-bg-superlite:#233d3e00;
--widget-title-color:#f8fafb;
--hero-bg:#6c6cfe;
--hero-color:#ffffff;
--hero-text-color:#f0f5fa;
--hero-search-color:#ffffff;
--love-color:#f8fafb;
--footer-bg:#233d3e;
--footer-color:#f8fafb;
--footer-hover-color:#fe3a9c;
--footer-text-color:#c5c7c8;
--footerbar-bg:#1c3234;
--footerbar-color:#f8fafb;
--footerbar-hover-color:#fe3a9c;
--cookie-bg:#233d3e;
--cookie-color:#c5c7c8;
--button-bg:#fe3a9c;
--button-color:#fff;
--gray-bg:rgba(255,255,255,0.03);
--border-color:rgba(255,255,255,0.05);
}
/*-- VIEW TRANSITIONS (fade suave entre páginas) --
Funciona em Chrome/Edge modernos. Safari ignora sem quebrar.
@starting-style garante que a animação de entrada também rode. --*/
@supports(view-transition-name:none){
@view-transition{
navigation:auto
}
::view-transition-old(root){
animation:art-fade-out .18s ease forwards
}
::view-transition-new(root){
animation:art-fade-in .22s ease forwards
}
@keyframes art-fade-out{
from{opacity:1}
to{opacity:0}
}
@keyframes art-fade-in{
from{opacity:0}
to{opacity:1}
}
}
/*-- RESET CSS --
Zeramos margens, paddings e estilos padrão dos navegadores
para garantir que o site apareça igual em Chrome, Firefox, Safari etc. --*/
html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:baseline;
background:0 0;
text-decoration:none
}
dl,ul{
list-style-position:inside;
list-style:none
}
ul li{
list-style:none
}
caption{
text-align:center
}
img{
border:none;
position:relative
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0
}
a,a:visited{
text-decoration:none
}
.clearfix{
clear:both
}
.section,.widget,.widget ul{
margin:0;
padding:0
}
a{
color:var(--main-color)
}
a img{
border:0
}
abbr{
text-decoration:none
}
.separator a{
text-decoration:none!important;
clear:none!important;
float:none!important;
margin-left:0!important;
margin-right:0!important
}
#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
display:none!important
}
.center{
display:table;
margin:0 auto;
position:relative
}
.widget > h2,.widget > h3{
display:none
}
.widget iframe,.widget img{
max-width:100%
}
button,input,select,textarea{
background:transparent;
font-family:var(--body-font);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline:none;
border-radius:0
}
button{
cursor:pointer
}
input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none
}
/*-- CSS PRINCIPAL --
Todo o estilo visual do site: header, menu, produtos, posts,
rodapé, sidebar, busca, comentários, botões, responsividade.
Organizado por componente na ordem que aparece na página. --*/
*{
box-sizing:border-box
}
html{
position:relative;
word-break:break-word;
word-wrap:break-word;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
background-color:#e5e9ea
}
html.is-dark{
background-color:#172a2c
}
body{
position:relative;
background:var(--body-bg);
background-color:var(--body-bg-color);
font-family:var(--body-font);
font-size:14px;
color:var(--text-color);
font-weight:400;
font-style:normal;
line-height:1.4em
}
h1,h2,h3,h4,h5,h6{
font-family:var(--title-font);
font-weight:700
}
a,input,button{
transition:color .2s ease,opacity .2s ease,background-color .2s ease
}
#outer-wrapper,
.header-items,
nav.headerbar-wrap,
.sidebar > .widget,
#slide-menu,
.main-nav .sub-menu,
#artlover-studio-cookies{
transition:background-color .17s ease
}
#outer-wrapper{
position:relative;
overflow:hidden;
width:100%;
max-width:100%;
background-color:var(--outer-bg);
margin:0 auto;
padding:0
}
.is-boxed #outer-wrapper{
width:1030px;
max-width:100%;
box-shadow:0 0 20px rgba(0,0,0,0.05)
}
.is-dark .is-boxed #outer-wrapper{
box-shadow:0 0 20px rgba(0,0,0,0.2)
}
.container{
position:relative
}
.row-x1{
width:970px;
max-width:100%
}
.flex{
display:flex
}
.flex-c{
display:flex;
justify-content:center
}
.flex-col{
display:flex;
flex-direction:column
}
.flex-sb{
display:flex;
justify-content:space-between
}
#content-wrapper{
float:left;
width:100%;
overflow:hidden;
padding:30px 0
}
#main-wrapper{
position:relative;
width:calc(100% - 330px)
}
.is-multiple #main-wrapper{
width:100%
}
.no-sidebar #main-wrapper{
width:100%
}
#sidebar-wrapper{
position:relative;
width:300px
}
.no-sidebar #sidebar-wrapper{
display:none
}
.entry-inner{
display:block;
position:relative;
width:100%;
height:100%;
overflow:hidden;
z-index:15
}
.entry-image-link,.author-avatar-wrap,.comments .avatar-image-container{
display:block;
position:relative;
overflow:hidden;
background-color:var(--gray-bg);
z-index:5;
color:transparent
}
.entry-image,.author-avatar{
display:block;
position:relative;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
z-index:1;
transform-origin:center;
opacity:0;
transition:opacity .35s ease,transform .35s ease;
will-change:opacity
}
.product .entry-image{
background-size:contain;
background-color:var(--gray-bg)
}
.entry-image-link{
border-radius:var(--radius)
}
.entry-image.art-lazy,.author-avatar.art-lazy{
opacity:1
}
@media (hover: hover) {
.entry-image-link:hover .entry-image,.entry-inner:hover .entry-image,.loveit-item .item-inner:hover .entry-image{
transform:scale(1.05)
}
}
.before-mask:before{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:80%;
background-image:linear-gradient(to bottom,transparent 25%,rgba(0,0,0,0.5));
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:2;
opacity:1;
margin:0;
transition:opacity .17s ease
}
.entry-header{
display:flex;
flex-direction:column
}
.entry-title{
color:var(--title-color);
font-weight:var(--title-weight);
line-height:1.35em
}
.entry-title a{
display:block;
color:var(--title-color)
}
.entry-title a:hover{
color:var(--title-hover-color)
}
.entry-meta{
display:flex;
font-size:12px;
color:var(--meta-color);
font-weight:var(--light-weight);
margin:4px 0 0
}
.entry-meta .mi{
display:flex
}
.entry-meta .mi,.entry-meta .sp{
margin:0 4px 0 0
}
.excerpt{
font-family:var(--text-font);
line-height:1.5em;
font-weight:var(--light-weight)
}
.btn{
position:relative;
border-radius:var(--radius);
transition:color .2s ease,opacity .2s ease,background-color .2s ease
}
.loader{
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0
}
.loader:after{
content:'';
display:block;
width:30px;
height:30px;
box-sizing:border-box;
margin:0;
border:2px solid var(--main-color);
border-right-color:var(--border-color);
border-radius:100%;
animation:spinner .65s infinite linear;
transform-origin:center
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
/* .social a:before removido &#8212; ícones agora são SVG inline */
.social .share a:before{
content:'\e80d'
}
.social .email a:before{
content:'\e0be'
}
.sb-a .google a,.sb-h .google a:hover{
background-color:#1a73e8
}
.sb-a .blogger a,.sb-h .blogger a:hover{
background-color:#ff5722
}
.sb-a .twitter a,.sb-h .twitter a:hover{
background-color:#00acee
}
.sb-a .facebook a,.sb-h .facebook a:hover{
background-color:#1877f2
}
.sb-a .x-twitter a,.sb-h .x-twitter a:hover{
background-color:#14171A
}
.sb-a .youtube a,.sb-h .youtube a:hover{
background-color:#f50000
}
.sb-a .instagram a,.sb-h .instagram a:hover{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.sb-a .pinterest a,.sb-a .pinterest-p a,.sb-h .pinterest a:hover,.sb-h .pinterest-p a:hover{
background-color:#ca2127
}
.sb-a .linkedin a,.sb-h .linkedin a:hover{
background-color:#0077b5
}
.sb-a .whatsapp a,.sb-h .whatsapp a:hover{
background-color:#3fbb50
}
.sb-a .telegram a,.sb-h .telegram a:hover{
background-color:#179cde
}
.sb-a .share a,.sb-h .share a:hover{
background-color:var(--meta-color)
}
.sb-a .email a,.sb-h .email a:hover{
background-color:#888
}
.btn.mir-email:before{
content:'\e158';
font-family:'Material Icons Round';
font-weight:400;
font-size:18px;
color:inherit;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:100%;
width:34px;
background-color:rgba(255,255,255,0.08)
}
.sb-a .line a,.sb-h .line a:hover{
background-color:#07b53b
}
.sc-a .blogger a,.sc-h .blogger a:hover{
color:#1a73e8
}
.sc-a .blogger a,.sc-h .blogger a:hover{
color:#ff5722
}
.sc-a .twitter a,.sc-h .twitter a:hover{
color:#00acee
}
.sc-a .facebook a,.sc-h .facebook a:hover{
color:#1877f2
}
.sc-a .x-twitter a,.sc-h .x-twitter a:hover{
color:#14171A
}
.sc-a .youtube a,.sc-h .youtube a:hover{
color:#f50000
}
.sc-a .instagram a,.sc-h .instagram a:hover{
color:#dd277b
}
.sc-a .pinterest a,.sc-a .pinterest-p a,.sc-h .pinterest a:hover,.sc-h .pinterest-p a:hover{
color:#ca2127
}
.sc-a .linkedin a,.sc-h .linkedin a:hover{
color:#0077b5
}
.sc-a .whatsapp a,.sc-h .whatsapp a:hover{
color:#3fbb50
}
.sc-a .telegram a,.sc-h .telegram a:hover{
color:#179cde
}
.sc-a .share a,.sc-h .share a:hover{
color:var(--meta-color)
}
.sc-a .email a,.sc-h .email a:hover{
color:#888
}
.sc-a .line a,.sc-h .line a:hover{
color:#07b53b
}
#header-wrapper{
position:relative;
float:left;
width:100%;
z-index:50
}
.main-header,.header-inner,.header-header{
float:left;
width:100%;
height:60px;
background-color:var(--header-bg)
}
.header-inner{
background-color:transparent
}
.header-header{
box-shadow:0 0 10px rgba(0,0,0,0.02)
}
.is-dark .header-header{
box-shadow:0 0 15px rgba(0,0,0,0.2)
}
.header-inner.is-fixed{
position:fixed;
top:-120px;
left:0;
width:100%;
z-index:990;
backface-visibility:hidden;
visibility:hidden;
opacity:0;
transform:translateZ(0);
transition:opacity .25s ease,transform .25s ease,visibility .25s ease
}
.header-inner.is-fixed.show,.loveit-active .header-inner.is-fixed{
visibility:visible;
opacity:1;
transform:translate3d(0,120px,0)
}
.is-boxed .header-header{
float:none;
width:1030px;
max-width:100%;
margin:0 auto;
padding:0
}
.header-items{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
--search-width:100%
}
.flex-left{
display:flex;
align-items:center;
z-index:15
}
.flex-right{
display:flex;
align-items:center;
position:absolute;
top:0;
right:0;
height:60px;
z-index:15
}
.main-logo{
display:flex;
align-items:center;
flex-shrink:0;
height:60px;
overflow:hidden;
margin:0 14px 0 0
}
.main-logo img{
display:block;
width:auto;
height:auto;
max-height:40px;
max-width:200px;
object-fit:contain
}
.main-logo .title{
max-width:100%;
font-size:25px;
color:var(--header-color);
line-height:34px;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.main-logo .title a{
color:var(--header-color)
}
.main-logo .title a:hover{
color:var(--header-hover-color)
}
.main-logo .sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0
}
#artlover-studio-menu .widget,#artlover-studio-menu .widget > .widget-title{
display:none
}
#artlover-studio-menu .show-menu{
display:block
}
.main-nav{
display:flex;
height:60px
}
.main-nav > li{
position:relative;
display:flex;
flex-shrink:0
}
.main-nav > li > a{
display:flex;
font-family:var(--menu-font);
font-size:15px;
color:var(--header-color);
font-weight:600;
align-items:center;
padding:0 14px
}
.main-nav > li:hover > a{
color:var(--header-hover-color)
}
.main-nav .has-sub > a:after{
display:inline-block;
content:'\e5cf';
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
margin:-4px 0 0 1px
}
.main-nav .sub-menu{
position:absolute;
left:0;
top:60px;
width:180px;
background-color:var(--submenu-bg);
z-index:25;
padding:6px 0;
backface-visibility:hidden;
visibility:hidden;
opacity:0;
transform:translateY(-5px);
border-radius:var(--radius);
box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 10px 0 rgba(0,0,0,0.05)
}
.main-nav .sub-menu.sm-2{
top:-6px;
left:100%;
transform:translateX(-5px)
}
.main-nav .sub-menu li{
position:relative;
display:block
}
.main-nav .sub-menu li a{
display:flex;
justify-content:space-between;
font-size:14px;
color:var(--submenu-color);
padding:7px 14px
}
.main-nav .sub-menu li:hover > a{
color:var(--submenu-hover-color)
}
.main-nav .sub-menu > .has-sub > a:after{
content:'\e5cc';
margin:0 -5px
}
.main-nav .sub-menu{
transition:opacity .17s ease,transform .17s ease,visibility .17s ease
}
.main-nav li:hover > .sub-menu{
backface-visibility:inherit;
visibility:visible;
opacity:1;
transform:translateZ(0)!important
}
.mobile-menu-toggle{
display:none;
height:34px;
font-size:26px;
color:var(--header-color);
align-items:center;
padding:0 16px
}
.mobile-menu-toggle:after{
content:'\e5d2';
font-family:'Material Icons Round';
font-weight:400
}
.mobile-menu-toggle:hover{
color:var(--header-hover-color)
}
.toggle-wrap{
background-color:var(--header-bg);
display:flex;
align-items:center;
z-index:20
}
.darkmode-toggle{
display:flex;
align-items:center;
position:relative;
width:34px;
height:20px;
background-color:var(--gray-bg);
font-size:12px;
color:var(--header-color);
margin:0 14px 0 10px;
border-radius:20px
}
.darkmode-toggle:before{
position:absolute;
left:2px;
content:'\e518';
font-family:'Material Icons Round';
width:16px;
height:16px;
background-color:var(--header-bg);
flex-shrink:0;
font-weight:400;
line-height:16px;
text-align:center;
z-index:2;
border-radius:50%;
box-shadow:0 0 2px rgba(0,0,0,0.1);
transition:left .17s ease
}
.is-dark .darkmode-toggle:before{
content:'\ea46';
left:16px
}
.darkmode-toggle:after{
position:absolute;
right:4px;
content:'\ea46';
font-family:'Material Icons Round';
width:10px;
flex-shrink:0;
font-size:8px;
font-weight:400;
line-height:1;
text-align:center;
opacity:.5;
transition:right .17s ease
}
.is-dark .darkmode-toggle:after{
content:'\e518';
right:20px
}
.darkmode-toggle:hover:before{
color:var(--header-hover-color)
}
.search-toggle{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
background-color:transparent;
color:var(--header-color);
font-size:23px;
border-radius:var(--radius)
}
.search-toggle:before{
display:block;
content:'\e8b6';
font-family:'Material Icons Round';
font-weight:400;
font-size:23px;
color:inherit;
line-height:1
}
.search-toggle:hover{
color:var(--header-hover-color)
}
.loveit-toggle{
display:flex;
align-items:center;
justify-content:center;
position:relative;
width:22px;
height:34px;
font-size:20px;
color:var(--header-color);
margin:0 16px 0 0
}
.loveit-toggle:before{
display:block;
content:'\e87e';
font-family:'Material Icons Round';
font-weight:400;
z-index:1;
opacity:.9;
transition:opacity .17s ease
}
.loveit-active .loveit-toggle:before{
content:'\e5cd';
font-size:22px;
opacity:1
}
.loveit-count{
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:3px;
right:-3px;
width:14px;
height:14px;
background-color:var(--headerbar-color);
font-size:.47em;
color:var(--headerbar-bg);
font-weight:700;
z-index:2;
border-radius:50%;
transition:opacity .17s ease,transform .17s ease
}
.loveit-active .loveit-count{
visibility:hidden;
opacity:0
}
.loveit-toggle:hover{
color:var(--header-hover-color)
}
#loveit-wrap{
display:flex;
position:absolute;
top:60px;
right:0;
width:300px;
background-color:var(--submenu-bg);
overflow:hidden;
color:var(--meta-color);
z-index:25;
border-radius:var(--radius);
box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 10px 0 rgba(0,0,0,0.05);
backface-visibility:hidden;
visibility:hidden;
opacity:0;
transform:translateY(-5px);
transition:opacity .17s ease,transform .17s ease,visibility .17s ease
}
.loveit-active #loveit-wrap{
backface-visibility:inherit;
visibility:visible;
opacity:1;
transform:translateZ(0)
}
.loveit-inner{
position:relative;
width:100%;
max-height:324px;
overflow:hidden;
overflow-y:auto;
padding:20px
}
.loveit-inner::-webkit-scrollbar{
width:3px;
background:var(--widget-bg)
}
.loveit-inner::-webkit-scrollbar-thumb{
background:var(--border-color);
border-radius:3px
}
.loveit-inner:hover::-webkit-scrollbar-thumb{
background:var(--main-color)
}
.loveit-message{
display:none;
text-align:center;
padding:20px 0
}
.no-items .loveit-message{
display:block
}
.loveit-items{
display:grid;
grid-template-columns:1fr;
grid-gap:20px
}
.no-items .loveit-items{
display:none
}
.loveit-item{
display:flex
}
.loveit-item .item-inner{
position:relative;
display:flex;
flex:1;
align-items:center;
overflow:hidden
}
.loveit-item .entry-image-link,.loveit-item .entry-image{
width:56px;
height:56px
}
.loveit-item .entry-image-link{
flex-shrink:0;
margin:0 12px 0 0
}
.loveit-item .entry-header{
flex:1;
overflow:hidden
}
.loveit-item .entry-title{
font-size:14px;
color:var(--submenu-color)
}
.loveit-item .entry-title .text{
width:100%;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.no-snip .loveit-item .entry-title .text{
display:block;
-webkit-line-clamp:10
}
.loveit-item .item-inner:hover .entry-title{
color:var(--submenu-hover-color)
}
.loveit-item .remove-it{
display:flex;
align-items:center;
font-size:20px;
color:var(--meta-color);
padding:0 0 0 12px
}
.loveit-item .remove-it:before{
display:block;
content:'\e92b';
font-family:'Material Icons Round';
font-weight:400
}
.loveit-item:hover .remove-it,.loveit-item .remove-it:hover{
color:#ee5253
}
100%{
width:100%;
opacity:1
}
}
#main-search-wrap{
display:none;
position:absolute;
top:0;
right:0;
width:var(--search-width);
height:60px;
background-color:var(--header-bg);
z-index:25;
padding:0 0 0 14px
}
.main-search{
position:relative;
float:right;
width:100%;
height:100%;
display:flex;
align-items:center;
animation:showSearch .17s ease
}
.main-search .search-form{
display:flex;
flex:1;
height:34px
}
.main-search .search-input{
width:100%;
flex:1;
background:linear-gradient(15deg,#ffffff08,var(--header-bg-superlite) 50%);
font-family:inherit;
font-size:15px;
color:var(--header-color);
font-weight:var(--light-weight);
text-align:left;
padding:0 12px;
border-radius:var(--radius) 0 0 var(--radius)
}
.main-search .search-input::placeholder{
color:var(--header-color);
opacity:.85;
outline:none
}
.main-search .search-toggle:before{
content:'\e5cd'
}
.headerbar-wrap{
position:relative;
float:left;
width:100%;
height:38px;
background-color:var(--headerbar-bg);
z-index:2
}
.headerbar-wrap.has-border{
border-top:1px solid var(--border-color)
}
.is-dark .headerbar-wrap.has-border{
border:0
}
.headerbar-items{
position:relative;
width:100%
}
.headerbar{
width:100%;
flex:1
}
.headerbar .hb-menu{
position:relative;
width:100%;
overflow:hidden
}
.headerbar .hb-menu:before,.headerbar .hb-menu:after{
content:'';
position:absolute;
top:0;
left:-20px;
width:20px;
height:38px;
background:linear-gradient(to left,var(--headerbar-bg-superlite),var(--headerbar-bg-lite));
z-index:2;
opacity:0
}
.headerbar .hb-menu:after{
left:unset;
right:0;
background:linear-gradient(to right,var(--headerbar-bg-superlite),var(--headerbar-bg-lite))
}
.headerbar .link-list{
width:100%;
overflow:hidden;
overflow-x:auto;
display:flex;
z-index:1
}
.headerbar .link-list li{
flex-shrink:0
}
.headerbar .link-list li + li{
margin:0 0 0 22px
}
.headerbar .link-list a{
display:block;
font-size:14px;
color:var(--headerbar-color);
line-height:38px
}
.headerbar .link-list a:hover{
color:var(--headerbar-hover-color)
}
.social-toggle{
display:flex;
align-items:center;
flex-shrink:0;
height:38px;
background-color:var(--headerbar-bg);
font-size:14px;
color:var(--headerbar-color);
overflow:hidden;
z-index:10;
padding:0 0 0 10px;
transition:background .17s ease
}
.social-toggle:after{
display:inline-block;
content:'\e5cf';
font-family:'Material Icons Round';
font-size:18px;
font-weight:400;
margin:-4px 0 0 1px
}
.social-active .social-toggle:after{
content:'\e5ce'
}
.social-toggle:hover{
color:var(--headerbar-hover-color)
}
.headerbar .hb-icons{
position:absolute;
top:100%;
right:0;
width:150px;
background-color:var(--submenu-bg);
overflow:hidden;
z-index:15;
border-radius:var(--radius);
box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 10px 0 rgba(0,0,0,0.05);
backface-visibility:hidden;
visibility:hidden;
opacity:0;
transform:translateY(-5px);
transition:opacity .17s ease,transform .17s ease,visibility .17s ease
}
.is-dark .headerbar .hb-icons{
background-color:var(--submenu-bg)
}
.social-active .headerbar .hb-icons{
backface-visibility:inherit;
visibility:visible;
opacity:1;
transform:translateZ(0)
}
.headerbar .social-icons{
padding:16px
}
.headerbar .social-icons li + li{
margin:14px 0 0
}
.headerbar .social-icons a{
display:flex;
align-items:center;
font-size:14px
}
.headerbar .social-icons a:before{
font-size:15px;
margin:0 8px 0 0
}
.headerbar .social-icons a:hover,.is-dark .headerbar .social-icons a{
color:var(--submenu-color)
}
.is-dark .headerbar .social-icons a:hover{
color:var(--submenu-hover-color)
}
.overlay{
visibility:hidden;
opacity:0;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(22,22,26,.5);
z-index:1000;
-webkit-backdrop-filter:saturate(100%) blur(3px);
backdrop-filter:saturate(100%) blur(3px);
margin:0;
transition:opacity .25s ease,backdrop-filter .25s ease
}
#slide-menu{
display:none;
position:fixed;
width:300px;
height:100%;
top:0;
left:0;
bottom:0;
background-color:var(--mobilemenu-bg);
overflow:hidden;
z-index:1010;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:hidden;
box-shadow:3px 0 10px rgba(0,0,0,0.1);
transition:transform .25s ease,visibility .25s ease
}
.sm-header{
height:60px;
background-color:var(--header-bg);
overflow:hidden;
display:flex;
align-items:center;
justify-content:space-between;
box-shadow:0 0 10px rgba(0,0,0,0.1)
}
.is-dark .sm-header{
box-shadow:0 0 10px rgba(0,0,0,0.03)
}
.mobile-logo{
display:flex;
flex:1;
width:100%;
overflow:hidden;
padding:0 0 0 20px
}
.mobile-logo .homepage{
max-width:100%;
font-size:25px;
color:var(--header-color);
line-height:34px;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.mobile-logo .homepage:hover{
color:var(--header-hover-color)
}
.mobile-logo .logo-img img{
display:block;
width:auto;
max-width:100%;
height:auto;
max-height:34px
}
.sm-toggle-wrap{
display:flex;
align-items:center;
padding:0 0 0 16px
}
.sm-toggle-wrap .darkmode-toggle{
display:none;
margin:0
}
.hide-mobile-menu{
display:flex;
height:100%;
color:var(--header-color);
font-size:26px;
align-items:center;
z-index:20;
padding:0 15px
}
.hide-mobile-menu:before{
content:'\e5cd';
font-family:'Material Icons Round';
font-weight:400
}
.hide-mobile-menu:hover{
color:var(--header-hover-color)
}
.sm-flex{
display:flex;
height:calc(100% - 60px);
flex-direction:column;
justify-content:space-between;
overflow:hidden;
overflow-y:auto;
}
.mobile-menu{
padding:20px
}
.mobile-menu .sub-menu{
display:none;
grid-column:1/3;
overflow:hidden
}
.mobile-menu ul li a{
display:block;
font-size:17px;
color:var(--mobilemenu-color);
font-weight:400;
padding:10px 0
}
.mobile-menu > ul > li > a{
font-family:var(--menu-font);
font-weight:600
}
.mobile-menu li.has-sub{
display:grid;
grid-template-columns:1fr 30px
}
.mobile-menu .submenu-toggle{
display:flex;
align-items:center;
justify-content:center;
align-self:center;
height:30px;
background-color:var(--gray-bg);
font-size:24px;
color:var(--mobilemenu-color)
}
.mobile-menu .submenu-toggle:before{
content:'\e5cf';
font-family:'Material Icons Round';
font-weight:400
}
.mobile-menu .expanded > .submenu-toggle:before{
content:'\e5ce'
}
.mobile-menu ul li a:hover,.mobile-menu .submenu-toggle:hover{
color:var(--mobilemenu-hover-color)
}
.mobile-menu li.has-sub li a{
font-size:14px;
opacity:.75;
padding:10px 15px
}
.mobile-menu li.has-sub li li a{
padding:10px 30px
}
.mm-footer{
padding:20px
}
.mm-footer ul{
display:flex;
flex-wrap:wrap
}
.mm-footer li{
margin:0 15px 0 0
}
.mm-footer li:last-child{
margin:0
}
.mm-footer .link-list{
margin:10px 0 0
}
.mm-footer .link-list li{
margin-top:5px
}
.mm-footer a{
display:block;
font-size:14px;
color:var(--mobilemenu-color)
}
.mm-footer a:hover{
color:var(--mobilemenu-hover-color)
}
#hero-wrapper {
position:relative;
float:left;
width:100%;
background-color:var(--hero-bg);
overflow:hidden;
z-index:10;
padding:70px 0;
margin:0
}
#hero-wrapper.no-widget, #hero-wrapper .widget-title {
display:none
}
#hero-wrapper:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
z-index:1;
opacity: .8;
margin:0
}
#hero-wrapper .container {
position:relative;
z-index:5;
margin:0 auto
}
#hero-wrapper .widget {
position:relative;
float:left;
width:100%;
margin:0 0 35px
}
#hero-wrapper .widget:last-child {
margin:0
}
#hero-wrapper .Image {
text-align:center
}
h2.hero-title {
display:block;
font-family:var(--title-font);
font-size:33px;
color:var(--hero-color);
font-weight:600;
line-height:1.3em;
margin:0
}
.hero-description {
display:block;
font-size:14px;
color:var(--hero-text-color);
margin:20px 0 0
}
#hero-wrapper .search-form {
position:relative;
width:56%;
height:48px;
background-color:transparent;
margin:0 auto;
border:0
}
#hero-wrapper .search-input {
float:left;
width:100%;
height:48px;
background-color:rgba(255,255,255,0.15);
overflow:hidden;
font-family:inherit;
font-size:13px;
color:var(--hero-search-color);
font-weight:400;
line-height:48px;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing:border-box;
padding:0 65px 0 20px;
margin:0;
border:0;
border-radius:48px
}
#hero-wrapper .search-input::placeholder {
color:var(--hero-search-color);
opacity:.65;
transition:opacity .17s ease
}
#hero-wrapper .search-input::-ms-input-placeholder {
color:var(--hero-search-color);
opacity:.65;
transition:opacity .17s ease
}
#hero-wrapper .search-input:focus {
box-shadow:0 2px 8px rgba(0,0,0,0.1)
}
#hero-wrapper .search-input:focus::placeholder {
opacity:1
}
#hero-wrapper .search-input:focus::-ms-input-placeholder {
opacity:1
}
#hero-wrapper .search-action {
position:absolute;
top:0;
right:0;
width:55px;
height:48px;
background-color:transparent;
font-family:inherit;
font-size:14px;
color:var(--hero-search-color);
font-weight:400;
cursor:pointer;
box-sizing:border-box;
opacity:.65;
padding:0;
margin:0;
border:0;
display:flex;
align-items:center;
justify-content:center
}
#hero-wrapper .search-action:before {
content:'\e8b6';
font-family:'Material Icons Round';
font-weight:400;
font-size:22px;
color:inherit;
line-height:1;
display:block;
margin:0
}
#hero-wrapper .search-action:hover {
opacity:1
}
#header-ads-wrap{
float:left;
width:100%
}
.header-ads .widget{
position:relative;
margin:30px 0 0
}
#intro-wrap{
float:left;
width:100%;
margin:30px 0 0
}
#intro-wrap .section{
position:relative;
float:left;
width:100%;
background-color:var(--widget-bg);
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:.08em;
overflow:hidden;
z-index:1;
padding:16px;
box-shadow:var(--widget-shadow)
}
.intro .widget{
width:100%;
height:180px
}
.intro .widget:nth-child(7){
display:none!important
}
.intro .entry-image-link{
width:100%;
height:100%;
border-radius:0
}
.intro .entry-info{
position:absolute;
left:0;
bottom:0;
width:100%;
background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.65));
overflow:hidden;
z-index:10;
text-shadow:0 1px 2px rgba(0,0,0,0.1);
padding:16px
}
.intro .entry-title{
font-size:21px;
color:#fff;
font-weight:600
}
.intro .entry-excerpt{
font-size:13px;
color:#f5f5f5;
margin:0 0 2px
}
.big-title-wrap{
display:flex;
align-items:center;
margin:0 0 15px
}
.big-title-wrap > *{
display:flex
}
.big-title-wrap .title{
font-size:18px;
color:var(--widget-title-color);
margin:0
}
.main-title .title{
font-size:18px;
font-weight:700;
background:linear-gradient(90deg,var(--title-color) 0%,var(--main-color) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text
}
.big-title-wrap .title-link{
font-size:13px;
color:var(--main-color);
margin:0 10px
}
.big-title-wrap .title-link:hover{
opacity:.85
}
.product-section .widget{
display:none;
float:left;
width:100%;
margin:0 0 30px
}
.product-section .widget.is-visible{
display:flex;
flex-direction:column
}
.product-section .widget.is-ad{
display:block
}
#product-section-2 .widget:last-child{
margin:0
}
.product-section .loader{
height:303.33px
}
.products{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:22px
}
.product{
position:relative;
display:flex;
flex-direction:column;
background-color:var(--widget-bg);
overflow:hidden;
padding:16px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow);
contain:paint;
transition:transform .2s ease,box-shadow .2s ease
}
@media(hover:hover){
.product:hover{
transform:translateY(-4px);
box-shadow:0 8px 24px rgba(0,0,0,0.13)
}
}
.product .entry-image-wrap{
position:relative;
width:100%;
height:calc(710px / 4);
margin:0 0 12px;
overflow:hidden;
border-radius:calc(var(--radius) - 2px)
}
.product .entry-image-link{
display:block;
width:100%;
height:100%;
border-radius:var(--radius);
overflow:hidden
}
.product .entry-header{
flex:1;
justify-content:space-between;
overflow:hidden;
width:100%;
min-width:0
}
.product .entry-title{
font-size:14px;
overflow:hidden;
word-break:break-word;
max-width:100%;
min-width:0;
max-height:calc(1.35em * 2 + 2px)
}
.product .entry-title a{
width:100%;
max-width:100%;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
-webkit-box-pack:start;
font-weight:700;
word-break:break-word;
white-space:normal
}
.no-snip .product .entry-title a{
display:block;
-webkit-line-clamp:10
}
.product-info{
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
font-size:12px;
margin:8px 0 0
}
.entry-price{
display:inline-block;
font-size:15px;
color:#ffffff;
font-weight:700;
background-color:var(--main-color);
padding:3px 10px;
border-radius:20px;
margin:4px 0
}
.art-badge-price{
position:absolute;
bottom:0;
left:0;
background-color:rgba(0,0,0,0.75);
color:#ffffff;
font-size:13px;
font-weight:700;
padding:5px 12px;
border-radius:0 8px 0 8px;
z-index:10;
pointer-events:none
}
.art-badge{
position:absolute;
left:0;
color:#ffffff;
font-size:11px;
font-weight:700;
padding:4px 10px;
border-radius:0 0 8px 0;
text-transform:uppercase;
letter-spacing:0.03em;
z-index:10;
pointer-events:none;
background-color:var(--main-color)
}
#novidades-wrap{
background-color:var(--outer-bg);
padding:28px 0 8px
}
.novidades-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px
}
.novidades-title{
font-size:18px;
font-weight:700;
color:var(--title-color)
}
.novidades-link{
font-size:13px;
color:var(--main-color);
font-weight:600
}
.novidades-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-bottom:20px
}
.novidade-card{
background:var(--widget-bg);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--widget-shadow);
transition:transform .3s ease
}
.novidade-card:hover{
transform:translateY(-3px)
}
.novidade-img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
background-size:cover;
background-position:center;
display:block
}
.novidade-info{
padding:10px 12px
}
.novidade-titulo{
font-size:13px;
font-weight:600;
color:var(--title-color);
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.novidade-preco{
font-size:13px;
font-weight:700;
color:var(--main-color);
margin-top:4px
}
.novidades-loading{
color:var(--meta-color);
font-size:13px;
padding:10px 0
}
@media(max-width:768px){
.novidades-grid{
grid-template-columns:repeat(2,1fr)
}
}
.entry-sale{
display:flex;
align-items:center;
color:#4caf50;
line-height:1;
text-transform:uppercase;
margin:1px 0 0
}
.entry-sale:before{
display:inline-block;
content:'\e54e';
font-family:'Material Icons Round';
font-size:13px;
font-weight:400;
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
margin:0 3px 0 0
}
.product .art-favorito{
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:10px;
right:10px;
width:30px;
height:30px;
background-color:rgba(155,155,155,0.2);
font-size:18px;
color:var(--love-color);
text-shadow:0 1px 2px rgba(0,0,0,0.05);
z-index:10;
overflow:hidden;
border-radius:30px
}
.product .art-favorito:before{
display:inline-block;
content:'\e87e';
font-family:'Material Icons Round';
font-weight:400
}
.product.loved .art-favorito.unlike:before{
content:'\e87d'
}
.product.loved .art-favorito.like,.art-favorito.unlike{
display:none
}
.product.loved .art-favorito.unlike{
display:flex
}
#main{
float:left;
width:100%
}
.is-home .has-margin #main{
margin:0 0 30px
}
.queryMessage .query-info{
display:flex;
align-items:center;
font-family:var(--title-font);
font-size:18px;
color:var(--title-color);
font-weight:700;
margin:0 0 15px
}
.no-posts .queryMessage .query-info{
margin:0
}
.queryMessage .query-info:after{
display:inline-block;
content:'\e5cc';
font-family:'Material Icons Round';
font-size:18px;
color:var(--main-color);
font-weight:400;
margin:0 0 0 -3px
}
.queryEmpty{
font-size:14px;
color:var(--meta-color);
text-align:center;
margin:50px 0
}
@keyframes postFadeInUp{
0%{
opacity:0;
transform:translateY(10px)
}
100%{
opacity:1;
transform:translateZ(0)
}
}
.index-post.fadeInUp{
animation:postFadeInUp .5s ease
}
.item-post-inner{
background-color:var(--widget-bg);
padding:20px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
#breadcrumb{
display:flex;
font-size:14px;
color:var(--meta-color);
font-weight:var(--light-weight);
line-height:1;
margin:0 0 10px
}
#breadcrumb a{
color:var(--meta-color)
}
#breadcrumb a.home,#breadcrumb a:hover{
color:var(--main-color)
}
#breadcrumb .separator:after{
content:'\e5cc';
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
font-style:normal;
vertical-align:middle
}
.item-post h1.entry-title{
font-size:35px;
font-weight:700
}
.p-eh .entry-meta{
flex-wrap:wrap;
justify-content:space-between;
font-size:14px;
margin:13px 0 0
}
.p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{
display:flex;
flex-wrap:wrap;
align-items:center
}
.p-eh .entry-meta .mi,.p-eh .entry-meta .sp{
margin:0 4px 0 0
}
.p-eh .entry-author{
align-items:center;
height:28px;
background-color:var(--main-color-lite);
padding:0 8px;
border-radius:var(--radius)
}
.p-eh .entry-author.mi{
margin:0 12px 0 0
}
.p-eh .entry-author:before{
content:'\e7fd';
font-family:'Material Icons Round';
font-size:18px;
color:var(--main-color);
margin:0 3px 0 0
}
.p-eh .entry-author.is-store:before{
content:'\e8d1'
}
.p-eh .entry-author .author-name{
color:var(--main-color);
font-weight:600
}
.p-eh .art-favorito{
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:var(--main-color)
}
.p-eh .art-favorito:before{
display:inline-block;
content:'\e87e';
font-family:'Material Icons Round';
font-weight:400
}
.p-eh .loved .art-favorito.unlike:before{
content:'\e87d'
}
.p-eh .loved .art-favorito.like,.art-favorito.unlike{
display:none
}
.p-eh .loved .art-favorito.unlike{
display:flex
}
#post-body{
position:relative;
float:left;
width:100%;
font-family:var(--text-font);
font-size:15px;
color:var(--text-color);
line-height:1.6em;
margin:25px 0 0
}
.post-body p{
margin-bottom:25px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
font-size:17px;
color:var(--title-color);
line-height:1.3em;
margin:0 0 20px
}
.post-body h1{
font-size:26px
}
.post-body h2{
font-size:23px
}
.post-body h3{
font-size:20px
}
.post-body img{
height:auto!important
}
blockquote{
position:relative;
background-color:var(--gray-bg);
color:var(--title-color);
font-style:normal;
padding:20px;
margin:0;
border-radius:var(--radius)
}
blockquote:before{
position:absolute;
top:0;
left:5px;
content:'\e244';
font-family:'Material Icons Round';
font-size:60px;
color:var(--title-color);
font-style:normal;
font-weight:400;
line-height:1;
opacity:.05;
margin:0
}
.post-body ul{
padding:0 0 0 20px;
margin:10px 0
}
.post-body li{
margin:8px 0;
padding:0
}
.post-body ul li,.post-body ol ul li{
list-style:none
}
.post-body ul li:before,.post-body ul li ul li ul li:before{
display:inline-block;
content:'\ef4a';
font-family:'Material Icons Round';
font-size:.42em;
line-height:1;
vertical-align:middle;
margin:0 5px 0 0
}
.post-body ul li ul li:before{
content:'\e57b'
}
.post-body ol{
counter-reset:art;
padding:0 0 0 20px;
margin:10px 0
}
.post-body ol > li{
counter-increment:art;
list-style:none
}
.post-body ol > li:before{
display:inline-block;
content:counters(art,'.')'.';
margin:0 5px 0 0
}
.post-body u{
text-decoration:underline
}
.post-body strike{
text-decoration:line-through
}
.post-body sup{
vertical-align:super
}
.post-body a{
color:var(--main-color)
}
.post-body a:hover{
text-decoration:underline
}
.post-body a.button{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-family:var(--body-font);
font-size:15px;
color:var(--button-color);
font-weight:400;
line-height:34px;
text-align:center;
text-decoration:none;
cursor:pointer;
padding:0 20px;
margin:0 6px 8px 0
}
.post-body a.button.x2{
height:46px;
font-size:18px;
line-height:46px
}
.post-body a.button.x2 span{
display:inline-block;
background-color:rgba(255,255,255,0.1);
font-size:14px;
line-height:14px;
padding:6px;
margin:0 0 0 20px;
border-radius:var(--radius)
}
.post-body .button:before{
display:inline-block;
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
line-height:1;
vertical-align:middle;
margin:-1px 6px 0 0
}
.post-body a.btn.x2:before{
font-size:20px;
margin:-2px 6px 0 0
}
.post-body .btn.preview:before{
content:'\e8f4'
}
.post-body .btn.link:before{
content:'\e157'
}
.post-body .btn.info:before{
content:'\e88e'
}
.post-body .btn.share:before{
content:'\e80d'
}
.post-body .btn.contact:before{
content:'\e0e1'
}
/* .btn.whatsapp:before removido &#8212; SVG inline */
.post-body a.color{
color:#fff
}
.post-body a.button:hover{
opacity:.9
}
/* ============================================================
CAIXAS DE DESTAQUE (Alert Boxes) para usar nos posts
Como usar: no editor do post clique em HTML e cole:
Informacao:  div class=alert-message alert-info
Sucesso:     div class=alert-message alert-success
Atencao:     div class=alert-message alert-warning
Erro:        div class=alert-message alert-error
============================================================ */
.alert-message{
display:block;
background-color:var(--gray-bg);
padding:20px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.alert-message.alert-success{
background-color:rgba(39,174,96,0.1);
color:rgba(39,174,96,1);
border-color:rgba(39,174,96,0.1)
}
.alert-message.alert-info{
background-color:rgba(41,128,185,0.1);
color:rgba(41,128,185,1);
border-color:rgba(41,128,185,0.1)
}
.alert-message.alert-warning{
background-color:rgba(243,156,18,0.1);
color:rgba(243,156,18,1);
border-color:rgba(243,156,18,0.1)
}
.alert-message.alert-error{
background-color:rgba(231,76,60,0.1);
color:rgba(231,76,60,1);
border-color:rgba(231,76,60,0.1)
}
.alert-message:before{
display:inline-block;
font-family:'Material Icons Round';
font-size:18px;
line-height:1;
font-weight:400;
vertical-align:middle;
margin:0 5px 0 0
}
.alert-message.alert-success:before{
content:'\e86c'
}
.alert-message.alert-info:before{
content:'\e88e'
}
.alert-message.alert-warning:before{
content:'\e000'
}
.alert-message.alert-error:before{
content:'\e5c9'
}
.post-body table{
width:100%;
overflow-x:auto;
text-align:left;
margin:0;
border-collapse:collapse;
border:1px solid var(--border-color)
}
.post-body table td,.post-body table th{
padding:6px 12px;
border:1px solid var(--border-color)
}
.post-body table thead th{
color:var(--title-color);
vertical-align:bottom
}
table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
line-height:1;
padding:0;
border:0
}
table.tr-caption-container td.tr-caption{
font-size:12px;
color:var(--meta-color);
font-style:italic;
padding:6px 0 0
}
.post-body .contact-form-widget{
display:table;
width:100%;
font-family:var(--body-font)
}
.post-body .contact-form-widget .cf-s{
font-size:15px
}
.post-body .contact-form-name.cf-s{
width:calc(50% - 5px)
}
.post-body .contact-form-email.cf-s{
float:right;
width:calc(50% - 5px)
}
.post-body .contact-form-button-submit{
font-size:15px
}
.post-body pre,pre.code-box{
display:block;
background-color:var(--gray-bg);
font-family:Monospace;
font-size:13px;
color:var(--title-color);
white-space:pre-wrap;
line-height:1.4em;
padding:20px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.entry-labels{
display:flex;
flex-wrap:wrap;
margin:20px 0 0
}
.entry-labels > *{
font-size:14px;
color:var(--title-color);
line-height:1;
margin:5px 10px 0 0
}
.entry-labels a:before{
content:'#';
color:var(--meta-color)
}
.entry-labels a:hover{
color:var(--title-hover-color)
}
.post-share{
margin:20px 0 0
}
.share-links{
display:flex;
flex-wrap:wrap;
align-items:flex-start
}
.share-links li a{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
font-size:16px;
color:#fff;
font-weight:400;
overflow:hidden;
margin:5px 5px 0 0
}
.share-links .email a{
font-size:20px
}
.share-links .has-span a{
width:auto;
justify-content:space-between
}
.share-links .has-span a:before{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:100%;
width:34px;
background-color:rgba(255,255,255,0.08)
}
.share-links span{
font-size:14px;
padding:0 20px
}
.share-links li a:hover{
opacity:.9
}
.share-links .show-hid a{
background-color:var(--gray-bg);
font-size:28px;
color:rgba(155,155,155,0.8)
}
.share-links .show-hid a:before{
content:'\e145';
font-family:'Material Icons Round';
font-weight:400
}
.post-share .expanded .show-hid a:before{
content:'\e15b'
}
.post-share .expanded li[class]{
display:inline-block
}
.post-widget{
margin:30px 0 0
}
.about-author{
display:flex;
background-color:var(--widget-bg);
padding:20px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
.about-author .author-avatar-wrap{
width:60px;
height:60px;
margin:0 15px 0 0;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.about-author .author-title{
font-size:18px;
color:var(--title-color);
font-weight:700;
margin:0 0 10px
}
.about-author .author-title a{
color:var(--title-color)
}
.about-author .author-title a:hover{
color:var(--title-hover-color)
}
.author-description{
flex:1
}
.author-description .author-text{
display:block;
font-size:14px;
font-weight:400
}
.author-description .author-text br,.author-description .author-text a{
display:none
}
#artlover-studio-relacionados{
display:none
}
.related-content .loader{
height:180px
}
.related-content .products{
grid-template-columns:repeat(3,1fr)
}
.related-content .product .entry-image-wrap{
height:calc(500px / 3)
}
.title-wrap{
display:flex;
margin:0 0 15px
}
.title-wrap > .title{
font-size:18px;
color:var(--widget-title-color);
font-weight:700;
margin:0
}
.artlover-studio-comentarios{
display:none;
flex-direction:column;
background-color:var(--widget-bg);
padding:20px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
.artlover-studio-comentarios.is-visible{
display:flex
}
.artlover-studio-comentarios:not(.comments-system-blogger){
padding:10px 20px
}
.artlover-studio-comentarios .fb_iframe_widget_fluid_desktop{
float:left;
display:block!important;
width:calc(100% + 16px)!important;
max-width:calc(100% + 16px)!important;
margin:0 -8px
}
.artlover-studio-comentarios .fb_iframe_widget_fluid_desktop span,.artlover-studio-comentarios .fb_iframe_widget_fluid_desktop iframe{
float:left;
display:block!important;
width:100%!important
}
#comments h4#comment-post-message{
display:none;
float:none
}
.comments-title{
margin:0
}
.has-comments .comments-title.no-message{
margin:0 0 5px
}
.comments .comment-content{
display:block;
font-family:var(--text-font);
font-size:14px;
color:var(--text-color);
line-height:1.5em;
margin:10px 0 0
}
.comments .comment-content > a:hover{
text-decoration:underline
}
.comment-thread .comment{
position:relative;
list-style:none;
padding:20px 0 0;
margin:20px 0 0;
border-top:1px solid var(--border-color)
}
.comment-thread .comment .comment{
background-color:var(--gray-bg);
padding:20px;
border:0;
border-radius:var(--radius)
}
.comment-thread ol{
padding:0;
margin:0
}
.comment-thread .comment-replies ol{
padding:0 0 4px
}
.toplevel-thread ol > li:first-child{
margin:0;
border:0
}
.toplevel-thread ol > li:first-child > .comment-block{
padding-top:0;
margin:0;
border:0
}
.comment-thread ol ol .comment:before{
position:absolute;
content:'\f060';
left:-30px;
top:-5px;
font-family:'Material Icons Round';
font-size:20px;
color:var(--border-color);
font-weight:400
}
.comments .comment-replybox-single iframe{
padding:0 0 0 48px;
margin:10px 0 -5px
}
.comment-thread .avatar-image-container{
position:absolute;
top:20px;
left:0;
width:35px;
height:35px;
overflow:hidden;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.comment-thread .comment .comment .avatar-image-container{
left:20px
}
.avatar-image-container img{
display:block;
width:100%;
height:100%
}
.comments .comment-header{
padding:0 0 0 48px
}
.comments .comment-header .user{
display:inline-block;
font-family:var(--title-font);
font-size:16px;
color:var(--title-color);
font-weight:700;
font-style:normal
}
.comments .comment-header .user a{
color:var(--title-color)
}
.comments .comment-header .user a:hover{
color:var(--title-hover-color)
}
.comments .comment-header .icon.user{
display:none
}
.comments .comment-header .icon.blog-author{
display:inline-block;
font-size:14px;
color:var(--main-color);
vertical-align:top;
margin:-5px 0 0 4px
}
.comments .comment-header .icon.blog-author:before{
content:'\ef76';
font-family:'Material Icons Round';
font-weight:400
}
.comments .comment-header .datetime{
display:block;
font-size:12px;
font-weight:var(--light-weight);
margin:1px 0 0
}
.comment-header .datetime a{
color:var(--meta-color)
}
.comments .comment-actions{
display:block;
margin:10px 0 0
}
.comments .comment-actions a{
display:inline-block;
font-size:14px;
color:var(--main-color);
font-weight:400;
font-style:normal;
margin:0 15px 0 0
}
.comments .comment-actions a:hover{
text-decoration:underline
}
.item-control{
display:none
}
.loadmore.loaded a{
display:inline-block;
border-bottom:1px solid rgba(155,155,155,.51);
text-decoration:none;
margin-top:15px
}
.comments .continue{
display:none
}
.comments .comment-replies{
padding:0 0 0 48px
}
.thread-expanded .thread-count a,.loadmore{
display:none
}
.comments .footer{
float:left;
width:100%;
font-size:13px;
margin:0
}
p.comments-message{
font-size:14px;
color:var(--meta-color);
font-style:italic;
padding:0 0 15px;
margin:15px 0 0;
border-bottom:1px solid var(--border-color)
}
p.comments-message.no-new-comments{
padding:0;
border:0
}
p.comments-message > a{
color:var(--main-color)
}
p.comments-message > a:hover{
color:var(--title-color)
}
p.comments-message > em{
color:#ff3f34;
font-style:normal;
margin:0 3px
}
#comments[data-embed='false'] p.comments-message > i{
color:var(--main-color);
font-style:normal
}
.comment-form > p{
display:none
}
.comments #top-ce.comment-replybox-thread,.no-comments .comment-form{
padding:15px 0 0;
margin:20px 0 -5px;
border-top:1px solid var(--border-color)
}
.no-comments .comment-form{
margin-top:0;
border:0
}
.comments #top-continue a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:34px;
font-size:14px;
color:var(--title-color);
font-weight:500;
margin:25px 0 0;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.comments #top-continue a:hover{
color:var(--title-hover-color)
}
#custom-ads{
position:relative;
float:left;
width:100%;
opacity:0;
visibility:hidden;
padding:0 20px
}
#before-ad .widget-title,#after-ad .widget-title{
display:block
}
#before-ad .widget-title > .title,#after-ad .widget-title > .title{
font-size:10px;
color:var(--meta-color);
font-weight:400;
line-height:1;
margin:0 0 6px
}
#before-ad .widget,#after-ad .widget{
position:relative;
margin:25px 0 0
}
.post-nav{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:14px;
font-weight:var(--light-weight)
}
.post-nav > *{
display:flex;
align-items:center;
color:var(--meta-color);
margin:0 -4px
}
.post-nav a:hover{
color:var(--main-color)
}
.post-nav span{
color:var(--meta-color);
cursor:no-drop;
opacity:.65
}
.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{
font-family:'Material Icons Round';
font-size:16px;
line-height:1;
font-weight:400
}
#blog-pager{
display:flex;
justify-content:center;
margin:30px 0 0
}
#blog-pager .load-more{
display:flex;
align-items:center;
justify-content:center;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
padding:0 25px
}
#blog-pager #artlover-studio-carregar-mais:after{
content:'\e5cf';
display:inline-block;
font-family:'Material Icons Round';
font-size:20px;
font-weight:400;
margin:-1px 0 0
}
#blog-pager #artlover-studio-carregar-mais:hover{
opacity:.9
}
#blog-pager .no-more.show{
display:flex;
background-color:var(--gray-bg);
color:#666666;
font-weight:400;
cursor:not-allowed;
padding:0 25px;
border:0
}
#blog-pager .loading,#blog-pager .no-more{
display:none
}
#blog-pager .loading .loader{
height:34px
}
#blog-pager .loader:after{
width:28px;
height:28px
}
.sidebar{
position:relative;
float:left;
width:100%;
display:grid;
grid-template-columns:100%;
grid-gap:30px
}
.sidebar > .widget{
display:flex;
flex-direction:column;
background-color:var(--widget-bg);
padding:20px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
.sidebar .widget.is-ad{
background-color:transparent;
padding:0;
border-radius:0;
box-shadow:none
}
.sidebar .widget.is-ad > .widget-title{
display:none
}
.sidebar ul.social-icons{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:8px
}
.sidebar .social-icons li{
display:block;
margin:0
}
.sidebar .social-icons a{
display:flex;
align-items:center;
justify-content:center;
height:36px;
font-size:16px;
color:#fff
}
.sidebar .social-icons a:hover{
opacity:.9
}
.art-secao .loader{
height:180px
}
.side-items{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:20px
}
.side-item{
display:flex;
flex-direction:column
}
.side-item .entry-image-link{
width:100%;
height:calc(240px / 2);
margin:0 0 10px
}
.side-item .entry-title{
font-size:13px
}
.side-item .entry-title a{
width:100%;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.no-snip .side-item .entry-title a{
display:block;
-webkit-line-clamp:10
}
.side-item .product-info{
margin:5px 0 0
}
.side-item .entry-price{
font-size:14px
}
.FeaturedPost .entry-inner{
height:168px;
border-radius:var(--radius)
}
.FeaturedPost .entry-image-link{
width:100%;
height:100%;
border-radius:0
}
.FeaturedPost .entry-info{
position:absolute;
left:0;
bottom:0;
width:100%;
background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.65));
overflow:hidden;
z-index:10;
text-shadow:0 1px 2px rgba(0,0,0,0.1);
padding:16px
}
.FeaturedPost .entry-category{
font-size:13px;
color:#f5f5f5;
margin:0 0 5px
}
.FeaturedPost .entry-title{
font-size:18px;
color:#fff;
font-weight:600
}
.art-secao .list-style li{
font-size:14px
}
.art-secao .list-style li a,.art-secao .text-list li{
display:block;
color:var(--title-color);
padding:8px 0
}
.art-secao .list-style li a.has-count{
display:flex;
justify-content:space-between
}
.art-secao .list-style li:first-child a,.art-secao .text-list li:first-child{
padding:0 0 8px
}
.art-secao .list-style li:last-child a,.art-secao .text-list li:last-child{
padding:8px 0 0
}
.art-secao .list-style li a:hover{
color:var(--title-hover-color)
}
.art-secao .list-style .count-style{
display:inline-block;
color:var(--meta-color)
}
.BlogSearch .search-form{
display:flex;
height:38px;
overflow:hidden;
padding:2px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.is-dark .BlogSearch .search-form{
background-color:var(--gray-bg)
}
.BlogSearch .search-input{
width:100%;
flex:1;
font-size:14px;
color:var(--text-color);
padding:0 8px
}
.BlogSearch .search-input::placeholder{
color:var(--text-color);
opacity:.65
}
.BlogSearch .search-action{
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
cursor:pointer;
padding:0 13px;
border-radius:var(--radius)
}
.BlogSearch .search-action:hover{
opacity:.9
}
.Profile ul li{
float:left;
width:100%;
padding:20px 0 0;
margin:20px 0 0;
border-top:1px solid var(--border-color)
}
.Profile ul li:first-child{
padding:0;
margin:0;
border:0
}
.Profile .individual,.Profile .team-member{
display:flex;
align-items:center
}
.Profile .profile-img{
width:45px;
height:45px;
background-color:var(--gray-bg);
overflow:hidden;
color:transparent!important;
margin:0 13px 0 0;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.Profile .profile-info{
flex:1
}
.Profile .profile-name{
display:block;
font-family:var(--title-font);
font-size:15px;
color:var(--title-color);
font-weight:700
}
.Profile .profile-name:hover{
color:var(--title-hover-color)
}
.Profile .profile-link{
display:block;
font-size:12px;
color:var(--meta-color)
}
.Profile .profile-link:hover{
color:var(--main-color)
}
.Text .widget-content{
font-family:var(--text-font);
color:var(--text-color)
}
.Image .image-caption{
font-family:var(--text-font);
margin:6px 0 0
}
.contact-form-widget .cf-s{
float:left;
width:100%;
height:34px;
font-size:14px;
color:var(--text-color);
padding:0 10px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.is-dark .contact-form-widget .cf-s{
background-color:var(--gray-bg)
}
.contact-form-email-message.cf-s{
float:left;
width:100%;
height:auto;
resize:vertical;
padding:10px
}
.contact-form-widget .cf-s::placeholder{
color:var(--text-color);
opacity:.9
}
.contact-form-widget .cf-s:focus{
border-color:var(--button-bg)
}
.contact-form-button-submit{
float:left;
width:100%;
height:34px;
background-color:var(--button-bg);
font-family:inherit;
font-size:14px;
color:var(--button-color);
font-weight:400;
cursor:pointer;
padding:0 20px;
border:0;
border-radius:var(--radius)
}
.contact-form-button-submit:hover{
opacity:.9
}
.contact-form-widget p{
margin:0
}
.contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{
float:left;
width:100%;
background-color:transparent;
font-size:13px;
color:#e74c3c;
text-align:left;
line-height:1;
margin:10px 0 0;
border:0
}
.contact-form-widget .contact-form-success-message-with-border{
color:#27ae60
}
.contact-form-cross{
cursor:pointer;
margin:0 0 0 3px
}
.Attribution a{
display:flex;
align-items:center;
font-size:14px;
color:var(--title-color);
font-weight:700
}
.Attribution a > svg{
width:16px;
height:16px;
fill:var(--main-color);
margin:0 4px 0 0
}
.Attribution a:hover{
color:var(--title-hover-color)
}
.Attribution .copyright{
font-size:12px;
color:var(--meta-color);
padding:0 20px;
margin:2px 0 0
}
#google_translate_element{
position:relative;
overflow:hidden
}
.goog-te-gadget .goog-te-combo{
background:#fff
}
.ReportAbuse > h3{
display:flex;
font-size:14px;
font-weight:400
}
.ReportAbuse > h3:before{
content:'\e002';
font-family:'Material Icons Round';
font-size:18px;
color:var(--main-color);
margin:0 3px 0 0
}
.ReportAbuse > h3 a:hover{
text-decoration:underline
}
#flex-ads-wrap{
position:relative;
float:left;
width:100%;
background-color:var(--widget-bg);
padding:30px 0;
box-shadow:var(--widget-shadow)
}
.is-dark #flex-ads-wrap{
border-bottom:1px solid var(--border-color)
}
#flex-ads-wrap .section{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:22px
}
.flex-ads .widget{
position:relative;
width:100%;
height:190px;
overflow:hidden;
z-index:15;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
.flex-ads .widget:nth-child(3){
display:none!important
}
.flex-ads .entry-image-link{
width:100%;
height:100%;
border-radius:0
}
.flex-ads .before-mask:before{
height:100%;
background:linear-gradient(-45deg,var(--widget-bg-superlite),var(--widget-bg) 70%);
opacity:.9
}
.flex-ads .entry-inner:hover .before-mask:before{
opacity:.95
}
.flex-ads .entry-info{
position:absolute;
left:0;
top:0;
width:70%;
overflow:hidden;
z-index:10;
padding:20px
}
.flex-ads .entry-title{
font-size:22px;
color:var(--title-color);
font-weight:600
}
.flex-ads .entry-action{
display:flex;
align-items:center;
max-width:fit-content;
height:30px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
padding:0 14px;
margin:15px 0 0
}
.flex-ads .entry-action:hover{
opacity:.9
}
#footer-wrapper{
position:relative;
float:left;
width:100%;
background-color:var(--footer-bg);
box-shadow:0 0 10px rgba(0,0,0,0.02)
}
.primary-footer{
--title-color:var(--footer-color);
--title-hover-color:var(--footer-hover-color);
--text-color:var(--footer-text-color)
}
.footer-info{
flex:1
}
.footer-info .title{
font-size:18px;
color:var(--title-color);
margin:0 0 10px
}
.footer-logo{
padding:0 30px 0 0
}
.footer-logo img{
display:block;
width:auto;
height:auto;
max-height:34px
}
.footer-info .image-caption{
color:var(--text-color);
margin:0
}
.footer-info .image-caption a{
color:var(--title-color)
}
.footer-info .image-caption a:hover{
color:var(--title-hover-color)
}
.footer-bar{
background-color:var(--footerbar-bg);
color:var(--footerbar-color);
padding:20px 0
}
.footer-bar .footer-copyright{
font-size:14px;
font-weight:400;
margin:0
}
.footer-bar .footer-copyright a{
color:var(--footerbar-color)
}
.footer-bar .footer-copyright a:hover{
color:var(--footerbar-hover-color)
}
#footer-menu{
position:relative;
display:block;
margin:0
}
.footer-menu ul{
display:flex;
flex-wrap:wrap
}
.footer-menu ul li a{
font-size:14px;
color:var(--footerbar-color);
padding:0;
margin:0 0 0 25px
}
#footer-menu ul li a:hover{
color:var(--footerbar-hover-color)
}
.is-error #main-wrapper{
width:100%
}
.is-error #sidebar-wrapper{
display:none
}
.errorWrap{
color:var(--title-color);
text-align:center;
padding:60px 0 30px
}
.errorWrap .error-icon{
font-size:72px;
color:var(--main-color);
line-height:1;
margin:0 0 20px
}
.errorWrap h3{
font-size:28px;
color:var(--title-color);
line-height:1.3;
margin:0 0 10px;
text-rendering:optimizeLegibility
}
.errorWrap h4{
font-size:18px;
color:var(--meta-color);
font-weight:400;
margin:0 0 15px
}
.errorWrap p{
color:var(--text-color);
font-size:15px;
margin:0 0 20px
}
.errorWrap a{
display:inline-flex;
align-items:center;
height:40px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:500;
padding:0 30px;
border-radius:var(--radius);
margin:0
}
.errorWrap a:hover{
opacity:.9
}
.error-suggestions{
margin:40px 0 0;
text-align:left
}
.error-sugg-title{
font-size:16px;
font-weight:600;
color:var(--title-color);
margin:0 0 20px;
padding:0 0 12px;
border-bottom:1px solid var(--border-color)
}
.error-sugg-posts{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:20px;
min-height:80px
}
.sugg-item{
display:flex;
flex-direction:column;
background-color:var(--widget-bg);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--widget-shadow)
}
@media (hover: hover) {
.sugg-item:hover .sugg-img{
transform:scale(1.05)
}
}
.sugg-img{
width:100%;
height:160px;
background-size:cover;
background-position:center;
transition:transform .3s ease
}
.sugg-no-img{
background-color:var(--gray-bg)
}
.sugg-info{
padding:12px;
display:flex;
flex-direction:column;
gap:6px
}
.sugg-title{
font-size:13px;
font-weight:600;
color:var(--title-color);
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
@media (hover: hover) {
.sugg-item:hover .sugg-title{
color:var(--main-color)
}
}
.queryEmpty{
font-size:14px;
color:var(--meta-color);
text-align:center;
padding:60px 0;
display:flex;
flex-direction:column;
align-items:center;
gap:16px
}
.queryEmpty .error-icon{
font-size:56px;
color:var(--main-color)
}
.queryEmpty p{
font-size:15px;
color:var(--text-color);
margin:0
}
#seo-copy{
float:left;
width:100%;
background-color:var(--main-color);
padding:28px 0
}
.seo-copy-inner{
display:grid;
grid-template-columns:auto 1fr auto;
grid-gap:32px;
align-items:center
}
.seo-col-brand{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0
}
.seo-logo{
width:64px;
height:64px;
border-radius:50%;
object-fit:contain;
flex-shrink:0;
opacity:1;
background-color:rgba(255,255,255,0.15);
padding:4px
}
.seo-brand-info{
display:flex;
flex-direction:column;
gap:2px
}
.seo-brand-name{
font-size:13px;
font-weight:700;
color:#ffffff;
line-height:1.3
}
.seo-brand-credit{
font-size:11px;
color:rgba(255,255,255,0.75)
}
.seo-brand-credit strong{
color:#ffffff;
font-weight:700
}
.seo-brand-role{
font-size:10px;
color:rgba(255,255,255,0.8);
letter-spacing:0.03em
}
.seo-col-text{
padding:0 8px;
border-left:1px solid rgba(255,255,255,0.25);
border-right:1px solid rgba(255,255,255,0.25)
}
.seo-col-text p{
font-size:12px;
color:rgba(255,255,255,0.85);
line-height:1.7;
margin:0
}
.seo-col-text strong{
color:#ffffff;
font-weight:700
}
.seo-col-list{
flex-shrink:0
}
.seo-list{
list-style:none;
display:flex;
flex-direction:column;
gap:6px
}
.seo-list li{
display:flex;
align-items:center;
gap:8px;
font-size:11px;
color:rgba(255,255,255,0.85)
}
.seo-dot{
width:4px;
height:4px;
border-radius:50%;
background-color:#ffffff;
flex-shrink:0;
opacity:.9
}
.consent-text{
font-size:14px;
color:var(--cookie-color);
margin:0 0 15px
}
.consent-text a{
color:var(--main-color);
text-decoration:underline
}
.consent-button{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:34px;
padding:0 20px
}
.consent-button:hover{
opacity:.9
}
#back-top{
display:flex;
align-items:center;
justify-content:center;
position:fixed;
bottom:20px;
right:20px;
width:34px;
height:34px;
background-color:var(--button-bg);
font-size:24px;
color:var(--button-color);
z-index:50;
opacity:0;
visibility:hidden;
transition:visibility .17s ease,opacity .17s ease
}
#back-top:before{
content:'\e5ce';
font-family:'Material Icons Round';
font-weight:400
}
#back-top.show{
opacity:1;
visibility:visible
}
#back-top:hover{
opacity:.9
}
#hidden-widgets{
display:none;
visibility:hidden
}
.CSS_LIGHTBOX{
z-index:999999!important
}
.CSS_LIGHTBOX_BG_MASK{
background-color:rgba(0,0,0,0.9)!important;
opacity:1!important;
backdrop-filter:blur(1px)
}
.CSS_LIGHTBOX_BTN_CLOSE{
background:transparent!important;
top:10px!important;
right:15px!important
}
.CSS_LIGHTBOX_BTN_CLOSE:before{
content:'\e5cd';
font-family:'Material Icons Round';
color:#fff;
font-size:24px;
font-weight:400
}
.CSS_LIGHTBOX_BTN_CLOSE:hover:before{
opacity:.85
}
.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{
opacity:0
}
@media only screen and (min-width: 1031px) {
.is-3-col .products{
grid-template-columns:repeat(3,1fr)
}
.is-3-col .product-info{
margin:10px 0 0
}
.is-3-col .entry-price{
font-size:18px
}
.related-content .product .entry-title{
font-size:14px
}
.related-content .entry-price{
font-size:16px
}
.related-content .product-info{
margin:8px 0 0
}
}
@media only screen and (max-width: 1030px) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{
width:100%;
max-width:100%;
margin:0
}
.row-x1{
width:100%
}
#header-wrapper .container,#header-ads-wrap .container,#intro-wrap .container,#content-wrapper .container,#flex-ads-wrap .container,#footer-wrapper .container, #hero-wrapper .container{
padding:0 20px
}
.is-single #main-wrapper{
width:calc(70vw - 60px)
}
#sidebar-wrapper{
width:30vw
}
.products{
grid-gap:20px
}
.product .entry-image-wrap{
height:calc((100vw - 228px) / 4)
}
.product .entry-title{
font-size:14px
}
.related-content .product .entry-image-wrap{
height:calc(calc((100vw - 30vw) - 196px) / 3)
}
.side-item .entry-image-link{
height:calc((30vw - 60px) / 2)
}
#flex-ads-wrap .section{
grid-gap:20px
}
}
@media only screen and (max-width: 880px) {
#header-wrapper .container{
padding:0
}
.header-items{
flex-wrap:nowrap
}
.mobile-menu-toggle{
display:flex
}
#artlover-studio-menu{
display:none
}
.flex-left{
overflow:visible;
align-items:center
}
.main-logo{
flex-shrink:1;
margin:0;
overflow:visible
}
.main-logo img{
max-height:40px;
max-width:160px;
width:auto;
height:auto;
object-fit:contain;
display:block
}
.flex-right{
padding:0 0 0 16px
}
.loveit-toggle,.toggle-wrap:not(.h-li) .darkmode-toggle{
margin:0!important
}
#loveit-wrap{
right:20px
}
.search-toggle{
width:auto;
background-color:var(--header-bg);
font-size:26px;
padding:0 16px 0 10px;
margin:0 0 0 6px
}
#main-search-wrap{
width:100%;
padding:0 0 0 20px
}
.headerbar .hb-menu:before,.headerbar .hb-menu:after{
opacity:1
}
.headerbar .hb-menu:before{
left:0
}
.headerbar .link-list:before,.headerbar .link-list:after{
content:'';
display:inline-block;
width:20px;
height:auto;
flex-shrink:0;
margin:0
}
.social-toggle,.headerbar .hb-icons{
display:none
}
#slide-menu,.overlay{
display:block
}
.nav-active .overlay{
visibility:visible;
opacity:1
}
#content-wrapper > .container,.is-left #content-wrapper > .container{
flex-direction:column!important;
justify-content:flex-start
}
.is-single #main-wrapper,#sidebar-wrapper{
width:100%!important
}
.related-content .product .entry-image-wrap{
height:calc((100vw - 176px) / 3)
}
#sidebar-wrapper{
margin:30px 0 0
}
.side-items{
grid-template-columns:repeat(4,1fr)
}
.side-item .entry-image-link{
height:calc((100vw - 140px) / 4)
}
.side-item .entry-title{
font-size:14px
}
.FeaturedPost .entry-inner{
height:200px
}
.FeaturedPost .entry-title{
font-size:21px
}
.footer-info{
text-align:center;
margin:25px 0 0
}
.footer-info .title{
display:none
}
.footer-logo{
padding:0!important
}
.footer-bar{
height:auto;
line-height:inherit;
padding:25px 0
}
.footer-bar .container{
flex-direction:column-reverse;
justify-content:center
}
.footer-bar .footer-copyright,#footer-menu{
width:100%;
text-align:center
}
#footer-menu{
padding:0 0 15px
}
.footer-menu ul{
justify-content:center
}
.footer-menu ul li a{
display:block;
margin:5px 10px 0!important
}
.nav-active #back-top{
opacity:0!important
}
}
@media only screen and (max-width: 780px) {
#hero-wrapper .search-form{
width:80%
}
.error-sugg-posts{
grid-template-columns:repeat(2,1fr)
}
.sugg-img{
height:120px
}
.seo-copy-inner{
grid-template-columns:1fr;
grid-gap:16px
}
.seo-col-text{
border-left:0;
border-right:0;
border-top:1px solid rgba(255,255,255,0.25);
border-bottom:1px solid rgba(255,255,255,0.25);
padding:16px 0
}
.seo-col-list{
display:none
}
#intro-wrap .container{
padding:0
}
#intro-wrap .section{
display:flex;
grid-template-columns:unset;
grid-gap:0;
width:100%;
height:auto;
background-color:var(--outer-bg);
overflow:hidden;
overflow-x:auto;
padding:0;
border-radius:0;
box-shadow:none
}
#intro-wrap .section:before,#intro-wrap .section:after{
content:'';
display:inline-block;
width:20px;
height:auto;
flex-shrink:0;
margin:0
}
.intro .widget{
width:calc(100% - 66px);
height:calc((100vw / 2) + 10px)!important;
min-height:160px;
grid-row:unset!important;
flex-shrink:0;
background-color:var(--widget-bg);
padding:16px;
border-radius:var(--radius);
box-shadow:var(--widget-shadow)
}
.intro > div + div{
margin:0 0 0 20px
}
.intro .entry-inner{
border-radius:var(--radius)!important
}
@keyframes slideToLeft{
0%{
transform:translateX(20px)
}
100%{
transform:translateZ(0)
}
}
@keyframes slideToRight {
0%{
transform:translateX(-20px)
}
}
.intro .widget{
animation:slideToLeft .5s ease
}
.products{
grid-template-columns:repeat(3,1fr)
}
.product .entry-image-wrap{
height:calc((100vw - 176px) / 3)
}
.p-eh .entry-meta{
margin:15px 0 0
}
.item-post h1.entry-title{
font-size:31px
}
.post-body table{
display:block
}
.share-links li:not(.has-span) a,.share-links .has-span a:before{
width:40px
}
.share-links .twitter.has-span a, .share-links .x-twitter.has-span a{
width:40px;
justify-content:center
}
.share-links .twitter.has-span a:before, .share-links .x-twitter.has-span a:before{
width:100%;
background-color:transparent
}
.share-links .twitter span, .share-links .x-twitter span{
display:none
}
.share-links .pinterest-p{
display:none
}
.author-description .author-text,.comments .comment-content{
font-size:15px
}
#blog-pager{
margin:25px 0 2px
}
.side-items{
grid-template-columns:repeat(3,1fr)
}
.side-item .entry-image-link{
height:calc((100vw - 100px) / 3)
}
#flex-ads-wrap .section{
grid-template-columns:1fr
}
.flex-ads .widget{
height:calc((100vw / 2) - 22px)
}
.flex-ads .entry-info{
width:90%
}
.flex-ads .entry-title{
font-size:21px
}
.errorWrap{
padding:15px 15px 30px
}
.errorWrap h3{
font-size:24px
}
.errorWrap h4{
font-size:16px;
line-height:1.4
}
}
@media only screen and (max-width: 580px) {
body.is-home .products{
grid-template-columns:repeat(2,1fr)
}
body.is-home .product .entry-image-wrap{
height:calc((100vw - 60px) / 2)
}
body:not(.is-home) .products{
grid-template-columns:repeat(1,1fr)
}
body:not(.is-home) .product .entry-image-wrap{
height:calc((100vw - 60px) / 1)
}
.related-content .products{
grid-template-columns:repeat(2,1fr)
}
.related-content .product .entry-image-wrap{
height:calc((100vw - 124px) / 2)
}
.side-items{
grid-template-columns:repeat(2,1fr)
}
.side-item .entry-image-link{
height:calc((100vw - 100px) / 2)
}
.FeaturedPost .entry-inner{
height:180px
}
}
@media only screen and (max-width: 480px) {
#loveit-wrap{
width:100%;
left:0!important;
right:0!important;
border-radius:0
}
#hero-wrapper{
padding:60px 0
}
h2.hero-title{
font-size:30px
}
#hero-wrapper .search-form{
width:100%
}
.item-post h1.entry-title{
font-size:28px
}
.item-post-inner{
padding-bottom:22px
}
}
@media only screen and (max-width: 380px) {
.product-info{
flex-direction:column;
align-items:flex-start;
justify-content:flex-start
}
#hero-wrapper{
padding:50px 0
}
h2.hero-title{
font-size:27px
}
#novidades-wrap{
background-color:var(--outer-bg);
padding:28px 0 8px
}
.novidades-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px
}
.novidades-title{
font-size:18px;
font-weight:700;
color:var(--title-color)
}
.novidades-link{
font-size:13px;
color:var(--main-color);
font-weight:600
}
.novidades-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-bottom:20px
}
.novidade-card{
background:var(--widget-bg);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--widget-shadow);
transition:transform .3s ease
}
.novidade-card:hover{
transform:translateY(-3px)
}
.novidade-img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
background-size:cover;
background-position:center;
display:block
}
.novidade-info{
padding:10px 12px
}
.novidade-titulo{
font-size:13px;
font-weight:600;
color:var(--title-color);
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.novidade-preco{
font-size:13px;
font-weight:700;
color:var(--main-color);
margin-top:4px
}
.novidades-loading{
color:var(--meta-color);
font-size:13px;
padding:10px 0
}
@media(max-width:768px){
.novidades-grid{
grid-template-columns:repeat(2,1fr)
}
}
.entry-sale{
margin:3px 0 0
}
.item-post h1.entry-title{
font-size:26px
}
.share-links span{
display:none
}
.share-links .has-span a{
width:40px;
justify-content:center
}
.share-links .has-span a:before{
width:100%;
background-color:transparent
}
.share-links .pinterest-p{
display:block
}
.FeaturedPost .entry-inner{
height:168px
}
}
@media only screen and (max-width: 340px) {
.toggle-wrap.h-li .darkmode-toggle{
display:none
}
.sm-toggle-wrap .darkmode-toggle{
display:flex
}
#slide-menu{
width:100%
}
.p-eh.h-li .entry-meta .align-left{
flex-direction:column;
align-items:flex-start
}
.p-eh.h-li .entry-meta .entry-time{
margin:5px 0 0
}
.errorWrap h3{
font-size:20px
}
.errorWrap h4{
font-size:15px
}
}
@media only screen and (max-width: 480px) {
/* Desabilita animações pesadas em mobile para melhorar FPS */
*{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important
}
/* Hero: menor padding para liberar espaço na tela pequena */
#hero-wrapper{
padding:40px 16px
}
/* Barra de busca hero: 100% e altura touch-friendly */
#hero-wrapper .search-form{
width:100%;
height:52px
}
#hero-wrapper .search-input{
height:52px;
font-size:15px;
padding:0 60px 0 18px
}
#hero-wrapper .search-action{
width:52px;
height:52px
}
/* Página de erro: 1 coluna em telas pequenas */
.error-sugg-posts{
grid-template-columns:1fr!important
}
.sugg-img{
height:180px
}
.errorWrap{
padding:24px 16px 20px
}
.errorWrap .error-icon{
font-size:48px;
margin:0 0 12px
}
.errorWrap h3{
font-size:20px!important
}
.errorWrap h4{
font-size:14px!important
}
.errorWrap p{
font-size:13px
}
.errorWrap a{
height:44px;
font-size:14px;
padding:0 24px
}
/* Touch targets mínimos de 44px para todos os botões */
button,a,.btn{
min-height:44px;
min-width:44px
}
/* Produtos: 2 colunas em telas pequenas para não ficar apertado */
body.is-home .products{
grid-template-columns:repeat(2,1fr)!important;
grid-gap:12px!important
}
body:not(.is-home) .products{
grid-template-columns:repeat(1,1fr)!important;
grid-gap:12px!important
}
/* Sidebar some em mobile &#8212; conteúdo ocupa tudo */
#sidebar-wrapper{
display:none
}
#main-wrapper{
width:100%!important
}
/* Reduz padding interno do conteúdo */
#content-wrapper{
padding:16px 0
}
/* Imagens do hero: não carrega blur pesado em mobile */
#hero-wrapper:before{
filter:none
}
/* Box-shadows custosos: remover em mobile para ganhar FPS */
.header-header,
.entry-image-link,
.product,
.widget{
box-shadow:none!important
}
}
/* &#9472;&#9472; CHIPS DE CATEGORIA (abaixo do Carregar Mais) &#9472;&#9472; */
#art-cat-footer{
float:left;
width:100%;
margin:30px 0 0;
text-align:center
}
#art-cat-footer .art-cat-footer-title{
font-size:12px;
color:var(--meta-color);
font-weight:600;
text-transform:uppercase;
letter-spacing:0.05em;
margin-bottom:14px;
display:block
}
#art-cat-footer .art-cat-chips{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
max-height:68px;
overflow:hidden;
transition:max-height .3s ease
}
#art-cat-footer .art-cat-chips.expanded{
max-height:9999px
}
#art-cat-footer .art-cat-chip-more{
display:inline-flex;
align-items:center;
height:24px;
background-color:transparent;
color:var(--meta-color);
font-size:11px;
font-weight:400;
padding:0 10px;
border-radius:20px;
border:1px solid var(--border-color);
cursor:pointer;
user-select:none;
transition:color .17s ease,border-color .17s ease
}
#art-cat-footer .art-cat-chip-more:hover{
color:var(--main-color);
border-color:var(--main-color)
}
#art-cat-footer .art-cat-chip{
display:inline-flex;
align-items:center;
height:30px;
background-color:var(--widget-bg);
color:var(--title-color);
font-size:12px;
font-weight:600;
padding:0 14px;
border-radius:20px;
border:1.5px solid var(--border-color);
text-decoration:none;
transition:border-color .17s ease,color .17s ease
}
#art-cat-footer .art-cat-chip:hover{
border-color:var(--main-color);
color:var(--main-color)
}
/* &#9472;&#9472; ESCONDER SIDEBAR NA PÁGINA DO BLOG &#9472;&#9472; */
body.is-blog-page #sidebar-wrapper{
display:none!important
}
body.is-blog-page #main-wrapper{
width:100%!important
}
/* &#9472;&#9472; FILTROS DO CATÁLOGO &#9472;&#9472; */
.catalog-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:20px
}
.catalog-filters{
display:flex;
align-items:center;
gap:8px;
flex-shrink:0
}
.art-filter-btn{
display:inline-flex;
align-items:center;
gap:5px;
height:32px;
background-color:var(--widget-bg);
color:var(--title-color);
font-size:12px;
font-weight:600;
padding:0 14px;
border-radius:20px;
cursor:pointer;
border:1.5px solid var(--border-color);
transition:border-color .17s ease,color .17s ease;
white-space:nowrap;
user-select:none;
font-family:var(--body-font)
}
.art-filter-btn:hover,
.art-filter-btn.active{
border-color:var(--main-color);
color:var(--main-color)
}
.art-filter-btn svg{
width:12px;
height:12px;
fill:currentColor;
flex-shrink:0
}
.art-price-input{
width:70px;
height:32px;
background-color:var(--widget-bg);
color:var(--title-color);
font-size:12px;
font-weight:600;
font-family:var(--body-font);
padding:0 10px;
border-radius:20px;
border:1.5px solid var(--border-color);
text-align:center;
transition:border-color .17s ease;
-moz-appearance:textfield
}
.art-price-input:focus{
outline:none;
border-color:var(--main-color)
}
.art-price-input::placeholder{
color:var(--meta-color);
font-weight:400
}
.art-price-input::-webkit-inner-spin-button,
.art-price-input::-webkit-outer-spin-button{
-webkit-appearance:none
}
/* Dropdown categorias */
.art-cat-wrap{
position:relative
}
.art-cat-dropdown{
display:none;
position:absolute;
top:calc(100% + 8px);
right:0;
width:280px;
max-height:280px;
overflow-y:auto;
background-color:var(--widget-bg);
border-radius:var(--radius);
box-shadow:0 4px 20px rgba(0,0,0,0.12);
border:1px solid var(--border-color);
padding:8px;
z-index:200
}
.art-cat-dropdown.open{
display:block
}
.art-cat-dropdown::-webkit-scrollbar{
width:3px
}
.art-cat-dropdown::-webkit-scrollbar-thumb{
background:var(--border-color);
border-radius:3px
}
.art-cat-item{
display:block;
width:100%;
text-align:left;
padding:8px 12px;
font-size:13px;
color:var(--title-color);
font-family:var(--body-font);
background:none;
border:none;
border-radius:calc(var(--radius) - 2px);
cursor:pointer;
transition:background-color .13s ease,color .13s ease
}
.art-cat-item:hover{
background-color:var(--gray-bg);
color:var(--main-color)
}
.art-cat-item.active{
background-color:var(--main-color-lite);
color:var(--main-color);
font-weight:600
}
.art-filter-empty{
display:none;
text-align:center;
padding:40px 0;
color:var(--meta-color);
font-size:14px;
width:100%
}
.art-filter-empty.show{
display:block
}
@media only screen and (max-width:880px){
.catalog-header{
flex-direction:column;
align-items:flex-start;
gap:10px
}
.catalog-filters{
width:100%;
justify-content:flex-start
}
.art-price-input{
width:60px
}
.art-cat-dropdown{
right:auto;
left:0;
width:calc(100vw - 40px)
}
}
/* &#9472;&#9472; SKELETON LOADING &#9472;&#9472; */
@keyframes art-shimmer{
0%{background-position:-200% 0}
100%{background-position:200% 0}
}
.art-skeleton-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:22px;
width:100%
}
.art-skeleton-card{
background-color:var(--widget-bg);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--widget-shadow);
padding:16px
}
.art-skeleton-img{
width:100%;
padding-bottom:100%;
border-radius:calc(var(--radius) - 2px);
margin-bottom:12px;
background:linear-gradient(90deg,var(--gray-bg) 25%,var(--border-color) 50%,var(--gray-bg) 75%);
background-size:200% 100%;
animation:art-shimmer 1.4s infinite linear
}
.art-skeleton-line{
height:12px;
border-radius:6px;
background:linear-gradient(90deg,var(--gray-bg) 25%,var(--border-color) 50%,var(--gray-bg) 75%);
background-size:200% 100%;
animation:art-shimmer 1.4s infinite linear;
margin-bottom:8px
}
.art-skeleton-line.short{
width:60%
}
@media only screen and (max-width:580px){
.art-skeleton-grid{
grid-template-columns:repeat(1,1fr)
}
}
@media only screen and (max-width:880px){
.art-skeleton-grid{
grid-template-columns:repeat(2,1fr)
}
}
/* &#9472;&#9472; PÁGINA 404 &#9472;&#9472; */
.error-404 .error-code{
font-size:90px;
font-weight:700;
line-height:1;
color:var(--main-color);
opacity:.15;
margin:-10px 0 0;
letter-spacing:-2px
}
.error-404 .error-icon{
font-size:56px;
color:var(--main-color);
margin:0 0 8px
}
.error-404 h3{
font-size:26px;
margin:8px 0 8px
}
.error-actions{
display:flex;
gap:12px;
justify-content:center;
flex-wrap:wrap;
margin:8px 0 0
}
.btn-secondary{
background-color:transparent;
border:2px solid var(--main-color);
color:var(--main-color)!important;
height:40px;
display:inline-flex;
align-items:center;
padding:0 24px;
border-radius:var(--radius);
font-size:14px;
font-weight:500
}
@media (hover:hover){
.btn-secondary:hover{
background-color:var(--main-color);
color:#fff!important
}
}
@media only screen and (max-width:480px){
.error-404 .error-code{font-size:60px}
.error-404 h3{font-size:20px!important}
.error-actions{flex-direction:column;align-items:center}
.btn-secondary,.errorWrap a.btn-primary,.errorWrap a.homepage{width:100%;max-width:280px;justify-content:center}
}
/* Usuários com preferência por menos movimento (acessibilidade + bateria) */
@media (prefers-reduced-motion: reduce) {
*,*::before,*::after{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
scroll-behavior:auto!important
}
}
/* content-visibility: renderiza cards fora da tela só quando necessário */
.blog-posts .index-post{
content-visibility:auto;
contain-intrinsic-size:0 420px
}
/* SVG inline icons */
.btn svg,.social svg{fill:currentColor;flex-shrink:0}
.share-links li a svg{width:18px;height:18px;display:block}
.share-links .has-span a svg{width:40px;height:100%;padding:0 11px;background-color:rgba(255,255,255,0.08)}
.share-links .has-span a:before{display:none!important}
/* Prev/Next navigation removido */
.post-nav{display:none!important}

--></style>
<!-- Google Analytics -->
<!-- Google tag (gtag.js) -->
<script async='true' src='https://www.googletagmanager.com/gtag/js?id=G-6RLX41L1KD'></script>
<script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-6RLX41L1KD');
      </script>
<!-- ============================================================ TEMPLATES PADRÃO DOS WIDGETS (b:defaultmarkups) Esta seção define como cada tipo de widget do Blogger é renderizado. Cada <b:defaultmarkup type='X'> controla a aparência de um widget diferente: Common &#8594; Estrutura comum a todos os widgets (título, container) Header &#8594; Widget de cabeçalho LinkList &#8594; Lista de links (menu, footer links) HTML &#8594; Widgets HTML personalizados (shortcodes, promoções) Blog &#8594; Posts, paginação, comentários &#8212; o coração do site PopularPosts &#8594; Widget de posts populares FeaturedPost &#8594; Post em destaque ContactForm &#8594; Formulário de contato Label &#8594; Nuvem de etiquetas/categorias Image &#8594; Logo e imagens BlogSearch &#8594; Caixa de busca Profile &#8594; Perfil do autor ATENÇÃO: Editar aqui afeta todos os widgets daquele tipo no site. ============================================================ -->
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4915282586710018320&amp;zx=20b15ebd-bd81-4632-bb6a-c14899152e8a' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4915282586710018320&amp;zx=20b15ebd-bd81-4632-bb6a-c14899152e8a' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head>
<!-- ============================================================ CORPO DA PÁGINA (BODY) Estrutura visual do site: 1. art-painel &#8594; Painel de opções do tema (invisível para visitantes) 2. header &#8594; Cabeçalho: logo, menu principal, barra de navegação 3. hero-section &#8594; Banner/barra de busca da home 4. main-wrapper &#8594; Área principal: posts/produtos + sidebar 5. footer &#8594; Rodapé: menu, contato, copyright 6. Scripts JS &#8594; jQuery, plugins e lógica do site ============================================================ -->
<body class='is-single is-page'>
<div id='theme-options' style='display:none'>
<div class='art-painel section' id='art-painel' name='Theme Options'><div class='widget Image' data-version='2' id='Image52'>
<script type='text/javascript'>var noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlNsH84MyEDKo821HuQDyPhjlSgJg1nqIE42f8weN_p-cskSNNhJy98vFJvbGBmjup6aaV70686hWeIvOJM7VLfzjOWAzbESn2Ff_dwAzYnU5v4m9a2nOqsr8ahzVq0Lv2NIw2TvlUzw4wR62r_5YQ03bFUv_8RuI3m-3AA-Od9q2EuFJrmEuTzuxSmyY/w72-h72-p-k-no-nu/novo%20artlover%20panda.png";</script>
</div><div class='widget HTML' data-version='2' id='HTML50'>
</div></div>
</div>
<div id='outer-wrapper'>
<!-- ============================================================ CABEÇALHO (header-wrapper) Contém três partes: a) Barra superior com logo + menu hambúrguer mobile + busca b) Menu principal de navegação (artlover-studio-menu) c) Headerbar: barra colorida abaixo do menu (links, redes sociais) ============================================================ -->
<header id='header-wrapper'>
<div class='main-header'>
<div class='header-inner'>
<div class='header-header flex-c'>
<div class='container row-x1'>
<div class='header-items'>
<div class='flex-left'>
<button aria-controls='mobile-menu' aria-expanded='false' aria-label='Mobile Menu' class='mobile-menu-toggle'></button>
<div class='main-logo section' id='main-logo' name='Header Logo'><div class='widget Image' data-version='2' id='Image50'>
<a class='logo-img' href='https://www.graficaemcuiaba.com.br/' rel='home'>
<img alt='Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYb5JXwkBfXl8s1O2BWAPmgxl2kbbyZEFGs1_cyECSD6IDkquYsVQi-YP8YzZV025BvMh-Is4rJWBMiX6sran8NHXRJvgcYVGNmAdpLyU6PM6g6XexJeJxQ8B8-g8DFiZyr1eAyufgmAwvc3z0TfwToEQQSF73szYbc6fmg0scJQi_lDSgPb8OEn6pGik/s400/logotipo_artlover_grafica_de_cuiaba.webp' decoding='async' fetchpriority='high' height='34' loading='eager' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYb5JXwkBfXl8s1O2BWAPmgxl2kbbyZEFGs1_cyECSD6IDkquYsVQi-YP8YzZV025BvMh-Is4rJWBMiX6sran8NHXRJvgcYVGNmAdpLyU6PM6g6XexJeJxQ8B8-g8DFiZyr1eAyufgmAwvc3z0TfwToEQQSF73szYbc6fmg0scJQi_lDSgPb8OEn6pGik/s400/logotipo_artlover_grafica_de_cuiaba.webp' title='Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá' width='200'>
</img>
</a>
</div></div>
<div class='artlover-studio-menu no-items section' id='artlover-studio-menu' name='Header Menu'>
</div>
</div>
<div class='flex-right'>
<div class='toggle-wrap'>
<button aria-label='Dark Mode' class='darkmode-toggle'></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class='headerbar-wrap flex-c'>
<div class='container row-x1'>
<div class='headerbar-items flex-sb'>
<div class='headerbar section' id='headerbar' name='Header Bar'><div class='widget LinkList hb-menu' data-version='2' id='LinkList201'>
<ul class='link-list'>
<li><a href='/'>Início</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/search/label/Cart%C3%A3o%20de%20visita'>Cartão-visita</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/search/label/banner'>banner</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/search/label/adesivos'>Adesivos</a></li>
<li><a href='/search/label/Toppers'>Topper</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/search/label/promo%C3%A7%C3%A3o'>Promoções</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/search/label/novidade'>Novidades</a></li>
</ul>
</div><div class='widget LinkList hb-icons' data-version='2' id='LinkList202'>
<ul class='social-icons social sc-a'>
<li class='facebook'><a alt='facebook' class='fa-facebook' data-top='true' href='https://www.facebook.com/share/1JtTy3jxck/?mibextid=wwXIfr # Facebook' rel='noopener noreferrer' target='_blank' title='facebook'></a></li>
<li class='instagram'><a alt='instagram' class='fa-instagram' data-top='true' href='https://instagram.com/grafica.artlover # Instagram' rel='noopener noreferrer' target='_blank' title='instagram'></a></li>
<li class='linkedin'><a alt='linkedin' class='fa-linkedin' data-top='true' href='https://www.linkedin.com/in/al%C3%ADcia-vit%C3%B3ria-das-chagas-685641297 # Linkedin' rel='noopener noreferrer' target='_blank' title='linkedin'></a></li>
<li class='Youtube'><a alt='Youtube' class='fa-Youtube' data-top='true' href='#' rel='noopener noreferrer' target='_blank' title='Youtube'></a></li>
</ul>
</div></div>
<button aria-label='Gráfica Rápida' class='social-toggle'><span class='title'>Gráfica Rápida</span>
</button>
</div>
</div>
</nav>
</header>
<div class='flex-c' id='content-wrapper'>
<div class='container row-x1 flex-sb'>
<!-- ============================================================ ÁREA PRINCIPAL DE CONTEÚDO (main-wrapper) Contém: - main: os posts/produtos (listagem ou individual) - artlover-studio-relacionados: produtos relacionados (em posts) - sidebar: barra lateral direita com widgets ============================================================ -->
<main id='main-wrapper'>
<div class='main section' id='main' name='Main Posts'><div class='widget Blog' data-version='2' id='Blog1'>
<div class='blog-posts item-post-wrap flex-col'>
<article class='item-post hentry flex-col' data-id='7109070841085283012'>
<script type='application/ld+json'>{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.graficaemcuiaba.com.br/p/logolicia.html"},"headline":"Logolicia &#8212; Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar","description":"                         Projeto Brasileiro &#183; 2010&#8211;2024      Logo licia      &#8212; galeria de logos deliciosos O Logolicia foi um dos mais impor...","datePublished":"2026-03-13T05:46:00-04:00","dateModified":"2026-05-26T21:00:09-04:00","image":{"@type":"ImageObject","url":"https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0=w1200-h675-p-k-no-nu","height":675,"width":1200},"author":{"@type":"Person","name":"Alicia Vitória","url":"https://www.blogger.com/profile/11468077503303127772"},"publisher":{"@type":"Organization","name":"Artlover - Gráfica em Cuiabá","url":"https://www.graficaemcuiaba.com.br/","logo":{"@type":"ImageObject","url":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYb5JXwkBfXl8s1O2BWAPmgxl2kbbyZEFGs1_cyECSD6IDkquYsVQi-YP8YzZV025BvMh-Is4rJWBMiX6sran8NHXRJvgcYVGNmAdpLyU6PM6g6XexJeJxQ8B8-g8DFiZyr1eAyufgmAwvc3z0TfwToEQQSF73szYbc6fmg0scJQi_lDSgPb8OEn6pGik/s320/logotipo_artlover_grafica_de_cuiaba.webp","width":320,"height":61}}}</script>
<div class='item-post-inner flex-col'>
<div class='entry-header p-eh'>
<script type='application/ld+json'>{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"@id":"https://www.graficaemcuiaba.com.br/","name":"Página inicial","item":"https://www.graficaemcuiaba.com.br/"},{"@type":"ListItem","position":2,"@id":"https://www.graficaemcuiaba.com.br/p/logolicia.html","name":"Logolicia &#8212; Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar","item":"https://www.graficaemcuiaba.com.br/p/logolicia.html"}]}</script>
<h1 class='entry-title'>Logolicia &#8212; Criação de Logomarca e Galeria de Logotipos | Artlover Estúdio criando marcas para inspirar</h1>
</div>
<div class='entry-content-wrap flex-col'>
<div class='post-body entry-content' id='post-body'>
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400&amp;family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&amp;display=swap" rel="stylesheet"></link>

<style>
.ll-wrap{--pink:#fe3a9c;--pink-d:#c41e74;--pink-l:#fff0f7;--pink-m:rgba(254,58,156,0.1);--dark:#111827;--dark2:#1a2333;--title:#1a2333;--text:#4b5563;--meta:#9ca3af;--bg:#f5f7f7;--white:#fff;--border:#e5e8ec;--ff-h:'Playfair Display',Georgia,serif;--ff-b:'Nunito',Arial,sans-serif;font-family:var(--ff-b);color:var(--title);background:var(--bg)}
.ll-wrap *{box-sizing:border-box;margin:0;padding:0}
  

/* HERO */
.ll-hero{background:transparent;padding:32px 20px 48px;position:relative;overflow:hidden}
.ll-hero-glow{display:none}.ll-hero-glow2{display:none}.ll-hero-noise{display:none}
.ll-hero-inner{position:relative;z-index:1}
.ll-hero-chip{display:inline-flex;align-items:center;gap:8px;background:var(--pink-l);border:1px solid rgba(254,58,156,.25);color:var(--pink-d);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:24px;animation:ll-up .7s ease both}
.ll-hero-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);animation:ll-pulse 2s ease infinite}
.ll-hero-h1{font-family:var(--ff-h);font-size:clamp(48px,10vw,96px);font-weight:700;color:var(--title);line-height:.95;letter-spacing:-.03em;margin-bottom:12px;animation:ll-up .7s ease .1s both}
.ll-hero-h1 em{font-style:italic;font-weight:400;color:var(--pink)}
.ll-hero-tagline{font-family:var(--ff-h);font-size:clamp(15px,2.5vw,20px);font-weight:400;font-style:italic;color:var(--meta);margin-bottom:24px;animation:ll-up .7s ease .15s both}
.ll-hero-desc{font-size:15px;font-weight:400;line-height:1.85;color:var(--text);margin-bottom:32px;animation:ll-up .7s ease .2s both}
.ll-hero-desc strong{color:var(--title);font-weight:700}
/* facts: coluna única por padrão, 2 colunas só em telas largas */
.ll-hero-cols{display:grid;grid-template-columns:1fr;gap:12px;animation:ll-up .7s ease .25s both}
.ll-hero-fact{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px 20px}
.ll-hero-fact-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);margin-bottom:6px}
.ll-hero-fact-text{font-size:13px;font-weight:400;line-height:1.7;color:var(--text)}
.ll-hero-fact-text strong{color:var(--title);font-weight:600}

/* CONTEXTO &#8212; coluna única por padrão */
.ll-context{background:var(--white);padding:48px 20px;border-bottom:1px solid var(--border)}
.ll-context-inner{display:flex;flex-direction:column;gap:32px}
.ll-context-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:var(--pink-l);padding:5px 14px;border-radius:50px;margin-bottom:12px}
.ll-context-h2{font-family:var(--ff-h);font-size:clamp(24px,5vw,36px);font-weight:700;color:var(--title);line-height:1.15;margin-bottom:16px}
.ll-context-h2 em{font-style:italic;color:var(--pink)}
.ll-context-quote{font-family:var(--ff-h);font-size:16px;font-style:italic;font-weight:400;color:var(--meta);line-height:1.7;padding-left:16px;border-left:3px solid var(--pink)}
.ll-context-body p{font-size:15px;font-weight:400;line-height:1.85;color:var(--text);margin-bottom:16px}
.ll-context-body p:last-child{margin-bottom:0}
.ll-context-body strong{color:var(--title);font-weight:700}
.ll-context-body em{color:var(--pink);font-style:italic}

/* COMO FUNCIONAVA &#8212; coluna única por padrão */
.ll-how{background:var(--bg);padding:48px 20px;border-bottom:1px solid var(--border)}
.ll-how-header{margin-bottom:32px}
.ll-how-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:var(--pink-l);padding:5px 14px;border-radius:50px;margin-bottom:12px}
.ll-how-h2{font-family:var(--ff-h);font-size:clamp(22px,4vw,34px);font-weight:700;color:var(--title);line-height:1.2}
.ll-how-h2 em{font-style:italic;color:var(--pink)}
.ll-how-grid{display:flex;flex-direction:column;gap:16px}
.ll-how-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px 20px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.ll-how-card:hover{border-color:rgba(254,58,156,.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(254,58,156,.08)}
.ll-how-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),#ff8cc8);border-radius:16px 16px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.ll-how-card:hover::after{transform:scaleX(1)}
.ll-how-icon{width:44px;height:44px;border-radius:10px;background:var(--pink-l);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.ll-how-title{font-family:var(--ff-h);font-size:17px;font-weight:700;color:var(--title);margin-bottom:8px}
.ll-how-text{font-size:14px;font-weight:400;line-height:1.75;color:var(--text)}

/* GALERIA &#8212; coluna única por padrão */
.ll-gallery-wrap{background:var(--dark);padding:56px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.ll-gallery-header{margin-bottom:36px}
.ll-gallery-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:rgba(254,58,156,.12);border:1px solid rgba(254,58,156,.2);padding:5px 14px;border-radius:50px;margin-bottom:12px}
.ll-gallery-h2{font-family:var(--ff-h);font-size:clamp(24px,5vw,42px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:12px}
.ll-gallery-h2 em{font-style:italic;font-weight:400;color:var(--pink)}
.ll-gallery-sub{font-size:14px;font-weight:400;color:rgba(255,255,255,.45);line-height:1.7}
.ll-gallery-grid{display:flex;flex-direction:column;gap:14px}

.ll-logo-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;transition:background .3s,border-color .3s,transform .3s;position:relative;overflow:hidden}
.ll-logo-card:hover{background:rgba(255,255,255,.07);border-color:rgba(254,58,156,.3);transform:translateY(-2px)}
.ll-logo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent);transform:scaleX(0);transition:transform .5s}
.ll-logo-card:hover::before{transform:scaleX(1)}
/* wide = igual ao normal, sem grid-column span */
.ll-logo-card.wide{display:flex;flex-direction:column;gap:0}

.ll-logo-mono{width:80px;height:80px;border-radius:50%;border:1px solid rgba(254,58,156,.2);background:rgba(254,58,156,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:20px;transition:border-color .3s,background .3s}
.ll-logo-card:hover .ll-logo-mono{border-color:rgba(254,58,156,.5);background:rgba(254,58,156,.12)}
.ll-logo-mono-txt{font-family:var(--ff-h);font-size:20px;font-weight:700;font-style:italic;color:var(--pink);text-align:center;line-height:1.1}

.ll-logo-seg{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);background:rgba(254,58,156,.1);padding:3px 12px;border-radius:50px;margin-bottom:10px}
.ll-logo-name{font-family:var(--ff-h);font-size:22px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2}
.ll-logo-desc{font-size:14px;font-weight:400;line-height:1.8;color:rgba(255,255,255,.5)}
.ll-logo-desc strong{color:rgba(255,255,255,.75);font-weight:600}
.ll-logo-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.ll-logo-ref{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.ll-logo-arr{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--pink);transition:all .3s}
.ll-logo-card:hover .ll-logo-arr{background:var(--pink);color:#fff;border-color:var(--pink)}

/* PRESS &#8212; coluna única por padrão */
.ll-press{background:var(--white);padding:48px 20px;border-bottom:1px solid var(--border)}
.ll-press-inner{display:flex;flex-direction:column;gap:32px}
.ll-press-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:var(--pink-l);padding:5px 14px;border-radius:50px;margin-bottom:12px}
.ll-press-h2{font-family:var(--ff-h);font-size:clamp(22px,4vw,34px);font-weight:700;color:var(--title);line-height:1.2;margin-bottom:16px}
.ll-press-h2 em{font-style:italic;color:var(--pink)}
.ll-press-text{font-size:15px;color:var(--text);line-height:1.8}
.ll-press-quote-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;margin-top:8px}
.ll-press-quote-card::before{content:'\201C';position:absolute;top:-16px;left:20px;font-family:var(--ff-h);font-size:64px;color:var(--pink);opacity:.3;line-height:1}
.ll-press-quote{font-family:var(--ff-h);font-size:16px;font-style:italic;font-weight:400;color:var(--title);line-height:1.75;margin-bottom:16px}
.ll-press-source{display:flex;align-items:center;gap:10px}
.ll-press-source-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);flex-shrink:0}
.ll-press-source-text{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--meta)}

/* TIMELINE */
.ll-tl-wrap{background:var(--bg);padding:48px 20px;border-bottom:1px solid var(--border)}
.ll-tl-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:var(--pink-l);padding:5px 14px;border-radius:50px;margin-bottom:12px}
.ll-tl-h2{font-family:var(--ff-h);font-size:clamp(22px,4vw,36px);font-weight:700;color:var(--title);margin-bottom:36px;line-height:1.2}
.ll-tl-h2 em{font-style:italic;color:var(--pink)}
.ll-tl-list{display:flex;flex-direction:column;position:relative}
.ll-tl-list::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--pink),rgba(254,58,156,.1))}
.ll-tl-item{display:flex;gap:24px;padding:0 0 36px;position:relative}
.ll-tl-item:last-child{padding-bottom:0}
.ll-tl-dot-wrap{flex-shrink:0;padding-top:4px}
.ll-tl-dot{width:28px;height:28px;border-radius:50%;background:var(--white);border:2px solid var(--pink);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.ll-tl-dot-inner{width:9px;height:9px;border-radius:50%;background:var(--pink)}
.ll-tl-body{flex:1;padding-top:2px}
.ll-tl-year{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:4px}
.ll-tl-title{font-family:var(--ff-h);font-size:18px;font-weight:700;color:var(--title);margin-bottom:6px;line-height:1.3}
.ll-tl-desc{font-size:14px;font-weight:400;line-height:1.75;color:var(--text)}
.ll-tl-desc strong{color:var(--title);font-weight:700}

/* CTA &#8212; coluna única por padrão */
.ll-cta{background:var(--dark);padding:56px 20px;position:relative;overflow:hidden}
.ll-cta-glow{position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(254,58,156,.12) 0,transparent 65%);pointer-events:none}
.ll-cta-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:36px}
.ll-cta-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:rgba(254,58,156,.1);border:1px solid rgba(254,58,156,.2);padding:5px 14px;border-radius:50px;margin-bottom:14px}
.ll-cta-h2{font-family:var(--ff-h);font-size:clamp(28px,6vw,48px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:20px}
.ll-cta-h2 em{font-style:italic;font-weight:400;color:var(--pink)}
.ll-cta-text{font-size:15px;font-weight:400;line-height:1.85;color:rgba(255,255,255,.5)}
.ll-cta-text strong{color:rgba(255,255,255,.8);font-weight:600}
.ll-cta-right{display:flex;flex-direction:column;gap:12px}
.ll-cta-services{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
.ll-cta-service{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;color:rgba(255,255,255,.55)}
.ll-cta-service::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--pink);flex-shrink:0;margin-top:6px}
.ll-btn-main{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--pink);color:#fff!important;font-family:var(--ff-b);font-size:15px;font-weight:700;text-decoration:none;padding:16px 28px;border-radius:50px;transition:all .3s;box-shadow:0 4px 20px rgba(254,58,156,.35);text-align:center}
.ll-btn-main:hover{background:var(--pink-d);transform:translateY(-2px)}
.ll-btn-sec{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7)!important;font-family:var(--ff-b);font-size:14px;font-weight:600;text-decoration:none;padding:14px 28px;border-radius:50px;transition:all .3s;text-align:center}
.ll-btn-sec:hover{border-color:rgba(254,58,156,.5);color:var(--pink)!important}

/* ANIMAÇÕES */
@keyframes ll-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes ll-pulse{0%,100%{box-shadow:0 0 4px var(--pink)}50%{box-shadow:0 0 12px var(--pink)}}
.ll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.ll-reveal.visible{opacity:1;transform:none}

/* OVERRIDE BLOGGER */
.post-title,.entry-title,h1.title,h2.hero-title{display:none!important}

/* TELAS LARGAS &#8212; multi-coluna só acima de 1100px (fora do container do post) */
@media(min-width:1100px){
  .ll-hero,.ll-context,.ll-how,.ll-gallery-wrap,.ll-press,.ll-tl-wrap,.ll-cta{padding-left:48px;padding-right:48px}
  .ll-hero-cols{grid-template-columns:1fr 1fr}
  .ll-context-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:64px}
  .ll-how-grid{display:grid;grid-template-columns:repeat(3,1fr)}
  .ll-gallery-grid{display:grid;grid-template-columns:1fr 1fr}
  .ll-logo-card.wide{display:flex;flex-direction:row;gap:40px;align-items:flex-start}
  .ll-logo-card.wide .ll-logo-mono{margin-bottom:0}
  .ll-press-inner{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .ll-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
}
</style>

<div class="ll-wrap" itemscope="" itemtype="https://schema.org/CollectionPage">

<!--HERO-->
<section class="ll-hero">
  <div class="ll-hero-glow"></div>
  <div class="ll-hero-glow2"></div>
  <div class="ll-hero-noise"></div>
  <div class="ll-hero-inner">
    <div class="ll-hero-chip"><span class="ll-hero-chip-dot"></span> Projeto Brasileiro &#183; 2010&#8211;2024</div>
    <h2 class="ll-hero-h1" itemprop="name">Logo<em>licia</em></h2>
    <p class="ll-hero-tagline">&#8212; galeria de logos deliciosos</p><p class="ll-hero-tagline"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0" style="margin-left: 1em; margin-right: 1em;"><img alt="Logo mais recente do logolicia" data-original-height="1024" data-original-width="1536" height="213" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0=w320-h213-rw" title="mais recente logotipo do logolicia em alta qualidade" width="320" /></a></div>O Logolicia foi um dos mais importantes projetos brasileiros de curadoria de identidade visual &#8212; um lugar onde designers, empreendedores e criativos encontravam <strong>referências reais de marcas bem resolvidas</strong>, com história por trás de cada traço. Não templates. Não logos gerados em cinco minutos. Projetos de verdade, publicados por seus criadores.<p></p>
    <div class="ll-hero-cols">
      <div class="ll-hero-fact">
        <div class="ll-hero-fact-label">Como funcionava</div>
        <div class="ll-hero-fact-text">Navegação <strong>por mês ou por cores</strong>. Ao passar o mouse nas miniaturas, o usuário votava de 1 a 5. Clicando numa marca, acessava informações sobre o autor e podia comentar.</div>
      </div>
      <div class="ll-hero-fact">
        <div class="ll-hero-fact-label">Alcance</div>
        <div class="ll-hero-fact-text">Chegou ao <strong>ranking 951º do Brasil</strong> com mais de 35000 visitantes diários. Referenciado por portais no Japão, Europa e EUA como fonte de inspiração em design.</div>
      </div>
    </div>
  </div>
</section>

<!--CONTEXTO E HISTÓRIA-->
<section class="ll-context ll-reveal">
  <div class="ll-context-inner">
    <div class="ll-context-left">
      <div class="ll-context-pill">A história</div>
      <h2 class="ll-context-h2"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjGDmEKI8roBCVIpOEkhu-hZ7nsB9KhjIi_eYz_WZ5doc8x_07cZPcb_reYRnnm7_Uwntb3R6tnyY8IH-s5rG0bQRPy8QC06c7IyzfCtYH4dub71roY-7hbt1h-k-LaKk6UfM239Ni9GrltMht9S_oVg2WQFkK7376zDFrHoRGWfr66COaqbYN2iofSZkU" style="margin-left: 1em; margin-right: 1em;"><img alt="emblema em formato de morango do logolicia" data-original-height="1024" data-original-width="1170" height="561" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEjGDmEKI8roBCVIpOEkhu-hZ7nsB9KhjIi_eYz_WZ5doc8x_07cZPcb_reYRnnm7_Uwntb3R6tnyY8IH-s5rG0bQRPy8QC06c7IyzfCtYH4dub71roY-7hbt1h-k-LaKk6UfM239Ni9GrltMht9S_oVg2WQFkK7376zDFrHoRGWfr66COaqbYN2iofSZkU=w640-h561-rw" title="emblema da logolicia em formato de morango" width="640" /></a></div>Um projeto que nasceu da <em>paixão por marcas</em></h2>
      <blockquote class="ll-context-quote">
        "O Logolícia é uma galeria de logos que tem como objetivo divulgar o seu trabalho e servir como fonte de inspiração para seus próximos projetos."
      </blockquote>
    </div>
    <div class="ll-context-right">
      <div class="ll-context-body">
        <p>O Logolicia nasceu no início dos anos 2010, criado pelo brand specialist brasileiro <strong>Diogo Palilo</strong>, como resposta a uma necessidade real da comunidade criativa nacional: ter um lugar onde logos brasileiros &#8212; e internacionais &#8212; fossem apresentados com respeito, contexto e curadoria.</p>
        <p>Em uma época em que bancos de imagens genéricos dominavam a internet, o Logolicia se diferenciava pelo olhar editorial. Cada marca publicada tinha um propósito, um segmento, uma história. O visitante não apenas via um logo &#8212; ele entendia <em>o que aquele projeto comunicava</em> e por quê funcionava.</p>
        <p>A galeria rapidamente se tornou referência para estudantes de design, profissionais em busca de inspiração e empreendedores que queriam entender o que fazia uma identidade visual ser <strong>memorável de verdade</strong>. Era comum encontrar o Logolicia citado em listas das melhores ferramentas para designers ao lado de grandes nomes internacionais.</p>
        <p>O projeto encerrou as atividades em <strong>2024</strong>, quando o domínio expirou. Seu legado, no entanto, permanece vivo &#8212; nas marcas que inspirou, nos designers que formou e na filosofia que guia este espaço.</p>
      </div>
    </div>
  </div>
</section>

<!--COMO FUNCIONAVA-->
<section class="ll-how ll-reveal">
  <div class="ll-how-inner">
    <div class="ll-how-header">
      <div class="ll-how-pill">Como era a experiência</div><div class="ll-how-pill"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEicDKWTTJfUaL2aNbaljeKFD3h4hbydxOLU8kpB4OBakrJX6ouJfu6jvOlpuucw8IOYlbXafeQAgQgaSO2PkyUeydN13UQGTDG9DcGScpatOiCKvhaH6aE9AiHLY3UPAI8ThkJT62sMydKbvtJZ0T3Zd9bRiFn9FJbuCtmTFTaNwq0gDDzx0GE8qpwfC-U" style="margin-left: 1em; margin-right: 1em;"><img alt="Interface antiga do logolicia" data-original-height="1024" data-original-width="1536" height="426" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEicDKWTTJfUaL2aNbaljeKFD3h4hbydxOLU8kpB4OBakrJX6ouJfu6jvOlpuucw8IOYlbXafeQAgQgaSO2PkyUeydN13UQGTDG9DcGScpatOiCKvhaH6aE9AiHLY3UPAI8ThkJT62sMydKbvtJZ0T3Zd9bRiFn9FJbuCtmTFTaNwq0gDDzx0GE8qpwfC-U=w640-h426-rw" title="interface e experiencia de usuario antigas do logolicia" width="640" /></a></div><br /><br /></div>
      <h2 class="ll-how-h2">Uma galeria pensada para <em>inspirar</em></h2>
    </div>
    <div class="ll-how-grid">
      <div class="ll-how-card">
        <div class="ll-how-icon">🗂&#65039;</div>
        <h3 class="ll-how-title">Navegação por cores e meses</h3>
        <p class="ll-how-text">O usuário podia filtrar os logos pela paleta de cores predominante ou navegar cronologicamente por mês de publicação &#8212; tornando a busca por referência intuitiva e visual.&nbsp;&nbsp;</p><p class="ll-how-text">&nbsp;<a href="https://blogger.googleusercontent.com/img/a/AVvXsEjdXoGp04Zw7wwj4YdW14QGDatYvsef3o5gdjdCY5L46SP0n07ylRgOhlCOYy6p_ts1H4Olm0Ql9qHUH-ZsgSdyKJOv1MFukqfVY8mBvH6ceeXMGPk6CX_IMeei8-nFvMjwpldeBigtEvpnVSCQmgOV_MqdiTOC-XFNAPK03zAONpRRuBaB4d7KYB73yes" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="artlover e logolicia - nova parceria" data-original-height="1024" data-original-width="1536" height="133" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEjdXoGp04Zw7wwj4YdW14QGDatYvsef3o5gdjdCY5L46SP0n07ylRgOhlCOYy6p_ts1H4Olm0Ql9qHUH-ZsgSdyKJOv1MFukqfVY8mBvH6ceeXMGPk6CX_IMeei8-nFvMjwpldeBigtEvpnVSCQmgOV_MqdiTOC-XFNAPK03zAONpRRuBaB4d7KYB73yes=w200-h133-rw" title="renascimento do logolicia" width="200" /></a></p><br /><p></p>
      </div>
      <div class="ll-how-card">
        <div class="ll-how-icon">&#11088;</div>
        <h3 class="ll-how-title">Sistema de votação 1 a 5</h3>
        <p class="ll-how-text">Cada projeto podia ser avaliado pela comunidade com notas de 1 a 5 apenas passando o mouse sobre as miniaturas. Isso criava um ranking orgânico dos trabalhos mais admirados &#8212; sem algoritmos, só gosto coletivo.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEimHGqDB-LaUV1_tsI03M855rV5O0xZ4dRQAIKOqczUB0muwSH5OmRvRWzAWh1NQvrlHwM9iaqZ7LzLRaw2m-PhbxitJFq-vcdgw5gUolHF282cOE3hKXM_QrfY_sHbczdE-lRD-n6Ngquwu0ECdXtKnnCWw9hAo6iWGSQH35HMeg_5lxHSiW-IWpLgN1k" style="margin-left: 1em; margin-right: 1em;"><img alt="imagem logolicia pequena" data-original-height="1024" data-original-width="1536" height="133" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEimHGqDB-LaUV1_tsI03M855rV5O0xZ4dRQAIKOqczUB0muwSH5OmRvRWzAWh1NQvrlHwM9iaqZ7LzLRaw2m-PhbxitJFq-vcdgw5gUolHF282cOE3hKXM_QrfY_sHbczdE-lRD-n6Ngquwu0ECdXtKnnCWw9hAo6iWGSQH35HMeg_5lxHSiW-IWpLgN1k=w200-h133-rw" title="pequeno emblema logolicia" width="200" /></a></div><br /><p></p>
      </div>
      <div class="ll-how-card">
        <div class="ll-how-icon">👤</div>
        <h3 class="ll-how-title">Perfil do criador e comentários</h3>
        <p class="ll-how-text">Clicar em qualquer logo levava a uma página com informações sobre o autor do projeto e a possibilidade de comentar. O Logolicia era uma comunidade, não apenas um arquivo.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLc0AlCOvcql2bHrVbNFlrr8IhwIVR6S-Od2kAu1t5YTMTwVd22QBUEMxSizbymyN4104kQqtQGbyt44J0K3ZUm1LIND2ZA_ny1PP871JUlm8O93L6Vj_2oqtyZUxTVdrrtbW3opCgqYwN2SkoqWC0uzL9XZK_2zAVt5RwRKZu3QelygyBepoSF36bGyU/s1536/5126f0a6-040f-4ce3-b779-50c54cd8fd04.webp" style="margin-left: 1em; margin-right: 1em;"><img alt="favicon do logolicia identidade visual antiga" border="0" data-original-height="1024" data-original-width="1536" height="133" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLc0AlCOvcql2bHrVbNFlrr8IhwIVR6S-Od2kAu1t5YTMTwVd22QBUEMxSizbymyN4104kQqtQGbyt44J0K3ZUm1LIND2ZA_ny1PP871JUlm8O93L6Vj_2oqtyZUxTVdrrtbW3opCgqYwN2SkoqWC0uzL9XZK_2zAVt5RwRKZu3QelygyBepoSF36bGyU/w200-h133-rw/5126f0a6-040f-4ce3-b779-50c54cd8fd04.webp" title="antigo favicon - logolicia" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div></div></section><section class="ll-gallery-wrap ll-reveal"><div class="ll-gallery-header">
    <h2 class="ll-gallery-h2">Marcas que fizeram<br /><em>parte desta galeria</em></h2>
    <p class="ll-gallery-sub">Alguns dos projetos mais referenciados da curadoria Logolicia &#8212; cada um representando um segmento, uma linguagem visual, uma história de marca diferente.</p>
  </div>
  <div class="ll-gallery-grid">

    <div class="ll-logo-card ll-reveal" itemscope="" itemtype="https://schema.org/VisualArtwork">
      <div class="ll-logo-mono"><div class="ll-logo-mono-txt">RC</div></div>
      <div class="ll-logo-seg" itemprop="genre">Café &#183; Gastronomia</div>
      <h3 class="ll-logo-name" itemprop="name">Rosa Cafe</h3>
      <p class="ll-logo-desc" itemprop="description">Um projeto de identidade visual que equilibra <strong>delicadeza e sofisticação</strong>. O logo do Rosa Cafe é exemplo clássico de como elementos florais e tipografia serif podem criar uma marca que evoca aconchego sem abrir mão do refinamento &#8212; referência para negócios gastronômicos que querem comunicar qualidade desde o primeiro olhar.</p>
      <div class="ll-logo-footer">
        <div class="ll-logo-ref">Curadoria Logolicia</div>
        <div class="ll-logo-arr">&#8594;</div>
      </div>
    </div>

    <div class="ll-logo-card ll-reveal" itemscope="" itemtype="https://schema.org/VisualArtwork">
      <div class="ll-logo-mono"><div class="ll-logo-mono-txt">VG</div></div>
      <div class="ll-logo-seg" itemprop="genre">Varejo &#183; Sustentabilidade</div>
      <h3 class="ll-logo-name" itemprop="name">Village Green</h3>
      <p class="ll-logo-desc" itemprop="description">Identidade construída sobre os pilares de naturalidade e responsabilidade ambiental. A paleta de <strong>verdes terrosos</strong> e a tipografia orgânica comunicam os valores da marca antes mesmo de o cliente ler uma palavra &#8212; demonstrando que um bom logo é uma mensagem visual completa em si mesmo.</p>
      <div class="ll-logo-footer">
        <div class="ll-logo-ref">Curadoria Logolicia</div>
        <div class="ll-logo-arr">&#8594;</div>
      </div>
    </div>

    <div class="ll-logo-card wide ll-reveal" itemscope="" itemtype="https://schema.org/VisualArtwork">
      <div class="ll-logo-mono" style="flex-shrink: 0; height: 108px; margin-bottom: 0px; width: 108px;"><div class="ll-logo-mono-txt" style="font-size: 26px;">AH</div></div>
      <div style="flex: 1 1 0%;">
        <div class="ll-logo-seg" itemprop="genre">Bar &#183; Entretenimento Noturno</div>
        <h3 class="ll-logo-name" itemprop="name">Altas Horas Bar</h3>
        <p class="ll-logo-desc" itemprop="description">Um dos projetos <strong>mais referenciados</strong> de toda a galeria Logolicia. O Altas Horas Bar é case de identidade visual para o segmento de bares e entretenimento &#8212; com uso expressivo de contraste, tipografia bold e elementos que remetem à cultura urbana e ao movimento noturno. Um logo que funciona em fachada, uniformes, copos e redes sociais com a mesma força em qualquer escala.</p>
        <div class="ll-logo-footer" style="margin-top: 24px;">
          <div class="ll-logo-ref">Curadoria Logolicia &#183; Referência em bares</div>
          <div class="ll-logo-arr">&#8594;</div>
        </div>
      </div>
    </div>

    <div class="ll-logo-card wide ll-reveal" itemscope="" itemtype="https://schema.org/VisualArtwork">
      <div class="ll-logo-mono" style="flex-shrink: 0; height: 108px; margin-bottom: 0px; width: 108px;"><div class="ll-logo-mono-txt" style="font-size: 18px; line-height: 1.3;">By<br />Chat</div></div>
      <div style="flex: 1 1 0%;">
        <div class="ll-logo-seg" itemprop="genre">Tecnologia &#183; Comunicação Digital</div>
        <h3 class="ll-logo-name" itemprop="name">By Chat</h3>
        <p class="ll-logo-desc" itemprop="description">Identidade visual desenvolvida para um serviço de comunicação digital. O By Chat é exemplo de como conceitos <strong>abstratos e funcionais</strong> podem se transformar em marcas visuais claras e memoráveis &#8212; com geometria limpa, paleta vibrante e legibilidade perfeita em todas as escalas, do ícone de app ao banner físico. Referenciado internacionalmente em listas de logo design para o segmento de tecnologia.</p>
        <div class="ll-logo-footer" style="margin-top: 24px;">
          <div class="ll-logo-ref">Curadoria Logolicia &#183; Referência em tech</div>
          <div class="ll-logo-arr">&#8594;</div>
        </div>
      </div>
    </div>

  </div>
</section>

<!--CITAÇÃO TECHTUDO-->
<section class="ll-press ll-reveal">
  <div class="ll-press-inner">
    <div class="ll-press-left">
      <div class="ll-press-pill">Na imprensa</div>
      <h2 class="ll-press-h2">Reconhecido pela <em>Editora Globo</em></h2>
      <p class="ll-press-text">Em 2011, o TechTudo &#8212; portal de tecnologia da Editora Globo &#8212; incluiu o Logolicia entre as dez principais ferramentas online para designers brasileiros. A menção destacou não apenas a qualidade da curadoria, mas a inovação da experiência: um projeto brasileiro que disputava espaço com referências internacionais do design.</p>
    </div>
    <div class="ll-press-right">
      <div class="ll-press-quote-card">
        <p class="ll-press-quote">Logolícia é um projeto brasileiro dedicado especialmente ao desenvolvimento de logotipos. É um ótimo lugar para buscar inspiração para qualquer tipo de criação, mesmo que não seja uma marca, pois formas, cores e muita criatividade você vê por lá.</p>
        <div class="ll-press-source">
          <div class="ll-press-source-dot"></div>
          <div class="ll-press-source-text">TechTudo &#183;<a href="https://www.editoraglobonegocios.com.br/" rel="nofollow" target="_blank"> Editora Globo</a> &#183; 2011</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!--TIMELINE-->
<section class="ll-tl-wrap ll-reveal">
  <div class="ll-tl-inner">
    <div class="ll-tl-pill">Linha do tempo</div>
    <h2 class="ll-tl-h2">14 anos de <em>legado criativo</em></h2>
    <div class="ll-tl-list">
      <div class="ll-tl-item">
        <div class="ll-tl-dot-wrap"><div class="ll-tl-dot"><div class="ll-tl-dot-inner"></div></div></div>
        <div class="ll-tl-body">
          <div class="ll-tl-year">2010</div>
          <h3 class="ll-tl-title">A galeria é fundada por Diogo Palilo</h3>
          <p class="ll-tl-desc">O Logolicia nasce como um projeto pessoal do brand specialist <strong>Diogo Palilo</strong> &#8212; com a missão de divulgar projetos de logo brasileiros e&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; internacionais e servir como fonte de inspiração para designers e criativos.</p>
        </div>
      </div>
      <div class="ll-tl-item">
        <div class="ll-tl-dot-wrap"><div class="ll-tl-dot"><div class="ll-tl-dot-inner"></div></div></div>
        <div class="ll-tl-body">
          <div class="ll-tl-year">2011</div>
          <h3 class="ll-tl-title">TechTudo elege o Logolicia entre as top 10 do Brasil</h3>
          <p class="ll-tl-desc">O portal da Editora Globo publica a lista "Principais ferramentas online para designers" e coloca o Logolicia na 7ª posição &#8212; ao lado de ferramentas internacionais consolidadas. A visibilidade dispara e o projeto atinge um novo patamar de reconhecimento.</p>
        </div>
      </div>
      <div class="ll-tl-item">
        <div class="ll-tl-dot-wrap"><div class="ll-tl-dot"><div class="ll-tl-dot-inner"></div></div></div>
        <div class="ll-tl-body">
          <div class="ll-tl-year">2013&#8211;2016</div>
          <h3 class="ll-tl-title">Apogeu e alcance global</h3>
          <p class="ll-tl-desc">A galeria alcança o <strong>ranking 31.951º no Brasil</strong> com mais de 350 visitantes diários. Sites no Japão, Europa e EUA passam a referenciar o Logolicia em listas de galerías de logos. O Facebook oficial acumula centenas de seguidores da comunidade criativa.</p>
        </div>
      </div>
      <div class="ll-tl-item">
        <div class="ll-tl-dot-wrap"><div class="ll-tl-dot"><div class="ll-tl-dot-inner"></div></div></div>
        <div class="ll-tl-body">
          <div class="ll-tl-year">2024</div>
          <h3 class="ll-tl-title">Fim de um ciclo &#8212; início de outro</h3>
          <p class="ll-tl-desc">O domínio logolicia.com.br expira em agosto de 2024, encerrando formalmente as atividades da galeria. A <strong><a href="https://www.graficaemcuiaba.com.br/">Artlover Estúdio</a></strong> assume o legado &#8212; preservando a memória do projeto e aplicando a mesma filosofia de curadoria criativa na criação real de identidades visuais em Cuiabá e em todo o Brasil.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!--CTA-->
<section class="ll-cta ll-reveal">
  <div class="ll-cta-glow"></div>
  <div class="ll-cta-inner">
    <div class="ll-cta-left">
      <div class="ll-cta-pill">Artlover Estúdio &#183; Cuiabá/MT</div>
      <h2 class="ll-cta-h2">O Logolicia<br /><em>inspirou.</em><br />A Artlover<br /><em>cria.</em></h2>
      <p class="ll-cta-text">A mesma filosofia que guiou o Logolicia &#8212; marcas com propósito, identidade única, traço que conta uma história &#8212; agora está disponível para o seu negócio. Criamos logomarcas, <a href="https://www.graficaemcuiaba.com.br/2026/05/panfleto-em-cuiaba.html">panfletos</a>, identidade visual, <a href="https://www.graficaemcuiaba.com.br/p/onde-fazer-topper-de-bolo-em-cuiaba.html">toppers para bolo</a>, <a href="https://www.graficaemcuiaba.com.br/2026/04/onde-fazer-cartao-visita-em-cuiaba.html">cartões</a> e <a href="https://www.graficaemcuiaba.com.br/2026/04/ima-de-geladeira.html">ímãs de geladeira</a> e papelaria. <strong>Atendemos em Cuiabá e em todo o Brasil.</strong></p>
    </div>
    <div class="ll-cta-right">
      <div class="ll-cta-services">
        <div class="ll-cta-service">Criação de logomarca do zero &#8212; a partir de R$150</div>
        <div class="ll-cta-service">Identidade visual completa com manual de marca</div>
        <div class="ll-cta-service"><a href="https://www.graficaemcuiaba.com.br/2026/03/cartao-de-visita-em-cuiaba-1000un-por.html">Cartão de visita</a>, <a href="https://www.graficaemcuiaba.com.br/2026/03/banner-lona-com-borda-lisa-em-cuiaba-tamanho-90x120.html">banner</a>, <a href="https://www.graficaemcuiaba.com.br/2026/03/adesivos%20personalizados%20para%20confeiteiras%20em%20cuiaba%20redondo%205x5%20.html">adesivo</a> &#8212; <a href="https://www.graficaemcuiaba.com.br/2026/04/conheca-a-artlover-grafica-e-papelaria-personalizada-em-cuiaba.html">impressão em Cuiabá</a></div>
        <div class="ll-cta-service">Atendimento by chat &#8212; <a href="https://www.graficaemcuiaba.com.br/2026/04/conheca-a-artlover-grafica-e-papelaria-personalizada-em-cuiaba.html">100% pelo WhatsApp</a></div><div class="ll-cta-service">Leia mais em <a href="https://www.graficaemcuiaba.com.br/p/artlover-blog.html">nosso blog</a></div>
      </div>
      <a class="ll-btn-main" href="https://wa.me/5565999033768?text=Oi!%20Vi%20a%20galeria%20Logolicia%20e%20quero%20criar%20minha%20marca." rel="nofollow" target="_blank">🎨 Quero criar minha logomarca</a>
      <a class="ll-btn-sec" href="https://www.graficaemcuiaba.com.br/2026/03/cartao-visita-premium-com-verniz-localizado-em-cuiaba.html">Ver cartão de visita uv localizado &#8594;</a>
      <a class="ll-btn-sec" href="https://www.graficaemcuiaba.com.br/search/label/Banner">Ver banners e lonas &#8594;</a>
    </div>
  </div>
</section>

<!--CARROSSEL DE PORTFÓLIO-->
<section style="background: var(--bg); border-top: 1px solid var(--border); padding: 64px 48px;">
  <div style="max-width: 900px;">
    <div style="align-items: flex-end; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 32px;">
      <div>
        <div style="background: var(--pink-l); border-radius: 50px; color: var(--pink); display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 12px; padding: 5px 14px; text-transform: uppercase;">Portfólio real</div>
        <h2 style="color: var(--title); font-family: &quot;Playfair Display&quot;, Georgia, serif; font-size: clamp(24px,4vw,36px); font-weight: 700; line-height: 1.2;">Marcas criadas pela <em style="color: var(--pink); font-style: italic;">Artlover Estúdio</em></h2>
      </div>
      <span color="var(--meta)" style="font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;">6 projetos</span>
    </div>

    <!--trilho do carrossel-->
    <div style="position: relative;">
      <div id="ll-portfolio-track" style="-webkit-overflow-scrolling: touch; display: flex; gap: 16px; overflow-x: auto; padding: 4px 2px 12px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none;">

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="logo design criativo e moderno &#8212; Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgTU4k2nGuqVOEw3p2uOl59fix7dWcRiCdnAHojEsQi04-sXYpA4dsj4tNhp5om_MBVp52F_-WA4g3fiMi1sl0rj_SvQUfpAClvWghaEtOh76K3pICcbS3B0T1QTvGImajCJkXaHjzUhX-MJtCftn7y48R5U8Xz3dgDJxyt9kg_bHXeNjsAkHJrglAgA/s320-rw/faixada%20futbet.png" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="desenvolvimento de logotipo para negócio local &#8212; Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEiiFwwZewJFpkUWC0l-kxgr7S4cHZQ66OCn_0E1MgY8RfGg1D-8zTga_6nYbwanayp9TYUxGinAeCYLB2jJ--c8246zYAgJ4eVCmORJ6V7AIKpx47DILjEt1oqY7VSrk9RGd5FzYcKvGyWWr-49Fnao7gIqhB2-QfE0L8rEJgEqgloC-kuRIFT70XvEA10=rw" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="marca profissional para MEI e pequenas empresas &#8212; Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgNhzdRjP1QIwM3OJwTgLJlZpQN-XyUCeZmxo-H439UtAqjdx4njejaC2bCoLmpUrL8mF8GfTmTyAXU3YQsKZW9etTUjrgy8zYVuvXhVIgaoUL8Y9fakHG_Nl8mXRSJ78xvXb6ys1UEyQ3KOn5l4ttNrAYJFbhshy_oP-jHjLMbLyFT4YhyQo8xzBuJ-50=rw" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="logotipo criado pela Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEiJfmtqNXC3De5x_d-wwMWErlUOza_8L_oZXsqbdLe6yy_jtx_q2k6rOl1dNpzx5xtnEPx4Hx97UpzRPr2rekUc11a943Zetj0IlAU6SZrqQrVU5m95RXwq8C9tIYtbMT6GJMPpdva3sm-Aztfp8oYhbmU7_pMGxEChqY5YVLNPrnr4sYZz-EUAgpe7x9c=rw" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="criação de logomarca profissional &#8212; Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgz0nYf7KBV-Oog9TsSfXGWsNCJQLdxkv_-8FZSWGIyT8J48SQlonIioN-9yN5QUlAQdH7eoZKdQbj9cAtf3b3T1gB51M4klXNemQP1viI6vGnXccMEsprav14yyB2A6cSWtL7AdkbRP1YsQn9HxFlocQkPvt5Yx9NRHY3xISU-I4Jc0mBOgicHkw9DCfw=rw" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

        <div onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 8px 32px rgba(254,58,156,.12)'" onmouseleave="this.style.transform='none';this.style.boxShadow='none'" style="background: var(--white); border-radius: 16px; border: 1px solid var(--border); flex: 0 0 220px; overflow: hidden; scroll-snap-align: start; transition: transform 0.3s, box-shadow 0.3s;">
          <div style="align-items: center; background: rgb(245, 245, 245); display: flex; height: 160px; justify-content: center; padding: 16px;">
            <img alt="identidade visual para pequenas empresas &#8212; Artlover Estúdio" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEiGtguftb03195yhz8BkaaXY5cHXMWyU-2vZpNVmWEIDnmeOCa64sJrRCAFZTHxZC_9V7cbHGTYSTtPZ02EbOkqIgz8bDW1uJkGYFMxsagUvn4iTcn_b43YsP4XGl3oUFm8LVQKv_M9aiyUqAQnQXEH1G0JTebSHLjwgJkpLQaYNxoyC5tbcZw3QdCV_8I=rw" style="max-height: 128px; max-width: 100%; object-fit: contain;" />
          </div>
          <div style="border-top: 1px solid var(--border); color: var(--meta); font-family: Nunito, sans-serif; font-size: 12px; font-weight: 600; padding: 12px 16px;">Logomarca &#183; Artlover</div>
        </div>

      </div>

      <!--setas-->
      <button onclick="document.getElementById('ll-portfolio-track').scrollBy({left:-252,behavior:'smooth'})" onmouseenter="this.style.background='var(--pink-d)'" onmouseleave="this.style.background='var(--pink)'" style="align-items: center; background: var(--pink); border-color: currentcolor; border-image: initial; border-radius: 50%; border-style: none; border-width: medium; border: none; box-shadow: rgba(254, 58, 156, 0.35) 0px 2px 12px; color: white; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; left: -16px; position: absolute; top: 50%; transform: translateY(-60%); transition: background 0.2s; width: 36px; z-index: 10;">&#8592;</button>
      <button onclick="document.getElementById('ll-portfolio-track').scrollBy({left:252,behavior:'smooth'})" onmouseenter="this.style.background='var(--pink-d)'" onmouseleave="this.style.background='var(--pink)'" style="align-items: center; background: var(--pink); border-color: currentcolor; border-image: initial; border-radius: 50%; border-style: none; border-width: medium; border: none; box-shadow: rgba(254, 58, 156, 0.35) 0px 2px 12px; color: white; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; position: absolute; right: -16px; top: 50%; transform: translateY(-60%); transition: background 0.2s; width: 36px; z-index: 10;">&#8594;</button>
    </div>

    <div style="margin-top: 28px; text-align: center;">
      <a href="https://wa.me/5565999033768?text=Oi!%20Vi%20o%20portf%C3%B3lio%20no%20Logolicia%20e%20quero%20criar%20minha%20marca." onmouseenter="this.style.background=&#39;var(--pink-d)&#39;;this.style.transform=&#39;translateY(-2px)&#39;" onmouseleave="this.style.background=&#39;var(--pink)&#39;;this.style.transform=&#39;none&#39;" rel="nofollow" style="align-items: center; background: var(--pink); border-radius: 50px; box-shadow: rgba(254, 58, 156, 0.3) 0px 4px 20px; color: white; display: inline-flex; font-family: Nunito, sans-serif; font-size: 15px; font-weight: 700; gap: 10px; padding: 16px 32px; text-decoration: none; transition: 0.3s;" target="_blank">🎨 Quero minha logomarca</a>
    </div>
  </div>
</section>

<!--CRÉDITO-->
<footer style="align-items: center; background: var(--dark); border-top: 1px solid rgba(255, 255, 255, 0.06); display: flex; justify-content: center; padding: 32px 48px;">
  <p style="color: rgba(255, 255, 255, 0.3); font-family: Nunito, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.7; text-align: center;">
    Esta página foi criada por <a href="https://www.graficaemcuiaba.com.br/p/by-chat.html" style="color: var(--pink); font-weight: 600; text-decoration: none;">Alicia Vitória Chagas Cavalcanti</a> em homenagem à galeria de logos mais deliciosa do Brasil.
  </p>
</footer>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CollectionPage",
  "name": "Logolicia &#8212; Galeria de Logotipos para Inspirar | Artlover Estúdio",
  "description": "O Logolicia foi um dos principais projetos brasileiros de curadoria de identidade visual. Galeria de logos com Rosa Cafe, Village Green, Altas Horas Bar e By Chat &#8212; referência para designers e empreendedores do Brasil e do mundo.",
  "url": "https://www.graficaemcuiaba.com.br/p/logolicia.html",
  "publisher": {
    "@type": "Organization",
    "name": "Artlover Estúdio",
    "url": "https://www.graficaemcuiaba.com.br",
    "logo": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYb5JXwkBfXl8s1O2BWAPmgxl2kbbyZEFGs1_cyECSD6IDkquYsVQi-YP8YzZV025BvMh-Is4rJWBMiX6sran8NHXRJvgcYVGNmAdpLyU6PM6g6XexJeJxQ8B8-g8DFiZyr1eAyufgmAwvc3z0TfwToEQQSF73szYbc6fmg0scJQi_lDSgPb8OEn6pGik/s320/logotipo_artlover_grafica_de_cuiaba.webp"
  },
  "about": [
    {"@type":"VisualArtwork","name":"Rosa Cafe","genre":"Identidade Visual &#183; Gastronomia","description":"Logo de café com tipografia serif e elementos florais &#8212; referência em design para negócios gastronômicos."},
    {"@type":"VisualArtwork","name":"Village Green","genre":"Identidade Visual &#183; Sustentabilidade","description":"Identidade visual com paleta de verdes terrosos para negócio sustentável."},
    {"@type":"VisualArtwork","name":"Altas Horas Bar","genre":"Identidade Visual &#183; Bar e Entretenimento","description":"Logo de bar referenciado internacionalmente com tipografia bold e linguagem urbana."},
    {"@type":"VisualArtwork","name":"By Chat","genre":"Identidade Visual &#183; Tecnologia e Comunicação","description":"Logo para serviço de comunicação digital com geometria limpa e paleta vibrante."}
  ]
}
</script>

<script>
(function(){
  var els=document.querySelectorAll('.ll-reveal');
  if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('visible')});return}
  var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target)}})},{threshold:.08});
  els.forEach(function(e){obs.observe(e)});
})();
</script>
</div>
</div>
</div>
</article>
<div class='artlover-studio-comentarios post-widget' data-shortcode='$type={blogger}'>
<a name='comments'></a>
<section class='comments threaded flex-col no-comments' data-embed='true' data-num-comments='0' id='comments'>
<div class='title-wrap comments-title no-message'>
<h3 class='title'>Postar um comentário</h3></div>
<div class='comment-form'>
<a name='comment-form'></a>
<a href='https://www.blogger.com/comment/frame/4915282586710018320?pa=7109070841085283012&hl=pt-BR&saa=85391&origin=https://www.graficaemcuiaba.com.br&skin=soho' id='comment-editor-src' rel='noopener noreferrer' title='Comment Form Link'></a>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='90px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
          BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
        </script>
</div>
</section>
</div>
</div>
</div></div>
</main>
<aside id='sidebar-wrapper'>
<div class='sidebar art-secao section' id='sidebar' name='Menu lateral'>
<div class='widget PopularPosts' data-version='2' id='PopularPosts2'>
<div class='widget-title title-wrap'><h3 class='title'>Mais vendidos</h3></div>
<div class='widget-content side-items'>
<div class='side-item item-0' data-id='1951554349218665485'>
<a class='entry-image-link sz-1 is-image' href='https://www.graficaemcuiaba.com.br/2026/03/topper-para-bolo-em-cuiaba.html' title='R$ 19,00 |Topper para Bolo em Cuiabá – Personalizados para Aniversários e Festas'><span class='entry-image' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRDyHPGo-scTQtECZas9Ur_46lbv8QMKMS2e8ZOTUJL5GdBSepwugtAM5Am2qBVhXuJ4Wv-UKnEb6NBQmHrMFmDOWcDXYKthW2spJGDYknOkr7mdJSWLxT6yCJMMjmG4uBy-LxlLTyNTfDQWBhxhqhchZGAb4jlSNMqBaS4CnaN-tpSLqExrIAVjN8WU/w72-h72-p-k-no-nu/Toppers-para-festa-infantil-grafica-em-cuiaba-artlover-estudio.jpeg'></span>
</a>
<div class='entry-header'>
<h2 class='entry-title'><a href='https://www.graficaemcuiaba.com.br/2026/03/topper-para-bolo-em-cuiaba.html' title='R$ 19,00 |Topper para Bolo em Cuiabá – Personalizados para Aniversários e Festas'>R$ 19,00 |Topper para Bolo em Cuiabá &#8211; Personalizados para Aniversários e Festas</a></h2>
</div>
</div>
<div class='side-item item-1' data-id='6860927708842672189'>
<a class='entry-image-link sz-1 is-image' href='https://www.graficaemcuiaba.com.br/2026/03/cartao-de-visita-em-cuiaba-1000un-por.html' title='R$ 180,00 |Cartão de Visita em Cuiabá | 1000un| Peça pelo WhatsApp'><span class='entry-image' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZ7HcGkH3SSOkRoG_0n2R00e3GlZrodpGaIsuYNtkOWvoLiOXhVvVWtE63C9L7oEjkUYEI8nrGNvuuWGRw_7jLpN2s89EXgXxyZh27eADY4og-ZKwmk2u034HXb41RCBnj1SqwIJMhhStWOKnB6-R6rAhHCibmkj9HiIE57ccKI8O2slyYemN1IMdYF0/w72-h72-p-k-no-nu/cart%C3%A3o-visitas-em-cuiaba-1000-unidades-180-reais.webp'></span>
</a>
<div class='entry-header'>
<h2 class='entry-title'><a href='https://www.graficaemcuiaba.com.br/2026/03/cartao-de-visita-em-cuiaba-1000un-por.html' title='R$ 180,00 |Cartão de Visita em Cuiabá | 1000un| Peça pelo WhatsApp'>R$ 180,00 |Cartão de Visita em Cuiabá | 1000un| Peça pelo WhatsApp</a></h2>
</div>
</div>
</div>
</div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
<div class='widget-title title-wrap'><h3 class='title'>Mais visitados</h3></div>
<div class='widget-content side-items'>
<div class='side-item item-0' data-id='1951554349218665485'>
<a class='entry-image-link sz-1 is-image' href='https://www.graficaemcuiaba.com.br/2026/03/topper-para-bolo-em-cuiaba.html' title='R$ 19,00 |Topper para Bolo em Cuiabá – Personalizados para Aniversários e Festas'><span class='entry-image' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRDyHPGo-scTQtECZas9Ur_46lbv8QMKMS2e8ZOTUJL5GdBSepwugtAM5Am2qBVhXuJ4Wv-UKnEb6NBQmHrMFmDOWcDXYKthW2spJGDYknOkr7mdJSWLxT6yCJMMjmG4uBy-LxlLTyNTfDQWBhxhqhchZGAb4jlSNMqBaS4CnaN-tpSLqExrIAVjN8WU/w72-h72-p-k-no-nu/Toppers-para-festa-infantil-grafica-em-cuiaba-artlover-estudio.jpeg'></span>
</a>
<div class='entry-header'>
<h2 class='entry-title'><a href='https://www.graficaemcuiaba.com.br/2026/03/topper-para-bolo-em-cuiaba.html' title='R$ 19,00 |Topper para Bolo em Cuiabá – Personalizados para Aniversários e Festas'>R$ 19,00 |Topper para Bolo em Cuiabá &#8211; Personalizados para Aniversários e Festas</a></h2>
</div>
</div>
<div class='side-item item-1' data-id='7204298137951073801'>
<a class='entry-image-link sz-1 is-image' href='https://www.graficaemcuiaba.com.br/2026/04/cartao-de-visita-em-pvc-transparante-grafica-em-cuiaba.html' title='R$ 359,00 | Cartão de Visita em PVC Transparente 500 Unidades | Gráfica em Cuiabá'><span class='entry-image' data-src='https://blogger.googleusercontent.com/img/a/AVvXsEiNqkRkORnONf1ETOz6YlbbbIDGVaVY8XdSn81tSOyLSW9EAgAVt3Gx7cR-OufG9Jt9Il-_f3yS-1SPqojonrsORAVajJDrZ4cpOLQtX0aaHRK7diQI2ihfaX0W6sMrKi3o7GzAYy-on7p9Cn7E7jnUc--C-Nl8fJMpwH1lO8pjRk17bdVzzRUEAdW9ro8=w72-h72-p-k-no-nu'></span>
</a>
<div class='entry-header'>
<h2 class='entry-title'><a href='https://www.graficaemcuiaba.com.br/2026/04/cartao-de-visita-em-pvc-transparante-grafica-em-cuiaba.html' title='R$ 359,00 | Cartão de Visita em PVC Transparente 500 Unidades | Gráfica em Cuiabá'>R$ 359,00 | Cartão de Visita em PVC Transparente 500 Unidades | Gráfica em Cuiabá</a></h2>
</div>
</div>
<div class='side-item item-2' data-id='8907907797603063912'>
<a class='entry-image-link sz-1 is-image' href='https://www.graficaemcuiaba.com.br/2026/03/topo-de-sao-joao.html' title='R$ 15,00 | Topper Festa Junina Rosa – Camada Simples | Delicado e Colorido | Canon Original - Artlover Cuiabá'><span class='entry-image' data-src='https://blogger.googleusercontent.com/img/a/AVvXsEg26zx_iwIvzgsbdc-amHBa1nMLTh9X77YKyL_9MRWLG-pSZ_tMiRAOLK7nV3yZspFORnKDUpYndaAaTATDH0RFdfgU61Jh_YHT83qynqMLkXGV9SRk6I5PC4gwWqxqvwny0hf0nAOiUmYXdvak-TbxBIUB8yvmOWU31VY3cqqR3q8hgummUchyN7unYb0=w72-h72-p-k-no-nu'></span>
</a>
<div class='entry-header'>
<h2 class='entry-title'><a href='https://www.graficaemcuiaba.com.br/2026/03/topo-de-sao-joao.html' title='R$ 15,00 | Topper Festa Junina Rosa – Camada Simples | Delicado e Colorido | Canon Original - Artlover Cuiabá'>R$ 15,00 | Topper Festa Junina Rosa &#8211; Camada Simples | Delicado e Colorido | Canon Original - Artlover Cuiabá</a></h2>
</div>
</div>
</div>
</div><div class='widget HTML' data-version='2' id='HTML12'>
<div class='widget-title title-wrap'><h3 class='title'>Promoções</h3></div>
<div class='widget-content'>
<div id="promo-display">Carregando promoções...</div>

<script>
// <![CDATA[
  function showPromos(json) {
    var html = '<ul style="list-style:none;padding:0;margin:0;">';
    for (var i = 0; i < json.feed.entry.length; i++) {
      var entry = json.feed.entry[i];
      var title = entry.title.$t;
      var url;
      for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          url = entry.link[k].href;
          break;
        }
      }
      html += '<li style="margin-bottom:15px; border-bottom:1px solid var(--border-color,#eee); padding-bottom:10px;">';
      html += '<a href="' + url + '" style="text-decoration:none; color:var(--title-color,#232f3e); font-weight:700; font-size:14px;">' + title + '</a>';
      html += '</li>';
    }
    html += '</ul>';
    document.getElementById('promo-display').innerHTML = html;
  }
// ]]>
</script>

<script src="/feeds/posts/default/-/destaque?alt=json-in-script&callback=showPromos&max-results=3"></script>
</div>
</div><div class='widget Label' data-version='2' id='Label1'>
<div class='widget-title title-wrap'><h3 class='title'>Categorias</h3></div>
<div class='widget-content list-label'>
<ul class='list-style'>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/Cart%C3%A3o%20de%20visita'>Cartão de visita</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/adesivos'>adesivos</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/arquivos%20digitais'>arquivos digitais</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/banner'>banner</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/flyer'>flyer</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/im%C3%A3'>imã</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/lona'>lona</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/mini-topper'>mini-topper</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/novidade'>novidade</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/promo%C3%A7%C3%A3o'>promoção</a></li>
<li><a class='label-name' href='https://www.graficaemcuiaba.com.br/search/label/topper'>topper</a></li>
</ul>
</div>
</div>
<div class='widget Header' data-version='2' id='Header1'>
<span class='blog-title'>
<a href='https://www.graficaemcuiaba.com.br/'>
Artlover | Gráfica &amp; Papelaria Personalizada em Cuiabá
</a>
</span>
</div><div class='widget Profile' data-version='2' id='Profile1'>
<div class='widget-title title-wrap'><h3 class='title'>Quem somos</h3></div>
<div class='widget-content individual'>
<img alt='Minha foto' class='profile-img' loading='lazy' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiCWxSxm6A1UdlejnjfbIJnV_cCuVXR28nKnfLYMbJSQzbGuEMuIHw9XacpeuBIfYXFomtBD41KvVxKKfMEIaE2swvvygjUSy9tInIqBHsp7nyQN9v6QVjlSJ8PMRwFQb_Fz7XfDWP8wxWkPO7DzCq8GHl2c-5EewrfHX4n-CGBh520Dg/w50-h50-p-k-no-nu/novo%20artlover%20panda.png'/>
<div class='profile-info'>
<a class='profile-name' href='https://www.blogger.com/profile/11468077503303127772' rel='noopener nofollow' target='_blank'>Alicia Vitória</a>
<a class='profile-link' href='https://www.blogger.com/profile/11468077503303127772' rel='noopener nofollow' target='_blank'>Mostrar mais</a>
</div>
</div>
</div></div>
</aside>
</div>
</div>
<!-- ============================================================ SEÇÃO SEO &#8212; Texto institucional para ranqueamento orgânico Aparece só na homepage, entre o catálogo e o rodapé. ============================================================ -->
<!-- ============================================================ RODAPÉ (footer-wrapper) Contém: - Menu do rodapé com links de navegação - Informações de contato da Artlover (telefone, email, endereço) Para editar: Blogger > Layout > Footer Menu / Footer Copyright ============================================================ -->
<footer class='flex-col' id='footer-wrapper'>
<div class='footer-bar flex-c'>
<div class='container row-x1 flex-sb'>
<div class='custom-footer-content' style='color: #666; font-size: 13px;'>
<span>&#169; 2026 <b>Gráfica Artlover</b> | <a href='/p/contato.html' style='color: #ffffff; text-decoration: none;'>(65) 99903-3768 | grafica@artlover.com | Santa Laura, Cuiabá - MT</a></span>
</div>
<div class='footer-menu section' id='footer-menu' name='Footer Menu'><div class='widget LinkList' data-version='2' id='LinkList204'>
<ul class='link-list'>
<li><a href='/p/artlover-blog.html'>Blog</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/p/sobre-grafica-artlover-cuiaba.html'>Contato</a></li>
<li><a href='https://www.graficaemcuiaba.com.br/p/artlover-institucional.html'>Institucional</a></li>
</ul>
</div></div>
</div>
</div>
</footer>
</div>
<div id='slide-menu'>
<div class='sm-header'>
<div class='mobile-logo'></div>
<div class='sm-toggle-wrap'>
<button aria-label='Hide Mobile Menu' class='hide-mobile-menu'></button>
</div>
</div>
<div class='sm-flex'>
<div class='mobile-menu' id='mobile-menu'></div>
<div class='mm-footer'></div>
</div>
</div>
<div class='overlay'></div>
<button aria-label='Back To Top' class='btn' id='back-top'></button>
<div class='hidden-widgets section' id='hidden-widgets'><div class='widget ContactForm' data-version='2' id='ContactForm1'>
<div class='widget-title'><h3 class='title'>Formulário de Contato</h3></div>
<div class='widget-content contact-form-widget'>
<form class='contact-form-form' name='contact-form'>
<input ariby='Nome' class='contact-form-name cf-s' id='ContactForm1_contact-form-name' name='name' placeholder='Nome' size='30' type='text' value=''/>
<input ariby='E-mail *' class='contact-form-email cf-s' id='ContactForm1_contact-form-email' name='email' placeholder='E-mail *' size='30' type='text' value=''/>
<textarea ariby='Mensagem *' class='contact-form-email-message cf-s' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='Mensagem *' rows='5'></textarea>
<input class='contact-form-button btn contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Enviar'/>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</form>
</div>
</div></div>
<!-- jQuery v3.7.1 &#8212; Biblioteca JavaScript base usada por todos os plugins -->
<!-- jQuery removido &#8212; site 100% Vanilla JS -->
<!-- Variáveis do tema (cores, configurações) passadas do Blogger para o JS -->
<script type='text/javascript'>
//<![CDATA[
/* ============================================================
   PASSO 5a: artMenu — Vanilla JS
   Constrói o menu com suporte a sub-menus.

   Como criar sub-menus no Blogger:
   1. Vá em Layout > Header Menu > Editar links
   2. Prefixe os itens filhos com _ (underline)
   Exemplo: item pai = "Categorias", filho = "_Toppers"
   ============================================================ */
function artMenu(menuEl) {
  if (!menuEl) return;

  /* Coleta todos os <a> filhos diretos dos <li> do LinkList */
  var lis   = Array.prototype.slice.call(menuEl.querySelectorAll('.LinkList ul > li'));
  var links = lis.map(function(li) { return li.querySelector('a'); });
  var total = links.length;
  var pai;

  /* Primeira passagem: cria sub-menus de nível 1 (sm-1) */
  for (var i = 0; i < total; i++) {
    var link  = links[i];
    if (!link) continue;
    var texto = link.textContent;

    if (texto.charAt(0) !== '_') {
      var proximo = links[i + 1];
      if (proximo && proximo.textContent.charAt(0) === '_') {
        pai = link.parentElement;
        var ul1 = document.createElement('ul');
        ul1.className = 'sub-menu sm-1';
        pai.appendChild(ul1);
      }
    }
    if (texto.charAt(0) === '_') {
      link.textContent = texto.replace('_', '');
      if (pai) {
        var sm1 = pai.querySelector('.sub-menu');
        if (sm1) sm1.appendChild(link.parentElement);
      }
    }
  }

  /* Segunda passagem: cria sub-menus de nível 2 (sm-2) */
  /* Re-coleta links pois o DOM mudou na primeira passagem */
  lis   = Array.prototype.slice.call(menuEl.querySelectorAll('.LinkList ul > li'));
  links = lis.map(function(li) { return li.querySelector('a'); });
  total = links.length;

  for (var j = 0; j < total; j++) {
    var link2  = links[j];
    if (!link2) continue;
    var texto2 = link2.textContent;

    if (texto2.charAt(0) !== '_') {
      var prox2 = links[j + 1];
      if (prox2 && prox2.textContent.charAt(0) === '_') {
        pai = link2.parentElement;
        var ul2 = document.createElement('ul');
        ul2.className = 'sub-menu sm-2';
        pai.appendChild(ul2);
      }
    }
    if (texto2.charAt(0) === '_') {
      link2.textContent = texto2.replace('_', '');
      if (pai) {
        var sm2 = pai.querySelector('.sm-2');
        if (sm2) sm2.appendChild(link2.parentElement);
      }
    }
  }

  /* Marca itens com filhos para ativar o CSS de seta */
  menuEl.querySelectorAll('.LinkList ul li ul').forEach(function(ul) {
    ul.parentElement.classList.add('has-sub');
  });
}

/* ============================================================
   PASSO 4a: artBadgePreco — Vanilla JS
   Badge de preço e label automático nas miniaturas
   ============================================================ */
(function() {
  function _criarEl(tag, cls, style, texto) {
    var el = document.createElement(tag);
    el.className = cls;
    if (style !== null) el.style.top = style + "px";
    el.textContent = texto;
    return el;
  }

  function artBadges() {
    if (!document.querySelector('.products')) return;
    document.querySelectorAll('article.product').forEach(function(post) {
      var wrap = post.querySelector('.entry-image-wrap');
      if (!wrap) return;

      /* Badge de preço */
      if (!wrap.querySelector('.art-badge-price')) {
        var tituloEl = post.querySelector('.entry-title');
        if (tituloEl) {
          var m = tituloEl.textContent.trim().match(/R\$\s?[\d]+[.,][\d]{2}/);
          if (m) {
            var priceEl = document.createElement('span');
            priceEl.className = 'art-badge-price';
            var partes = m[0].match(/^(R\$\s?)([\d.,]+)$/);
            if (partes) {
              priceEl.innerHTML = '<span style="color:var(--main-color)">' + partes[1] + '</span><span style="color:#fff;font-weight:700">' + partes[2] + '</span>';
            } else {
              priceEl.textContent = m[0];
            }
            wrap.appendChild(priceEl);
          }
        }
      }

      /* Badges de label */
      if (!wrap.querySelector('.art-badge')) {
        var labelsEl = wrap.querySelector('.art-labels-data');
        if (!labelsEl) return;
        var labelsRaw = labelsEl.textContent.toLowerCase();
        if (!labelsRaw) return;
        var labels   = labelsRaw.split('|').map(function(l) { return l.trim(); }).filter(Boolean);
        var hasPromo = labels.some(function(l) { return l.indexOf('promo') !== -1; });
        var hasNovo  = labels.some(function(l) { return l === 'novidade'; });
        var offLabel = labels.find(function(l) { return l.indexOf('off') === 0; });
        var top = 0;
        if (hasPromo) { wrap.appendChild(_criarEl('span', 'art-badge art-badge-promo',    top, 'OFERTA'));              top += 32; }
        if (offLabel) { var v = offLabel.replace('off','').trim();
                        wrap.appendChild(_criarEl('span', 'art-badge art-badge-desconto', top, v + '% OFF')); top += 32; }
        if (hasNovo)  { wrap.appendChild(_criarEl('span', 'art-badge art-badge-novo',     top, 'NOVO')); }
      }
    });
  }

  document.addEventListener('DOMContentLoaded', function() {
    artBadges();
    /* Reagir a novos posts carregados via AJAX */
    document.addEventListener('artLoadMore', function() { setTimeout(artBadges, 800); });
    if (window.MutationObserver) {
      var blogPosts = document.querySelector('.blog-posts');
      if (blogPosts) {
        new MutationObserver(function(mutations) {
          mutations.forEach(function(m) { if (m.addedNodes.length) { artBadges(); } });
        }).observe(blogPosts, { childList: true, subtree: true });
      }
    }
  });
}());

/* ============================================================
   PASSO 4b: artRelated — Vanilla JS
   Produtos relacionados no final do post
   ============================================================ */
(function() {
  function artRelated() {
    var tag = document.querySelector('.related-tag');
    if (!tag) return;
    var label  = tag.dataset.label;
    var postId = tag.dataset.id;
    if (!label || label === 'recent') return;
    var contentEl = document.querySelector('.related-content');
    if (!contentEl) return;

    contentEl.innerHTML = '<div class="loader"><span class="loader-spin"></span></div>';

    var url = 'https://www.graficaemcuiaba.com.br/feeds/posts/default/-/'
            + encodeURIComponent(label)
            + '?alt=json-in-script&max-results=6&orderby=published&callback=artRelatedCallback';

    window.artRelatedCallback = function(d) {
      var posts    = d.feed.entry || [];
      var filtered = posts.filter(function(p) { return p.id.$t.indexOf(postId) === -1; });
      if (filtered.length > 3) filtered = filtered.slice(0, 3);
      if (!filtered.length) { contentEl.innerHTML = ''; return; }

      var html = '<div class="products">';
      filtered.forEach(function(p) {
        var title = p.title.$t;
        var link  = '';
        for (var j = 0; j < p.link.length; j++) {
          if (p.link[j].rel === 'alternate') { link = p.link[j].href; break; }
        }
        var img   = p.media$thumbnail
          ? p.media$thumbnail.url.replace(/\/s[0-9]+-c|\/s[0-9]+/g, '/s500')
                                  .replace(/=s[0-9]+-c|=s[0-9]+|=w[0-9]+-h[0-9][^&]*/g, '=s500')
          : '';
        var preco = title.match(/R\$\s?[\d]+[.,][\d]{2}/);
        html += '<article class="product">'
          + '<div class="entry-image-wrap"><a class="entry-image-link" href="' + link + '">'
          + (img ? '<span class="entry-image" data-src="' + img + '"></span>' : '')
          + '</a></div>'
          + '<div class="entry-header"><h3 class="entry-title"><a href="' + link + '">' + title + '</a></h3>'
          + (preco ? '<div class="product-info"><span class="entry-price">' + preco[0] + '</span></div>' : '')
          + '</div></article>';
      });
      html += '</div>';
      contentEl.innerHTML = html;
      artLazy(contentEl.querySelectorAll('.entry-image'));
    };

    var s = document.createElement('script');
    s.src = url;
    document.body.appendChild(s);
  }

  document.addEventListener('DOMContentLoaded', function() {
    if (document.querySelector('.item-post')) { artRelated(); }
  });
}());

/* ============================================================
   PLUGIN: artLazy — Carregamento inteligente de imagens
   
   Carrega imagens somente quando estão prestes a aparecer
   na tela do usuário (lazy loading). Melhora o tempo de
   carregamento da página evitando baixar imagens fora da tela.
   
   Uso: artLazy(document.querySelectorAll(".entry-image"))
   As imagens devem ter data-src com a URL da imagem.
   ============================================================ */
/* ============================================================
   PASSO 3: artLazy — Vanilla JS
   Carrega imagens somente quando entram na viewport.
   Uso global: artLazy(nodeList ou array de elementos)
   ============================================================ */
(function() {

  var imgPadrao = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlNsH84MyEDKo821HuQDyPhjlSgJg1nqIE42f8weN_p-cskSNNhJy98vFJvbGBmjup6aaV70686hWeIvOJM7VLfzjOWAzbESn2Ff_dwAzYnU5v4m9a2nOqsr8ahzVq0Lv2NIw2TvlUzw4wR62r_5YQ03bFUv_8RuI3m-3AA-Od9q2EuFJrmEuTzuxSmyY/s320/novo%20artlover%20panda.png";

  /* --- Função interna: prepara a URL e carrega a imagem no elemento --- */
  function _resolverECarregar(el) {
    var urlSrc = el.dataset.src;
    if (!urlSrc) return;

    /* Fallback para imagem padrão do Blogger */
    if (urlSrc.indexOf("resources.blogblog.com") !== -1) {
      urlSrc = (typeof noThumbnail !== "undefined") ? noThumbnail : imgPadrao;
    }

    /* Dimensões reais do elemento — garante qualidade sem esticar a imagem */
    var w    = el.offsetWidth;
    var h    = el.offsetHeight;
    /* Home (2 colunas, cards menores): s400. Label/busca (1 coluna, cards maiores): s500 */
    var dims = document.body.classList.contains("is-home") ? "s400-c" : "s500-c";

    /* Ajustar tamanho nas URLs do Blogger/Google */
    var t;
    if (urlSrc.indexOf("blogger.googleusercontent.com") !== -1 && urlSrc.indexOf("=") !== -1) {
      var parts = urlSrc.split("=");
      urlSrc = (parts[1] && parts[1].trim() !== "") ? parts[0] + "=" + dims : urlSrc;
    } else if (urlSrc.indexOf("blogger.googleusercontent.com") !== -1 && urlSrc.indexOf("=") === -1) {
      urlSrc += "=" + dims;
    }

    /* Substituir tamanho placeholder pelo tamanho real */
    t = urlSrc.indexOf("/s72-c")  !== -1 ? urlSrc.replace("/s72-c",  "/" + dims) :
        urlSrc.indexOf("/w72-h")  !== -1 ? urlSrc.replace("/w72-h72-p-k-no-nu", "/" + dims) :
        urlSrc.indexOf("=w72-h")  !== -1 ? urlSrc.replace("=w72-h72-p-k-no-nu", "=" + dims) :
        urlSrc;

    /* Carregar a imagem */
    var img = new Image();
    img.onload = function() {
      el.style.backgroundImage = "url(" + this.src + ")";
      el.classList.add("art-lazy");
    };
    img.src = t;
  }

  /* --- Função global artLazy: aceita NodeList ou Array --- */
  window.artLazy = function(elements) {
    if (!elements || !elements.length) return;
    var els = Array.prototype.slice.call(elements);

    /* Fallback para browsers sem IntersectionObserver */
    if (!("IntersectionObserver" in window)) {
      els.forEach(function(el) { _resolverECarregar(el); });
      return;
    }

    /* IntersectionObserver: carrega só quando o elemento entra na tela */
    var observer = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          _resolverECarregar(entry.target);
          observer.unobserve(entry.target); /* para de observar após carregar */
        }
      });
    }, { rootMargin: "800px 0px" }); /* começa 800px antes — mobile-first: imagens prontas bem antes */

    els.forEach(function(el) { observer.observe(el); });
  };

}());



/* ================================================
   ARTLOVER STUDIO — JAVASCRIPT PRINCIPAL
   
   Este bloco controla toda a interatividade do site.
   Escrito de forma limpa em substituição ao script
   ofuscado original do Marketify.
   
   FUNÇÕES DISPONÍVEIS:
   - Lazy load de imagens (carregamento sob demanda)
   - Menu mobile (botão hambúrguer)
   - Barra de busca (abrir/fechar)
   - Dark Mode (modo escuro com memória no localStorage)
   - Carregar Mais (paginação AJAX sem recarregar a página)
   - Inicialização do menu (artMenu)
   
   Para adicionar novas funções: edite dentro do DOMContentLoaded
   ================================================ */


/* ============================================================
   artFilters — 3 controles: categorias + preço mín + preço máx
   Só na home. v39: fetch lazy via ensurePosts(); chips do footer
   via DOM (.entry-category) — zero request no first load.
   ============================================================ */
(function() {
  if (!document.body.classList.contains('is-home')) return;
  var btnCat    = document.getElementById('art-btn-cat');
  var dropdown  = document.getElementById('art-cat-dropdown');
  var pMinInput = document.getElementById('art-pmin-input');
  var pMaxInput = document.getElementById('art-pmax-input');
  if (!btnCat || !dropdown) return;

  var allPosts       = [];
  var activeCategory = null;
  var filterTimer    = null;

  /* --- Fetch com paginação --- */
  function fetchAllPosts(startIndex, acc, callback) {
    fetch('/feeds/posts/default?alt=json&max-results=500&start-index=' + startIndex)
      .then(function(r) { return r.json(); })
      .then(function(d) {
        var entries = d.feed.entry || [];
        entries.forEach(function(e) {
          var title = e.title.$t;
          var link = '';
          for (var i = 0; i < e.link.length; i++) {
            if (e.link[i].rel === 'alternate') { link = e.link[i].href; break; }
          }
          var img = e.media$thumbnail
            ? e.media$thumbnail.url
                .replace(/\/s[0-9]+-c|\/s[0-9]+/g, '/s400-c')
                .replace(/=s[0-9]+-c|=s[0-9]+|=w[0-9]+-h[0-9][^&]*/g, '=s400-c')
            : '';
          var labels = (e.category || []).map(function(c) { return c.term; });
          var m = title.match(/R\$\s?([\d]+[.,][\d]{2})/);
          var preco = m ? parseFloat(m[1].replace(',', '.')) : null;
          acc.push({ title: title, link: link, img: img, labels: labels, preco: preco });
        });
        if (entries.length === 500) {
          fetchAllPosts(startIndex + 500, acc, callback);
        } else {
          callback(acc);
        }
      })
      .catch(function() { callback(acc); });
  }

  /* --- Portão único: garante posts carregados antes de qualquer ação ---
     Resolve três cenários:
     1. Dados já prontos  → executa callback imediatamente.
     2. Fetch em curso    → enfileira callback; executa ao terminar.
     3. Primeiro acesso   → inicia fetch, mostra loading no dropdown,
                            executa todos os callbacks ao resolver.       */
  var _fetchState  = 'idle'; /* idle | loading | done */
  var _fetchQueue  = [];

  function ensurePosts(callback) {
    if (_fetchState === 'done')    { callback(); return; }
    if (_fetchState === 'loading') { _fetchQueue.push(callback); return; }

    /* idle → iniciar */
    _fetchState = 'loading';
    _fetchQueue.push(callback);

    /* Indicador visual no dropdown enquanto carrega */
    var loadingEl = document.createElement('p');
    loadingEl.className = 'art-cat-loading';
    loadingEl.textContent = 'Carregando…';
    dropdown.appendChild(loadingEl);

    fetchAllPosts(1, [], function(posts) {
      allPosts = posts;
      _fetchState = 'done';

      /* Remove loading e monta opções reais */
      if (loadingEl.parentNode) loadingEl.parentNode.removeChild(loadingEl);
      buildDropdown(posts);

      /* Drena a fila de callbacks */
      var q = _fetchQueue.slice();
      _fetchQueue = [];
      q.forEach(function(fn) { fn(); });
    });
  }

  /* --- Montar dropdown de categorias --- */
  function buildDropdown(posts) {
    /* Limpa eventuais itens anteriores (seguro para dupla chamada) */
    dropdown.querySelectorAll('.art-cat-item').forEach(function(el) {
      el.parentNode.removeChild(el);
    });

    var labelSet = {};
    posts.forEach(function(p) {
      p.labels.forEach(function(l) { labelSet[l] = true; });
    });
    var labels = Object.keys(labelSet).sort();

    var itemTodas = document.createElement('button');
    itemTodas.className = 'art-cat-item active';
    itemTodas.textContent = 'Todas as categorias';
    itemTodas.dataset.label = '';
    dropdown.appendChild(itemTodas);

    labels.forEach(function(l) {
      var item = document.createElement('button');
      item.className = 'art-cat-item';
      item.textContent = l;
      item.dataset.label = l;
      dropdown.appendChild(item);
    });
  }

  /* --- Aplicar filtros (só chamado após ensurePosts) --- */
  function applyFilters() {
    var pMin = pMinInput.value ? parseFloat(pMinInput.value) : null;
    var pMax = pMaxInput.value ? parseFloat(pMaxInput.value) : null;

    var filtered = allPosts.filter(function(p) {
      var catOk = !activeCategory || p.labels.indexOf(activeCategory) !== -1;
      var minOk = pMin === null || (p.preco !== null && p.preco >= pMin);
      var maxOk = pMax === null || (p.preco !== null && p.preco <= pMax);
      return catOk && minOk && maxOk;
    });

    var blogPosts = document.querySelector('.blog-posts.products');
    if (!blogPosts) return;

    btnCat.classList.toggle('active', !!activeCategory);
    pMinInput.style.borderColor = pMin !== null ? 'var(--main-color)' : '';
    pMaxInput.style.borderColor = pMax !== null ? 'var(--main-color)' : '';

    blogPosts.innerHTML = '';

    var emptyEl = document.getElementById('art-filter-empty');
    if (!filtered.length) {
      if (!emptyEl) {
        emptyEl = document.createElement('p');
        emptyEl.id = 'art-filter-empty';
        emptyEl.className = 'art-filter-empty show';
        emptyEl.textContent = 'Nenhum produto encontrado com esses filtros.';
        blogPosts.parentNode.insertBefore(emptyEl, blogPosts.nextSibling);
      }
      emptyEl.classList.add('show');
      return;
    }
    if (emptyEl) emptyEl.classList.remove('show');

    filtered.forEach(function(p) {
      var m = p.title.match(/R\$\s?[\d]+[.,][\d]{2}/);
      var preco = m ? m[0] : '';
      var nome = p.title.replace(/R\$\s?[\d]+[.,][\d]{2}/, '').replace(/\|/g, '').replace(/\s{2,}/g, ' ').trim();
      var card = document.createElement('article');
      card.className = 'index-post hentry product art-produto';
      card.innerHTML = '<div class="entry-image-wrap">'
        + '<a class="entry-image-link" href="' + p.link + '">'
        + (p.img ? '<span class="entry-image art-lazy" style="background-image:url(' + p.img + ')"></span>' : '<span class="entry-image"></span>')
        + '</a></div>'
        + '<div class="entry-header">'
        + '<h2 class="entry-title"><a href="' + p.link + '">' + nome + '</a></h2>'
        + (preco ? '<div class="product-info"><span class="entry-price">' + preco + '</span></div>' : '')
        + '</div>';
      blogPosts.appendChild(card);
    });
    artBadges();
  }

  /* --- Eventos --- */

  /* Toggle dropdown: abre/fecha + dispara ensurePosts antecipado */
  btnCat.addEventListener('click', function(e) {
    dropdown.classList.toggle('open');
    e.stopPropagation();
    /* Pré-carrega em background; não bloqueia nem roda applyFilters */
    ensurePosts(function() {});
  });

  /* Selecionar categoria: garante dados antes de filtrar */
  dropdown.addEventListener('click', function(e) {
    var item = e.target.closest('.art-cat-item');
    if (!item) return;
    dropdown.querySelectorAll('.art-cat-item').forEach(function(i) { i.classList.remove('active'); });
    item.classList.add('active');
    activeCategory = item.dataset.label || null;
    btnCat.querySelector('svg + *') || (btnCat.lastChild.nodeType === 3 && (btnCat.lastChild.textContent = activeCategory || 'Categorias'));
    dropdown.classList.remove('open');
    ensurePosts(applyFilters);
  });

  /* Fechar dropdown clicando fora */
  document.addEventListener('click', function() {
    dropdown.classList.remove('open');
  });

  /* Preço mín/máx: debounce + ensurePosts antes de filtrar */
  function onPriceInput() {
    clearTimeout(filterTimer);
    filterTimer = setTimeout(function() {
      ensurePosts(applyFilters);
    }, 600);
  }
  pMinInput.addEventListener('input', onPriceInput);
  pMaxInput.addEventListener('input', onPriceInput);

  /* --- Chips de categoria no footer — via DOM, sem fetch --- */
  function buildFooterChipsFromDOM() {
    var footerEl = document.getElementById('art-cat-chips-footer');
    if (!footerEl) return;

    var labelSet = {};
    document.querySelectorAll('.art-labels-data').forEach(function(el) {
      el.textContent.split('|').forEach(function(l) {
        l = l.trim();
        if (l) labelSet[l] = true;
      });
    });

    var prioritarias = [
      'adesivos','arquivos digitais','banner','banner digital',
      'Cartão de visita','dupla camada','flyer','flyer para artistas',
      'meninas','meninos','novidade','promoção','topper para bolo','Toppers'
    ];

    var todasLabels = Object.keys(labelSet);
    var ordenadas = prioritarias.filter(function(l) {
      return todasLabels.some(function(t) { return t.toLowerCase() === l.toLowerCase(); });
    });
    todasLabels.forEach(function(l) {
      var jaEsta = ordenadas.some(function(p) { return p.toLowerCase() === l.toLowerCase(); });
      if (!jaEsta) ordenadas.push(l);
    });

    ordenadas.forEach(function(l) {
      var a = document.createElement('a');
      a.className = 'art-cat-chip';
      a.textContent = l;
      a.href = '/search/label/' + encodeURIComponent(l);
      footerEl.appendChild(a);
    });

    if (ordenadas.length > 5) {
      var btnMore = document.createElement('button');
      btnMore.className = 'art-cat-chip-more';
      btnMore.textContent = '...';
      btnMore.title = 'Ver todas as categorias';
      footerEl.parentNode.appendChild(btnMore);
      btnMore.addEventListener('click', function() {
        footerEl.classList.toggle('expanded');
        btnMore.textContent = footerEl.classList.contains('expanded') ? '▲ menos' : '...';
      });
    }
  }

  /* --- Init: fetch só sob demanda --- */

}());

/* ============================================================
   buildFooterChipsFromDOM — independente dos filtros (fix v39.1)
   Chips do rodapé funcionam mesmo quando o título do catálogo
   está oculto ({hide}) e art-btn-cat não existe no DOM.
   ============================================================ */
(function() {
  if (!document.body.classList.contains('is-home')) return;
  function buildFooterChipsFromDOM() {
    var footerEl = document.getElementById('art-cat-chips-footer');
    if (!footerEl) return;

    var labelSet = {};
    /* .art-labels-data contém todas as labels do post separadas por | */
    document.querySelectorAll('.art-labels-data').forEach(function(el) {
      el.textContent.split('|').forEach(function(l) {
        l = l.trim();
        if (l) labelSet[l] = true;
      });
    });

    var prioritarias = [
      'adesivos','arquivos digitais','banner','banner digital',
      'Cartão de visita','dupla camada','flyer','flyer para artistas',
      'meninas','meninos','novidade','promoção','topper para bolo','Toppers'
    ];

    var todasLabels = Object.keys(labelSet);
    var ordenadas = prioritarias.filter(function(l) {
      return todasLabels.some(function(t) { return t.toLowerCase() === l.toLowerCase(); });
    });
    todasLabels.forEach(function(l) {
      if (!ordenadas.some(function(p) { return p.toLowerCase() === l.toLowerCase(); })) ordenadas.push(l);
    });

    ordenadas.forEach(function(l) {
      var a = document.createElement('a');
      a.className = 'art-cat-chip';
      a.textContent = l;
      a.href = '/search/label/' + encodeURIComponent(l);
      footerEl.appendChild(a);
    });

    if (ordenadas.length > 5) {
      var btnMore = document.createElement('button');
      btnMore.className = 'art-cat-chip-more';
      btnMore.textContent = '...';
      btnMore.title = 'Ver todas as categorias';
      footerEl.parentNode.appendChild(btnMore);
      btnMore.addEventListener('click', function() {
        footerEl.classList.toggle('expanded');
        btnMore.textContent = footerEl.classList.contains('expanded') ? '▲ menos' : '...';
      });
    }
  }
  buildFooterChipsFromDOM();
}());


/* ============================================================
   artOcultarArtigos — Oculta posts com label 'artigo' carregados
   via AJAX (Carregar Mais). O first render já é filtrado server-side
   pelo b:if no template (fix v40 — sem CLS).
   ============================================================ */
(function(){
  if(!document.body.classList.contains('is-home')) return;
  function ocultarArtigos(){
    document.querySelectorAll('article.product:not([data-artigo])').forEach(function(article){
      var labelsEl = article.querySelector('.art-labels-data');
      if(!labelsEl) return;
      var labels = labelsEl.textContent.toLowerCase().split('|').map(function(l){return l.trim();});
      if(labels.indexOf('artigo') !== -1){
        article.dataset.artigo = 'true';
        article.style.display = 'none';
      }
    });
  }
  document.addEventListener('artLoadMore', function(){ setTimeout(ocultarArtigos, 100); });
}());


/* ── Identificar página do blog para esconder sidebar ── */
(function(){
  if(document.body.classList.contains('is-page') && window.location.href.indexOf('artlover-blog') !== -1){
    document.body.classList.add('is-blog-page');
  }
}());
/* ============================================================
   PASSO 0: artProductSchema — Schema automático por tipo de post
   - Posts com label "artigo" → Schema Article
   - Demais posts com preço no título → Schema Product
   Só roda em posts (body.is-post).
   ============================================================ */
(function() {
  if (!document.body.classList.contains('is-post')) return;

  var titleEl = document.querySelector('h1.entry-title');
  if (!titleEl) return;

  var tituloCompleto = titleEl.textContent.trim();

  /* Dados comuns a ambos os schemas */
  var ogImg    = document.querySelector('meta[property="og:image"]');
  var imagem   = ogImg ? ogImg.getAttribute('content') : '';

  var metaDesc = document.querySelector('meta[name="description"]');
  var descricao = metaDesc ? metaDesc.getAttribute('content') : '';

  var canonical = document.querySelector('link[rel="canonical"]');
  var id = canonical ? canonical.getAttribute('href') : window.location.href;

  /* Detecta label "artigo" via span injetado pelo template */
  var labelsEl  = document.querySelector('.art-labels-data');
  var labelsRaw = labelsEl ? labelsEl.textContent : '';
  var labels    = labelsRaw.split('|').map(function(l){ return l.trim().toLowerCase(); });
  var isArtigo  = labels.indexOf('artigo') !== -1;

  var schema;

  if (isArtigo) {
    /* ── Schema Article para posts com label "artigo" ── */
    var datePublished = '', dateModified = '', authorName = '', authorUrl = '';

    /* Extrai datas e autor do BlogPosting já injetado pelo template */
    var ldScripts = document.querySelectorAll('script[type="application/ld+json"]');
    for (var i = 0; i < ldScripts.length; i++) {
      try {
        var data = JSON.parse(ldScripts[i].textContent);
        if (data['@type'] === 'BlogPosting') {
          datePublished = data.datePublished || '';
          dateModified  = data.dateModified  || '';
          if (data.author) {
            authorName = data.author.name || '';
            authorUrl  = data.author.url  || '';
          }
          break;
        }
      } catch(e) {}
    }

    schema = {
      "@context": "https://schema.org",
      "@type": "Article",
      "@id": id,
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": id
      },
      "headline": tituloCompleto,
      "description": descricao,
      "image": {
        "@type": "ImageObject",
        "url": imagem
      },
      "datePublished": datePublished,
      "dateModified": dateModified,
      "author": {
        "@type": "Person",
        "name": authorName,
        "url": authorUrl
      },
      "publisher": {
        "@type": "Organization",
        "name": "Artlover - Gráfica em Cuiabá",
        "url": "https://www.graficaemcuiaba.com.br/",
        "logo": {
          "@type": "ImageObject",
          "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYb5JXwkBfXl8s1O2BWAPmgxl2kbbyZEFGs1_cyECSD6IDkquYsVQi-YP8YzZV025BvMh-Is4rJWBMiX6sran8NHXRJvgcYVGNmAdpLyU6PM6g6XexJeJxQ8B8-g8DFiZyr1eAyufgmAwvc3z0TfwToEQQSF73szYbc6fmg0scJQi_lDSgPb8OEn6pGik/s320/logotipo_artlover_grafica_de_cuiaba.webp",
          "width": 320,
          "height": 61
        }
      }
    };

  } else {
    /* ── Schema Product para posts com preço no título ── */
    var matchPreco = tituloCompleto.match(/R\$\s?([\d]{1,3}(?:\.[\d]{3})*(?:,[\d]{2})|[\d]+,[\d]{2})/);
    if (!matchPreco) return;

    var precoRaw = matchPreco[1].replace(/\./g, '').replace(',', '.');
    var preco = parseFloat(precoRaw);

    /* Nome = título sem o preço, sem o pipe, sem espaços extras */
    var nome = tituloCompleto
      .replace(/R\$\s?[\d]+[.,][\d]{2}/, '')
      .replace(/\|/g, '')
      .replace(/\s{2,}/g, ' ')
      .trim();

    /* priceValidUntil = 10 anos a partir de hoje */
    var validUntil = new Date();
    validUntil.setFullYear(validUntil.getFullYear() + 10);
    var validUntilStr = validUntil.toISOString().split('T')[0];

    schema = {
      "@context": "https://schema.org",
      "@type": "Product",
      "@id": id,
      "name": nome,
      "image": imagem,
      "description": descricao,
      "brand": {
        "@type": "Brand",
        "name": "Gráfica Artlover"
      },
      "offers": {
        "@type": "Offer",
        "priceCurrency": "BRL",
        "price": preco,
        "priceValidUntil": validUntilStr,
        "availability": "https://schema.org/InStock",
        "itemCondition": "https://schema.org/NewCondition",
        "seller": {
          "@type": "Organization",
          "name": "Gráfica Artlover"
        },
        "shippingDetails": {
          "@type": "OfferShippingDetails",
          "shippingRate": {
            "@type": "MonetaryAmount",
            "currency": "BRL"
          },
          "shippingDestination": {
            "@type": "DefinedRegion",
            "addressCountry": "BR"
          },
          "deliveryTime": {
            "@type": "ShippingDeliveryTime",
            "handlingTime": {
              "@type": "QuantitativeValue",
              "minValue": 1,
              "maxValue": 2,
              "unitCode": "DAY"
            },
            "transitTime": {
              "@type": "QuantitativeValue",
              "minValue": 0,
              "maxValue": 1,
              "unitCode": "DAY"
            }
          }
        },
        "hasMerchantReturnPolicy": {
          "@type": "MerchantReturnPolicy",
          "applicableCountry": "BR",
          "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
          "merchantReturnLink": "https://www.graficaemcuiaba.com.br/p/politica-de-trocas.html"
        }
      }
    };
  }

  var script = document.createElement('script');
  script.type = 'application/ld+json';
  script.textContent = JSON.stringify(schema);
  document.head.appendChild(script);
}());

/* ============================================================
   PASSO 1: Dark Mode — Vanilla JS
   ============================================================ */
(function() {
  var DM_KEY = "artlover_darkmode";

  /* Restaura preferência salva ao carregar a página */
  if (localStorage.getItem(DM_KEY) === "dark") {
    document.documentElement.classList.add("is-dark");
  }

  /* Aguarda DOM pronto para vincular o botão */
  document.addEventListener("DOMContentLoaded", function() {
    var toggle = document.querySelector(".darkmode-toggle");
    if (!toggle) return;
    toggle.addEventListener("click", function() {
      var isDark = document.documentElement.classList.toggle("is-dark");
      localStorage.setItem(DM_KEY, isDark ? "dark" : "light");
    });
  });
}());

/* ============================================================
   PASSO 2: Menu Mobile + Busca — Vanilla JS
   ============================================================ */
document.addEventListener("DOMContentLoaded", function() {

  /* --- Menu Mobile --- */
  var menuToggle = document.querySelector(".mobile-menu-toggle");
  if (menuToggle) {
    menuToggle.addEventListener("click", function() {
      document.body.classList.toggle("mobile-menu-open");
      this.classList.toggle("is-active");
      var expanded = this.getAttribute("aria-expanded") === "true";
      this.setAttribute("aria-expanded", !expanded);
    });
  }

  /* --- Busca Toggle --- */
  var searchWrap  = document.getElementById("main-search-wrap");
  var showSearch  = document.querySelector(".show-search");
  var closeSearch = document.querySelector(".search-close");

  if (showSearch && searchWrap) {
    showSearch.addEventListener("click", function() {
      searchWrap.classList.add("is-visible");
      this.setAttribute("aria-expanded", "true");
      setTimeout(function() {
        var input = searchWrap.querySelector(".search-input");
        if (input) input.focus();
      }, 50);
    });
  }

  if (closeSearch && searchWrap) {
    closeSearch.addEventListener("click", function() {
      searchWrap.classList.remove("is-visible");
      if (showSearch) showSearch.setAttribute("aria-expanded", "false");
    });
  }

});

/* ============================================================
   PASSO 5b: Inicialização + Carregar Mais — Vanilla JS
   ============================================================ */
document.addEventListener("DOMContentLoaded", function() {

  /* --- Lazy load de imagens --- */
  artLazy(document.querySelectorAll(".entry-image, .author-avatar"));

  /* --- Menu artMenu init --- */
  artMenu(document.getElementById("artlover-studio-menu"));

  /* --- Carregar Mais (Load More / fetch pagination) --- */
  document.addEventListener("click", function(e) {
    var btn = e.target.closest(".load-more.blog-pager-older-link");
    if (!btn) return;
    e.preventDefault();

    var loadUrl = btn.getAttribute("data-load");
    if (!loadUrl) return;

    /* Mostrar spinner, esconder botão */
    btn.style.display = "none";
    var loading = btn.parentElement.querySelector(".loading");
    if (loading) loading.style.display = "";

    /* Mostrar skeleton enquanto carrega */
    var skeletonHtml = '<div class="art-skeleton-grid">';
    for (var s = 0; s < 4; s++) {
      skeletonHtml += '<div class="art-skeleton-card">'
        + '<div class="art-skeleton-img"></div>'
        + '<div class="art-skeleton-line"></div>'
        + '<div class="art-skeleton-line short"></div>'
        + '</div>';
    }
    skeletonHtml += '</div>';
    var blogPostsEl = document.querySelector('.blog-posts');
    if (blogPostsEl) {
      blogPostsEl.insertAdjacentHTML('afterend', skeletonHtml);
    }

    fetch(loadUrl)
      .then(function(res) {
        if (!res.ok) throw new Error("network");
        return res.text();
      })
      .then(function(html) {
        /* Remover skeleton antes de inserir posts reais */
        var skeletonEl = document.querySelector('.art-skeleton-grid');
        if (skeletonEl) skeletonEl.remove();
        /* Parsear HTML da resposta */
        var parser = new DOMParser();
        var doc    = parser.parseFromString(html, "text/html");
        var posts  = doc.querySelectorAll("article.index-post");
        var blogPosts = document.querySelector(".blog-posts");

        if (posts.length && blogPosts) {
          /* Inserir novos posts no DOM */
          posts.forEach(function(post) {
            blogPosts.appendChild(document.adoptNode(post));
          });

          /* Lazy load nas novas imagens */
          artLazy(blogPosts.querySelectorAll(".entry-image:not(.art-lazy)"));

          /* Disparar evento para artBadges reagir */
          document.dispatchEvent(new CustomEvent("artLoadMore"));

          /* Buscar próxima URL no pager da resposta */
          var nextBtn = doc.querySelector(".blog-pager-older-link");
          if (nextBtn && nextBtn.getAttribute("data-load")) {
            btn.setAttribute("data-load", nextBtn.getAttribute("data-load"));
            btn.style.display = "";
          } else {
            btn.style.display = "none";
            var noMore = btn.parentElement.querySelector(".no-more");
            if (noMore) noMore.classList.add("show");
          }
        } else {
          btn.style.display = "none";
          var noMore = btn.parentElement.querySelector(".no-more");
          if (noMore) noMore.classList.add("show");
        }

        if (loading) loading.style.display = "none";
      })
      .catch(function() {
        /* Em caso de erro, remove skeleton e restaura o botão */
        var skErr = document.querySelector('.art-skeleton-grid');
        if (skErr) skErr.remove();
        btn.style.display = "";
        if (loading) loading.style.display = "none";
      });
  });

});

//]]>
</script>
<!-- Blogger Scripts (injetados automaticamente) -->

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZrGRU9wgr1gztlqHL4ZzjBp:1780916333436';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4915282586710018320','//www.graficaemcuiaba.com.br/p/logolicia.html','4915282586710018320');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4915282586710018320', 'title': 'Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1', 'url': 'https://www.graficaemcuiaba.com.br/p/logolicia.html', 'canonicalUrl': 'https://www.graficaemcuiaba.com.br/p/logolicia.html', 'homepageUrl': 'https://www.graficaemcuiaba.com.br/', 'searchUrl': 'https://www.graficaemcuiaba.com.br/search', 'canonicalHomepageUrl': 'https://www.graficaemcuiaba.com.br/', 'blogspotFaviconUrl': 'https://www.graficaemcuiaba.com.br/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-6RLX41L1KD', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1 - Atom\x22 href\x3d\x22https://www.graficaemcuiaba.com.br/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1 - RSS\x22 href\x3d\x22https://www.graficaemcuiaba.com.br/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4915282586710018320/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/391c97000598ac6c', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'Postar no blog!', 'key': 'blogThis', 'shareMessage': 'Postar no blog!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartilhar no X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Nosso Cat\xe1logo \xbb', 'pageType': 'static_page', 'pageId': '7109070841085283012', 'pageName': 'Logolicia \u2014 Cria\xe7\xe3o de Logomarca e Galeria de Logotipos | Artlover Est\xfadio criando marcas para inspirar', 'pageTitle': 'Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1: Logolicia \u2014 Cria\xe7\xe3o de Logomarca e Galeria de Logotipos | Artlover Est\xfadio criando marcas para inspirar', 'metaDescription': 'Logolicia \u2014 cria\xe7\xe3o de logotipos e identidade visual por designer real. Logomarca a partir de R$ 100. Atendimento via WhatsApp.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'Link copiado para a \xe1rea de transfer\xeancia.', 'ok': 'Ok', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizar', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Logolicia \u2014 Cria\xe7\xe3o de Logomarca e Galeria de Logotipos | Artlover Est\xfadio criando marcas para inspirar', 'description': 'Logolicia \u2014 cria\xe7\xe3o de logotipos e identidade visual por designer real. Logomarca a partir de R$ 100. Atendimento via WhatsApp.', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0\x3dw320-h213', 'url': 'https://www.graficaemcuiaba.com.br/p/logolicia.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 7109070841085283012}}, {'name': 'widgets', 'data': [{'title': 'Default Thumbnail', 'type': 'Image', 'sectionId': 'art-painel', 'id': 'Image52'}, {'title': 'JSON Variables', 'type': 'HTML', 'sectionId': 'art-painel', 'id': 'HTML50'}, {'title': '', 'type': 'Image', 'sectionId': 'main-logo', 'id': 'Image50'}, {'title': 'social', 'type': 'LinkList', 'sectionId': 'headerbar', 'id': 'LinkList201'}, {'title': 'Gr\xe1fica R\xe1pida', 'type': 'LinkList', 'sectionId': 'headerbar', 'id': 'LinkList202'}, {'title': 'Artlover | Sua Gr\xe1fica R\xe1pida em Cuiab\xe1', 'type': 'Image', 'sectionId': 'hero-section', 'id': 'Image150'}, {'title': 'Cart\xe3o de visita, banners, etiquetas, toppers para bolo...', 'type': 'BlogSearch', 'sectionId': 'hero-section', 'id': 'BlogSearch150'}, {'title': 'Postagens no blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '7109070841085283012', 'title': 'Logolicia \u2014 Cria\xe7\xe3o de Logomarca e Galeria de Logotipos | Artlover Est\xfadio criando marcas para inspirar', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEh0S4V6MZGhtxklFaB-_s2NReKhd0fuCMYWst3dZFhf4DT2B1nNt6Cy5jsnsTgaxiCSEcT7wf50APtDqrrQ2gX3y7PPxnpejepO5DODZsYxEAmMZADOsIOKAsuV3OUE6Lolv_BavTFT8yfb8M39cwwIGWTsUXivLGG01h9eYd2qOTvOafrnaSjq5ydf-X0\x3dw320-h213', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'store'}, {'name': 'timestamp', 'label': '-'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': '$type\x3d{blogger}'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'store'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'labels', 'label': 'Tags'}]}, {'title': 'Voc\xea pode gostar', 'type': 'HTML', 'sectionId': 'artlover-studio-relacionados', 'id': 'HTML51'}, {'title': 'Postagem em destaque', 'type': 'FeaturedPost', 'sectionId': 'sidebar', 'id': 'FeaturedPost1', 'postId': '7094300961522027539'}, {'title': 'Mais vendidos', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts2', 'posts': [{'title': 'R$ 19,00 |Topper para Bolo em Cuiab\xe1 \u2013 Personalizados para Anivers\xe1rios e Festas', 'id': 1951554349218665485}, {'title': 'R$ 180,00 |Cart\xe3o de Visita em Cuiab\xe1 | 1000un| Pe\xe7a pelo WhatsApp', 'id': 6860927708842672189}]}, {'title': 'Mais visitados', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'R$ 19,00 |Topper para Bolo em Cuiab\xe1 \u2013 Personalizados para Anivers\xe1rios e Festas', 'id': 1951554349218665485}, {'title': 'R$ 359,00 | Cart\xe3o de Visita em PVC Transparente 500 Unidades | Gr\xe1fica em Cuiab\xe1', 'id': 7204298137951073801}, {'title': 'R$ 15,00 | Topper Festa Junina Rosa \u2013 Camada Simples | Delicado e Colorido | Canon Original - Artlover Cuiab\xe1', 'id': 8907907797603063912}]}, {'title': 'Promo\xe7\xf5es', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML12'}, {'title': 'Categorias', 'type': 'Label', 'sectionId': 'sidebar', 'id': 'Label1'}, {'title': 'Artlover | Gr\xe1fica \x26amp; Papelaria Personalizada em Cuiab\xe1 (Cabe\xe7alho)', 'type': 'Header', 'sectionId': 'sidebar', 'id': 'Header1'}, {'title': 'Quem somos', 'type': 'Profile', 'sectionId': 'sidebar', 'id': 'Profile1'}, {'title': 'Postagens', 'type': 'LinkList', 'sectionId': 'footer-menu', 'id': 'LinkList204'}, {'title': 'Formul\xe1rio de Contato', 'type': 'ContactForm', 'sectionId': 'hidden-widgets', 'id': 'ContactForm1'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image52', 'art-painel', document.getElementById('Image52'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'art-painel', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image50', 'main-logo', document.getElementById('Image50'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList201', 'headerbar', document.getElementById('LinkList201'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList202', 'headerbar', document.getElementById('LinkList202'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image150', 'hero-section', document.getElementById('Image150'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch150', 'hero-section', document.getElementById('BlogSearch150'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1853038451-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML51', 'artlover-studio-relacionados', document.getElementById('HTML51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'sidebar', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'sidebar', document.getElementById('PopularPosts2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'sidebar', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList204', 'footer-menu', document.getElementById('LinkList204'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden-widgets', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Enviando...', 'contactFormMessageSentMsg': 'Sua mensagem foi enviada.', 'contactFormMessageNotSentMsg': 'N\xe3o foi poss\xedvel enviar a mensagem. Tente novamente mais tarde.', 'contactFormInvalidEmailMsg': 'Um endere\xe7o de e-mail v\xe1lido \xe9 necess\xe1rio.', 'contactFormEmptyMessageMsg': 'O campo de mensagem n\xe3o pode ficar vazio.', 'title': 'Formul\xe1rio de Contato', 'blogId': '4915282586710018320', 'contactFormNameMsg': 'Nome', 'contactFormEmailMsg': 'E-mail', 'contactFormMessageMsg': 'Mensagem', 'contactFormSendMsg': 'Enviar', 'contactFormToken': 'AEUoTZqqhwTr1D736J4KTSbxc3vG:1780916333436', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>
</html>