a,a:hover { text-decoration: none; transition: .2s }
.radiusD { border-radius: 4px; }
.radiusDSec { border-radius: 100px; }
.radiusFull { border-radius: 100px; }
.relative { position: relative; }
body { overflow-x: hidden; }
body.active { overflow: hidden; }

.hotpixel { display: flex; justify-content: center; align-items: center; padding: 8px 0 }
.hotpixel .bar { background: #fff; padding: 4px 16px; border-radius: 100px; display: flex; align-items: center; justify-content: center; }

.bar-nav-categorias { padding: 20px 0; position: relative; overflow: hidden; display: flex; align-items: center; }
.carousel-wrapper-menu {overflow: hidden; width: 100%; }
.carousel {display: flex; gap: 20px; transition: transform 0.3s ease-in-out; }
.nav-arrow {background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 18px; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); }
.nav-arrow:before { content: ""; background: url(../img/arrow-nav.svg) no-repeat center; width: 5px; height: 10px;  }
.nav-arrow.left-arrow:before { content: ""; transform: rotate(180deg); }
.nav-arrow.left-arrow {left: 0px; }
.nav-arrow.right-arrow {right: 0px; }
.carousel-wrapper.dragging {cursor: grabbing; cursor: -webkit-grabbing; transition: .3s ease-in-out }
.nav-arrow.inactive {opacity: 0.5; pointer-events: none; cursor: default; }

.breadcrumb { margin: 15px 0 15px 0 }
.breadcrumb ul {list-style: none; padding: 0; margin: 0; display: flex; gap: 5px; }
.breadcrumb li {display: flex; align-items: center; }
.breadcrumb li::after {content: ""; background: url(../img/arrow-nav.svg) no-repeat center; width: 5px; height: 10px; display: inline-block; margin: 0 10px; transform: scale(.9); }
.breadcrumb li:last-child::after {content: ""; background: none }
.breadcrumb a {text-decoration: none; color: #000; }
.breadcrumb a:hover {text-decoration: underline; }

.bt-cta { position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; padding: 12px; box-sizing: border-box; background: #00A650; color: #fff; height: 55px; }
.bt-cta:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #00000009; opacity: 0; transition: .2s }
.bt-cta:hover:after { content: ""; opacity: 1; transition: .2s }
.bt-cta .icon { margin-right: 12px; }
.bt-cta .icon g { fill: #ffffff }

.bt-cta .txBt2 { display: none; }
.bt-cta.bt-ctaAnimeFlipVertical .tx { position: absolute; }
.bt-cta.bt-ctaAnimeFlipVertical .txBt { transform: translateY(0px); transition: .2s }
.bt-cta.bt-ctaAnimeFlipVertical:hover .txBt { transform: translateY(-20px) rotateX(90deg); opacity: 0; transition: .3s }
.bt-cta.bt-ctaAnimeFlipVertical .txBt2 { display: block; transform: translateY(20px); opacity: 0; transition: .3s }
.bt-cta.bt-ctaAnimeFlipVertical:hover .txBt2 {display: block; transform: translateY(0px) rotateX(0deg); opacity: 1; transition: .3s }
.bt-cta.sombra { box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); transition: .4s }
.bt-cta.sombra:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); transition: .2s }

/*.bt-ctaW:before { content: ""; background: url(../img/icon_whats_app_bt_cta.svg) no-repeat center; width: 26px; height: 26px; background-size: cover; margin-right: 12px; display: block; }*/
.bt-fone { font-size: 15px; color: #000; font-weight: 700; display: flex; align-items: center; padding: 12px; box-sizing: border-box; white-space: nowrap; }
.bt-fone:before { content: ""; background: url(../img/ico_telefone.svg) no-repeat center; width: 15px; height: 14px; display: block; background-size: cover; margin-right: 12px; }

.links-1 { color: #4d4d4d; font-size: 16px; line-height: 22px }
.links-seta:after { content: ""; background: url(../img/arrow-left.svg) no-repeat center; transform: rotate(180deg); width: 16px; min-width: 16px; height: 16px; margin-left: 8px; background-size: cover; display: block; transition: .2s }
.links-seta:hover:after { content: ""; transform: translateX(5px); transition: .2s  }

.carousel-container {position: relative; overflow: hidden; width: 100%; margin: 0 auto; }
.carousel-wrapper {display: flex; transition: transform 0.3s ease-in-out; width: 100%; /* Necessário para o layout flexível */ }
.carousel-item {flex: 0 0 100%; /* Garante que cada item ocupa 100% da largura do contêiner */ text-align: center; }
.carousel-item img {width: 100%; /* Faz com que a imagem ocupe toda a largura do item */ height: auto; display: block; }
.video-item { position: relative; }

.carousel-item video {position: absolute; top: 0; left: 0; width: calc(100% + 1px); height: calc(100% + 1px); display: block; object-fit: cover; }
.carousel-dots {display: flex; justify-content: center; margin-top: 10px; }
.carousel-dots button {width: 7px; height: 7px; padding: 0; border: none; border-radius: 100%; background: #ccc; margin: 0 3px; cursor: pointer; transition: background 0.3s ease; }
.carousel-dots button.active {background: #333; }

@media ( max-width: 768px ) {

body { padding-bottom: 100px; }

.breadcrumb { margin: 10px 0 }

.bt-cta { font-size: 13px; height: 42px; }
.bt-fone { font-size: 13px; padding: 10px; }
.bt-fone:before { content: ""; margin-right: 6px }
/*.bt-ctaW:before { content: ""; width: 20px; height: 20px; margin-right: 6px; }*/

}

@media ( max-width: 600px ) {

.bar-nav-categorias { padding: 10px }
.carousel { gap: 0px; }

}

/* header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.header-default { width: 100%; height: 80px; background: #EDEDED; display: flex; align-items: center; z-index: 99; position: relative; }
.header-default .content-header { display: flex; align-items: center; justify-content: space-between; }
.header-default .content-header .bar-actions { display: flex; align-items: center; justify-content: center; }
.header-default-border { box-shadow: 0px 7px 5px -9px rgba(0,0,0,0.29) }
.header-default .header-content { display: flex; align-items: center; justify-content: space-between; width: 100% }
.header-default .bar-logo .logo { width: auto; display: block; }
.header-default.header-fixo { position: fixed; }
.wrapper-header-fixo { display: block; pointer-events: none; }

.menu-nav-itens .bt { margin-left: 8px; }
.menu-nav-itens .bt { font-size: 13px; color: #000; padding: 0 12px; height: 42px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.05) }
.menu-nav-itens .bt-produtos { min-width: 120px; }
.menu-nav-itens .bt-telefone .icon { margin-right: 6px; }
.menu-nav-itens .bt-whats { width: 42px; min-width: 42px; padding: 0 }
.menu-nav-itens .btn_busca { margin-left: 12px }
.header-default nav .menu-header { display: flex; }
.header-default nav a { font-size: 13px; color: #000; padding: 0 6px; display: block; }

.header-default.header-trans { background: none; position: absolute; top: 0 }

.header-default .menu-sanduba-desktop { margin: 0 12px 0 0; display: block; }

@media ( max-width: 968px ) {
.header-default .content-header .onlyDesktop { display: none; }
.header-default .menu-nav-itens .bt { font-size: 12px; }
.header-default .bt-produtos { min-width: 100px; }
.header-default .menu-nav-itens .bt-telefone { width: 42px; min-width: 42px; }
.header-default .menu-nav-itens .bt-telefone .icon { margin-right: 0px; }
.header-default .menu-nav-itens .btn_busca { margin-left: 8px }
.header-default .content-header { flex-direction: row-reverse; }
.header-default .menu-sanduba-desktop { margin: 0 0 0 8px; }

}

@media ( max-width: 768px ) {
.header-default { height: 60px; }
}

/*^header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* sidebar e nav site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.menu-sanduba { background: url(../img/menu-sanduba.svg) no-repeat center; width: 20px; height: 20px; display: block; }
.menu-sanduba-icon { background: none }

.sidebar-default { position: fixed; left: 0; top: 0; height: 100%; width: 69px; background: #fff; border-right: solid 1px #DBDBDB; display: flex; flex-direction: column; justify-content: center; z-index: 9998 }
.sidebar-default .bar-menu { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-top: 20px; }
.sidebar-default .bar-menu-sanduba { display: flex; align-items: center; justify-content: center; min-width: 45px; height: 100% }
.sidebar-default .menu-sanduba { position: absolute; bottom: 20px; }

.sidebar-default .bar-menu .bar-bts { display: flex; flex-direction: column; align-items: center; }
.sidebar-default .bar-menu .bar-bts li { margin: 5px 0;  }
.sidebar-default .bar-menu .bar-bts li:first-child { margin: 0 0 45px 0 }
.sidebar-default .bar-menu .btn_carrinho { background: url(../img/ico_cart.svg) no-repeat center; background-size: cover; width: 30px; height: 22px; display: block; }
.sidebar-default .bar-menu .btn_home { background: url(../img/ico_home.svg) no-repeat center; background-size: cover; width: 20px; height: 22px; display: block; }
.btn_busca { background: url(../img/ico_busca.svg) no-repeat center; background-size: cover; width: 20px; height: 20px; display: block; }
.btn_busca-svg { background: none }
.sidebar-default .bar-menu .btn_whatsApp { background: url(../img/ico_whatsapp.svg) no-repeat center; background-size: cover; width: 20px; height: 20px; display: block; }
.sidebar-default .bar-menu .bar-carrinho { display: none !important; }
.sidebar-default .bar-menu .btn_fav { background: url(../img/ico-fav.svg) no-repeat center; background-size: cover; width: 19px; height: 17px; display: block; }

.sidebar-default .bar-menu .circle-link { background: #fff; border-radius: 100px; width: 45px; min-width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 15px 0; transition: .2s }
.sidebar-default .bar-menu .circle-link:hover { background: #ededed; transition: .2s }

.sidebar-none .sidebar-default { display: none; }
.sidebar-bottom .sidebar-default { display: none; }
.sidebar-none .pushy .content .bar-modal:before,.sidebar-bottom .pushy .content .bar-modal:before { display: none; }

.pushy { position: fixed; z-index: 999; left: 0; top: 0px; width: 100%; height: 100%; transform: translateX(-100%); pointer-events: none; opacity: 0; transition: .2s }
.pushy.active { transform: translateX(0%); pointer-events: unset; opacity: 1; transition: .2s  }
.pushy .content { width: 100%; height: 100%; position: relative; }
.pushy .content .overlay { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.14) }
.pushy .content .bar-modal { position: absolute; left: 0; top: 0; width: 485px; height: 100%; display: flex; overflow-y: auto; background: #fff }
.pushy .content-nav { display: flex; flex-direction: column; justify-content: space-between; padding: 22px; width: 100%; box-sizing: border-box; position: relative; }
.pushy .header-modal-cta { width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-bottom: 22px; padding-right: 6px; box-sizing: border-box; }
.pushy .header-modal-cta .close { background: url(../img/arrow-left.svg) no-repeat center; width: 16px; height: 16px; background-size: cover; display: block; transition: .2s }
.pushy .header-modal-cta .close:hover { transform: translateX(-5px); transition: .2s }
.pushy .content-nav a { color: #000; padding: 8px 0; font-size: 16px; font-weight: 500; display: block; }
.pushy .content-nav .bt { margin-left: 0; display: flex; }
.pushy .content-nav .bt-telefone { border: solid 2px #4d4d4d; background: #fff; font-size: 16px; font-weight: 500 }
.pushy .content-nav .bt-produtos { margin: 10px 0 }
.pushy .content-nav .bat-bottom .bt-whatsapp { margin-bottom: 8px }

.pushy .content-nav .liked-posts-container { flex-grow: 1 }
.pushy .content-nav .liked-posts-container .tit { font-size: 16px; margin-bottom: 12px }
.pushy .content-nav .card-post-min { width: 100%; margin-bottom: 12px; background: none }
.pushy .content-nav .liked-posts-container .no-like-posts { background: #eaeaea; min-height: 400px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 15px; color: #4d4d4d;
 }

.pushy.nav-busca .content .bar-modal { width: 80% }
.pushy.nav-busca .bar-busca { flex-grow: 1; height: 100%; display: flex; align-items: center; justify-content: center; }
.pushy.nav-busca .bar-busca .box-input { background: #E3E3E3; width: 70%; height: 90px; box-sizing: border-box; padding: 14px; border-radius: 100px }
.pushy.nav-busca .bar-busca .busca-form { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.pushy.nav-busca .bar-busca .inputbusca { border: 0; height: 100%; width: 100%; padding: 14px; box-sizing: border-box; font-size: 30px; background: none }
.pushy.nav-busca .bar-busca .inputbusca:focus { outline: none; }
.botao-busca {background: none; border: none; padding: 0 15px; cursor: pointer; color: #333; transition: color 0.3s ease; }
.botao-busca:hover, .botao-busca:focus {color: #333; outline: none; }

@media ( max-width: 768px ) {

.sidebar-default { top: unset; bottom: 0; height: 50px; width: 100%; border-top: solid 1px #DBDBDB; border-right: none; }
.sidebar-default .bar-menu { flex-direction: row; padding-top: 0px; }
.sidebar-default .bar-menu .bar-bts { flex-direction: row; padding-left: 12px; justify-content: space-between; flex-grow: 1 }
.sidebar-default .bar-menu .bar-bts li:first-child { margin: 0 15px 0 0 }
.sidebar-default .bar-menu .bar-bts li { margin: 0 5px; }
.sidebar-default .menu-sanduba { right: 12px; bottom: unset; }
.sidebar-default .menu-nav-itens { flex-grow: 1 }
.sidebar-default .menu-nav-itens .bt { margin-left: 0px }
.sidebar-default .menu-nav-itens .bt-produtos { min-width: 100%; }
.sidebar-default .bar-menu .circle-link { width: 42px; min-width: 42px; height: 42px; }

.sidebar-bottom .sidebar-default { display: flex; }

.pushy { transform: translateX(100%); }
.pushy .header-modal-cta .close { transform:  rotate(180deg); }
.pushy .content-nav .bat-bottom { padding-bottom: 60px }
.pushy .content .bar-modal { width: 88%; right: 0; left: unset; }
.pushy .content .bar-modal:before { display: none !important; }


.pushy .content-nav .bar-top a:hover { font-weight: 700; background-color: rgba(0,0,0,0.05) }

.pushy.pushy-up { transform: translateY(100%); height: 80px; top: unset; bottom: 50px }
.pushy.pushy-up.active { transform: translateY(0%) }
.pushy.pushy-up .content-nav { padding-bottom: 0px; padding: 12px }
.sidebar-none .pushy.pushy-up { bottom: unset; }

.pushy.nav-busca .bar-top { display: none; }
.pushy.nav-busca .content .bar-modal { width: 100%; height: unset; }
.pushy.nav-busca .bar-busca .box-input { width: 100%; height: 55px; padding: 7px; }
.pushy.nav-busca .bar-busca .inputbusca { font-size: 14px; padding: 7px 14px; }
.botao-busca { padding: 0 7px; transform: scale(.7); }

}

/* Estilos base para todos os menus */
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation li {
    position: relative;
    transition: .2s
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Estilo ESPECÍFICO para o menu dropdown */

.main-navigation .menu-dropdown li:hover { background: rgba(0,0,0,0.1); transition: .2s }
.main-navigation .menu-dropdown .sub-menu { padding: 8px }
.main-navigation .menu-dropdown .sub-menu li { height: 42px;  padding: 2px 12px; box-sizing: border-box; display: flex; align-items: center; }
.main-navigation .menu-dropdown .sub-menu li a { color: #4d4d4d }

.main-navigation .menu-dropdown .sub-menu::before {
    content: '';
    position: absolute;
    top: -16px;
    left: 12px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
  }


/* Estilo ESPECÍFICO para o menu accordion */
.menu-accordion {
    display: block !important; /* Força o modo lista */
}

.menu-accordion > li {
    padding: 10px 0;
}

.menu-accordion ul {
    display: none;  /* Desativa qualquer dropdown */
    padding-left: 15px;
    position: static !important;
    box-shadow: none !important;
    min-width: auto !important;
}

.menu-accordion li.menu-item-has-children > a {
    position: relative;
    padding-right: 30px;
}

.menu-accordion li.menu-item-has-children > a:after {
    content: '+';
    font-size: 20px;
    font-weight: 200;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.menu-accordion li.menu-item-has-children.active > a:after {
    content: '-';
}

.main-navigation .menu-accordion .sub-menu a { font-weight: 300 }

/* Estilo para menus DROPDOWN */
.main-navigation > ul:not(.menu-accordion) {
    display: flex;
}

.main-navigation > ul:not(.menu-accordion) > li {
    padding: 2px 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 42px;
}

.main-navigation > ul:not(.menu-accordion) ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    z-index: 999;
}

.main-navigation > ul:not(.menu-accordion) li:hover > ul {
    display: block;
}

.main-navigation > ul:not(.menu-accordion) ul ul {
    left: 100%;
    top: 0;
}

@media ( max-width: 768px ) {

.header-default .main-navigation > ul:not(.menu-accordion) ul { min-width: 100% }
.header-default .main-navigation .menu-dropdown .sub-menu::before { display: none; border-color: unset; transform: rotate(180deg); border-width: 0px; right: 24px; top: 24px; left: unset; background: url(../img/close-menu-min.svg) no-repeat center; width: 10px; height: 10px;  }
.header-default .main-navigation > ul:not(.menu-accordion) > li { padding: 0 12px }

}

/*^ sidebar e nav site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* Single item  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.single-item-default { display: flex; }
.single-item-default .bar-thumb { width: 55% }
.single-item-default .bar-thumb .imagem-produto { width: 100%; max-width: 520px; }
.single-item-default .bar-text { width: 45% }
.single-item-default .bar-text .bar-cta { max-width: 100%; }
.single-item-default .bar-text .content { padding-left: 12px; }
.single-item-default .bar-text .sku { display: block; padding-top: 6px; }
.single-item-default .bar-text .content .bar-title { margin-bottom: 20px; }
.single-item-default .bar-price { display: block; border-top: solid 1px #DBDBDB; padding: 15px 0; margin: 0 0 20px 0 }
.single-item-default .bar-price .boxprice { display: flex; align-items: center; }
.bar-price .preco { display: flex; flex-direction: column; }
.bar-price .preco .bar-price-desconto { display: flex; align-items: center; }

.single-item-default .bar-text .bar-cta.bar-cta-no-preco { margin-top: 20px;; max-width: 100% }
.single-item-default .bar-text .bar-descricao .tit { color: #000; font-weight: 600; display: block; padding-bottom: 26px; }
.bar-atributos { display: block; }
.bar-atributos .card-atributo { margin-bottom: 16px; display: block; }
.bar-atributos .atributo-list { display: flex; align-items: center; margin-top: 9px; }
.bar-atributos .atributo-list li { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: solid 1px #979797; margin-right: 8px; cursor: pointer; }
.bar-atributos .atributo-list li:last-child { margin-right: 0 }
.bar-atributos .atributo-list li.active { border: solid 1px #00A650; }
.bar-atributos .atributo-list li.cores { padding: 5px; box-sizing: border-box; flex-direction: column; }
.bar-atributos .atributo-list li.cores .bar-cor { width: 100%; height: 100%; display: block; }
.single-item-default-descricao .bar-content { padding-top: 50px; color: #424242 }
.single-item .tit { padding-bottom: 22px; display: block; }

.single-item-lp1 { padding: 30px 0 0 0 }
.bar-tags { display: flex; align-items: center; flex-wrap: wrap; }
.bar-tags .tag { background: #EDEDED; font-size: 15px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 4px 22px; box-sizing: border-box; margin: 0 8px 8px 0px  }
.bar-tags.links .tag { color: #4d4d4d; opacity: .7 }
.bar-tags.links .tag:hover { opacity: 1 }

.single-item-default-depoimentos { padding: 50px 0 }

.bar-avaliacoes { display: flex; align-items: center; font-size: 14px; padding-top: 6px; }
.bar-avaliacoes .stars { width: 92px; min-width: 92px; height: 17px; display: block; position: relative; margin-right: 6px; }
.bar-avaliacoes .stars:before { content: ""; background: url(../img/barra-stars.svg) no-repeat center; width: 100%; height: 100%; display: block; background-size: cover; position: absolute; left: 0; top: 0; transform: scale(1.008) }
.bar-avaliacoes .stars .stars-barra { height: 100%; display: block; background: #F19417 }
.bar-avaliacoes .media { color: #000; font-weight: 700; }
.bar-avaliacoes .total { color: #999; padding-left: 6px; display: flex; align-items: center; }
.bar-avaliacoes .total:before { content: ""; background: url(../img/dotMin.svg) no-repeat center; width: 2px; height: 2px; display: block; margin-right: 6px; }
.bar-avaliacoes .medias { display: flex; align-items: center; }
.bar-avaliacoes .qtd { font-size: 14px; min-width: 32px; color: #4D4D4D }
.bar-avaliacoes .barra-star { padding-left: 22px; }
.bar-avaliacoes .barra-star .barra { width: 164px; height: 10px; background: #D3D3D3; border-radius: 100px; display: block; }
.bar-avaliacoes .barra-star .barra .track { height: 10px; background: #000; border-radius: 100px; display: block; }
.bar-avaliacoesCol { flex-direction: column; align-items: flex-start; font-size: 18px }
.bar-avaliacoesCol .stars { margin-right: 0px; margin-bottom: 10px; width: 110px; height: 19px; }
.bar-avaliacoesCol .stars:before { content: ""; transform: scale(1.02); }
.bar-avaliacoes-cards { padding-top: 0; height: 23px; }
.bar-avaliacoes-cards .media { margin-right: 6px; }
.bar-avaliacoes-cards .stars { margin-right: 0px; }
.bar-avaliacoes-cards .stars:before { display: none; }
.bar-avaliacoes-cards .stars .stars-barra { background: url(../img/fiveStars.svg) no-repeat; }

.box-opinioes { display: flex; position: relative; }
.box-opinioes .bar-stars-box { position: sticky; top: 12px; height: 100px; }
.box-opinioes .bar-opinioes-box { padding-left: 26px; flex-grow: 1 }
.box-opinioes .media { font-size: 30px; }

.box-opinioes-cards { padding-top: 22px; max-width: 595px; }
.card-opiniao { margin-top: 40px; }
.card-opiniao .bar-avatar { display: flex; align-items: center; }
.card-opiniao .bar-avatar .avatar { margin-right: 10px; position: relative; }
.card-opiniao .bar-avatar .avatar span { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 26px; font-weight: 400 }
.card-opiniao .thumb { width: 38px; height: 38px; border-radius: 100px; }
.card-opiniao .bar-text { margin-top: 19px; }
.card-opiniao .bar-util { margin-top: 4px; }
.card-opiniao .nome,.box-opinioes-cards .title { font-weight: 600; display: block; }
.card-opiniao .text { line-height: 21px; }
.card-opiniao .bar-imagens { margin-top: 19px; display: flex; align-items: center; }
.card-opiniao .bar-imagens .bar-thumb-opinicao { display: block; }
.card-opiniao .bar-imagens .thumb_opiniao { width: 100%; max-width: 100px; border-radius: 6px; display: block; }
.card-opiniao .bar-imagens .bar-thumb-opinicao:not(:last-child) { margin-right: 4px;  }

.bar-modal-opinioes.active { display: flex; }
.bar-modal-opinioes { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; }
.bar-modal-opinioes .content { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.overlay-opinioes { background-color: rgba(0,0,0,.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

.modal-opinioes { background: #fff; width: 900px; border-radius: 8px; position: sticky; z-index: 1 }
.modal-opinioes .head { width: 100%; height: 58px; display: block; box-shadow: 0 4px 6px rgba(0,0,0,.08) }
.modal-opinioes .head .content { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; height: 100%; width: 100%; box-sizing: border-box; }
.modal-opinioes .head .content .close-opiniao { background: url(../img/close.svg) no-repeat center; width: 16px; height: 16px; background-size: cover; display: block; }
.modal-opinioes .modal-conteudo { display: flex; padding: 22px; box-sizing: border-box; }
.modal-opinioes .modal-conteudo .bar-imagens-modal { width: 60%; position: relative; }
.modal-opinioes .opiniao-carousel .thumb_opiniao { max-width: 100%; width: auto; height: 400px; }
.modal-opinioes .modal-conteudo .bar-text-modal { width: 40%; padding-top: 0px; box-sizing: border-box; }
.modal-opinioes .modal-conteudo .bar-text-modal .card-opiniao { margin-top: 0 }
.modal-opinioes .modal-conteudo .bar-text-modal .stars { margin-bottom: 8px; }

.modal-opinioes .swiper-fade .swiper-slide { display: flex; justify-content: center; opacity: 0 }
.modal-opinioes .swiper-fade .swiper-slide-active { opacity: 1 }

.btn-util {display: flex; align-items: center; background-color: #fff; border: 1px solid rgba(0,0,0,.3); color: #333; padding: 8px 15px; font-size: 12px; cursor: pointer; border-radius: 100px; transition: 0.3s; }
.btn-util .icon { padding: 0 3px; }
.btn-util .icon-like { display: none; padding: 0 3px; }
.btn-util.voted .text, .btn-util.voted .icon { display: none; }
.btn-util.voted .icon-like { display: block; }
.btn-util.voted { border: 1px solid #28a745; background: #28a745; color: #fff; padding: 8px }

.bar-cta-fixo { position: fixed; bottom: 0px; left: 0px; z-index: 1; width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; background: #00A650; transform: translateY(55px); transition: .2s }
.scroll-actions .bar-cta-fixo { transform: translateY(0px); transition: .2s }
.bar-cta-fixo .bar-cta { width: 100% }

.single-item-relacionados { padding-top: 24px }
.single-item-relacionados .bar-relacionados { position: relative; }
.swiper-relacionados {width: 100%; max-width: 100%; overflow: hidden; }

.micro-textos-lp1 { padding: 0 0 50px 0 }


@media ( max-width: 768px ) {
.single-item-default { flex-direction: column; }
.single-item-default .bar-thumb { width: 100%; }
.single-item-default .bar-text, .single-item-default-descricao { width: 100%; padding: 0px; box-sizing: border-box; }
.single-item-default .bar-text .content { padding-left: 0px; padding-top: 12px }
.main-default-item { padding-top: 0px; }
.single .main-default .bar-bread-item { display: none; }
.single-item-default.wrapper-default { padding: 0px; }
.single-item-default .bar-price { margin: 10px 0; padding: 7px 0 }

.single-item-default-descricao .bar-content { padding-top: 20px }
.single-item .tit { padding-bottom: 12px; }

.single-item-lp1 { padding: 8px 0 0 0 }
.bar-tags .tag { background: #D8D8D8; font-size: 13px; height: 32px; padding: 4px 22px; margin: 0 4px 4px 0px  }
.box-opinioes { flex-direction: column; }
.box-opinioes .bar-stars-box { position: unset; height: inherit; }
.box-opinioes .bar-opinioes-box { padding-left: 0px; padding-top: 20px; }
.bar-avaliacoes .barra-star { width: 100%; padding-left: 4px; }
.bar-avaliacoes .barra-star .barra { width: 100%; }

.bar-cta-fixo { bottom: 50px; height: 42px; }

.modal-opinioes .modal-conteudo { flex-direction: column; padding: 0; }
.modal-opinioes { width: 100%; }
.modal-opinioes .modal-conteudo .bar-imagens-modal { width: 100%; }
.modal-opinioes .modal-conteudo .bar-text-modal { width: 100%; padding: 12px; }
.modal-opinioes { height: 100%; border-radius: 0px; }
.modal-opinioes .opiniao-carousel .thumb_opiniao { height: inherit; width: 100%; }

.micro-textos-lp1 { padding: 0 0 20px 0 }

}

/* Modal CTA . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.ModalCTA { position: fixed; z-index: 999; left: 0; top: 0px; width: 100%; height: 100%; transform: translateX(100%); pointer-events: none; opacity: 0; transition: .4s }
.ModalCTA.active { transform: translateX(0%); pointer-events: unset; opacity: 1; transition: .4s  }
.ModalCTA .content { width: 100%; height: 100%; position: relative; }
.ModalCTA .content .overlay { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.14) }
.ModalCTA .content .bar-modal { position: absolute; right: 0; top: 0; width: 685px; height: 100%; overflow-y: auto; background: #fff }
.ModalCTA .content-modal { padding: 31px 36px; box-sizing: border-box; }
.ModalCTA .header-modal-cta { display: flex; align-items: center; justify-content: space-between; height: 80px; padding: 12px 36px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,.1) }
.ModalCTA .header-modal-cta .title-modal-cta { display: flex; align-items: center; }
.ModalCTA .header-modal-cta .close { background: url(../img/arrow-left.svg) no-repeat center; transform: rotate(180deg); width: 16px; height: 16px; background-size: cover; display: block; }
.ModalCTA-comprar .title-modal-cta:before { content: ""; background: url(../img/ico_cart.svg) no-repeat center; background-size: cover; display: block; width: 30px; height: 22px; margin-right: 6px; }

.ModalCTA .card-itemModal { display: flex; align-items: center; }
.ModalCTA .card-itemModal .bar-thumb { margin-right: 20px; }
.ModalCTA .card-itemModal .bar-thumb .thumb { width: 100%; max-width: 80px; display: block; }

.ModalCTA .bar-text-cta { margin-top: 16px; }
.ModalCTA .bar-price { margin-top: 16px; }

.ModalCTA .bar-ctas { margin-top: 25px; display: flex; align-items: center; }
.ModalCTA .bar-ctas .bt-cta { flex-grow: 1 }

.ModalCTA .bar-infos-vendedor { border-top: solid 1px #DBDBDB;margin-top: 55px; padding: 25px 0; box-sizing: border-box; display: flex; }
.ModalCTA .bar-infos-vendedor .bar { width: 50%; padding-right: 16px; box-sizing: border-box; }
.ModalCTA .bar-infos-vendedor .title { font-weight: 700; display: block; margin-bottom: 6px }

.ModalCTA .bar-mapa { width: 100%; height: 288px; background: #eaeaea; margin-top: 26px; }
.ModalCTA .bar-mapa iframe { width: 100%; height: 100%; }

@media ( max-width: 768px ) {

.ModalCTA .header-modal-cta { padding: 12px; height: 60px }
.ModalCTA .content-modal { padding: 16px 12px 62px 12px }
.ModalCTA .content .bar-modal { width: 88% }
.ModalCTA-comprar .title-modal-cta:before { content: ""; width: 22px; height: 16px; }
.ModalCTA .card-itemModal .bar-thumb { margin-right: 10px; }
.ModalCTA .card-itemModal .bar-thumb .thumb { min-width: 60px; max-width: 60px }
.ModalCTA .bar-infos-vendedor { margin-top: 15px; padding: 15px 0; flex-direction: column; }
.ModalCTA .bar-infos-vendedor .bar { width: 100% }
.ModalCTA .bar-infos-vendedor .bar:first-child { margin-bottom: 12px; } 
.ModalCTA .content-modal .header-modal-cta .close { width: 13px; height: 13px; }
.ModalCTA .bar-ctas { margin-top: 14px; }
.ModalCTA .bar-mapa { margin-top: 14px; }
}


/* HERO LP 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.hero-lp1 { display: flex; align-items: center; justify-content: space-between; }
.hero-lp1 .bar-text { max-width: 408px; padding-right: 30px }
.hero .bar-text .text,
.hero .bar-text .subtit,
.hero .bar-text .bar-price,
.hero .bar-text .bar-cta,
.hero .bar-text .bar-atributos
{ padding-top: 16px; }

.hero-lp1 .bar-text .bar-tags .bar-logo { display: flex; align-items: center; justify-content center; height: 38px; padding: 0 12px; box-sizing: border-box; margin: 0 8px 8px 0px; border: solid 1px #DDDDDD; }
.hero-lp1 .bar-text .bar-tags .bar-logo .logo { max-height: 35px; }

.hero-lp1 .bar-thumb img { width: 100%; max-width: 480px; display: block; }

@media ( max-width: 768px ) {
.hero-lp1 { flex-direction: column-reverse; }
.hero-lp1 .bar-text { max-width: 90%; padding-right: 0px; padding-top: 6%; } 

.hero .bar-text .text,
.hero .bar-text .subtit,
.hero .bar-text .bar-price,
.hero .bar-text .bar-cta,
.hero .bar-text .bar-atributos
{ padding-top: 8px; }

.hero-lp1 .bar-text .bar-tags .bar-logo { height: 32px; margin: 0 4px 4px 0px }
.hero-lp1 .bar-text .bar-tags .bar-logo .logo { max-height: 28px }
.hero-lp1 .bar-thumb img { max-width: inherit; }
.hero .bar-text .bar-cta { margin: 0 auto }
}

/* HERO imagens carrossel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.single-item-lp1 .hero-imagens { margin: 54px 0; min-height: 542px }
.hero-imagens { width: 100%; position: relative; }
.hero-imagens:before { content: ""; background: #EDEDED; width: 100%; height: 90%; position: absolute; top: 0; left: 0;  }
.hero-imagens .content { display: flex; position: sticky; padding-top: 54px; z-index: 1 }
.hero-imagens .content .bar-thumb { max-width: 480px; min-width: 480px; padding-right: 30px; }
.hero-imagens .content .bar-text { padding: 80px 0 50px 0; display: flex; flex-direction: column; justify-content: space-between; }
.hero-imagens .content .bar-text .bar-tags { padding-top: 32px; }

@media ( max-width: 768px ) {
.single-item-lp1 .hero-imagens { margin: 26px 0 }
.hero-imagens .content { flex-direction: column; padding-top: 14px; }
.hero-imagens:before { content: ""; height: 52.5% }
.hero-imagens .content .bar-thumb { max-width: 100%; min-width: 100%; padding-right: 0px; padding-top: 12px; }
.hero-imagens .content .bar-text { width: 90%; padding: 40px 0 0 0 }
.hero-imagens .content .bar-text .bar-tags { padding-top: 12px; }
}

/* Micro textos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.card-microtexto { width: 290px; border: solid 1px #DBDBDB; border-radius: 20px; padding: 30px 25px; box-sizing: border-box; }
.card-microtexto .tit { font-size: 18px; line-height: 25px; }
.card-microtexto .tx { font-size: 16px; line-height: 22px }
.card-microtexto .bar-thumb { display: flex; justify-content: center; align-items: center; }
.card-microtexto .bar-thumb .circle { position: relative; display: flex; align-items: center; justify-content: center; height: 140px; }
.card-microtexto .bar-thumb .circle:before { content: ""; position: absolute; width: 95px; height: 95px; display: block; border-radius: 100px; background: #424242; }
.card-microtexto .bar-thumb .thumb-circle { position: sticky; }
.card-microtexto .bar-thumb .thumb-circle img { max-width: 120px }

.bar-micro-textos-cards { display: flex; }
.bar-micro-textos-cards .card-microtexto { width: 100%; margin: 6px }

@media ( max-width: 768px ) {
.micro-textos-lp1 { max-width: 100%; margin:  0 auto }
.bar-micro-textos-cards { flex-direction: column; }

.card-microtexto .tit { font-size: 17px; line-height: 20px; display: block; margin-bottom: 12px; }
.card-microtexto .tx { font-size: 14px; line-height: 19px }

.bar-micro-textos-cards .card-microtexto { display: flex; align-items: center; width: 90%; margin: 6px auto }
.bar-micro-textos-cards .card-microtexto .bar-thumb { width: 95px; min-width: 95px; margin-right: 12px; }

}

/*Cards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.card-item { width: 320px; display: block; }
.card-item .bar-thumb { width: 100%; position: relative; }
.card-item .bar-thumb .thumb { width: 100%; max-width: 100%; display: block; }
.card-item .tag-price { height: 23px; padding: 2px 20px; box-sizing: border-box; background: #fff; color: #2D2323; border-radius: 100px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; right: 10px; bottom: 10px; }
.card-item .tag-price .priceNormal { color: #6D7278; padding-right: 4px; text-decoration: line-through; font-weight: 500 }
.card-item .bar-text { padding: 10px 20px; box-sizing: border-box; text-align: center; }
.card-item .bar-text .nome-item { color: #000; font-weight: 500 }
.card-item .bar-avaliacoes { transform: scale(.8); }
.card-item .mascara { position: absolute; bottom: 0; display: block; width: 100%; height: 100%; background: #00000090 }

.grade-itens { display: flex; flex-wrap: wrap; }
.grade-itens .card-item { width: 33.07% ; margin: .13% }

.card-item-mini { width: 150px !important }
.card-item-mini .bar-thumb { display: flex; justify-content: center; }
.card-item-mini .bar-thumb img { border-radius: 6px; }
.card-item-mini .bar-thumb .tag-price { right: inherit; width: 90%; padding: 2px }
.card-item-mini .bar-text { padding: 10px 0 0 0; text-align: left; }
.card-item-price .bar-price { display: flex; align-items: center; }
.card-item-price .bar-price .desprice { padding-right: 6px }
.card-item-price .preco .price { font-size: 13px; line-height: 19px; }
.card-item-price .parcelamento,.card-item-price .preco .desconto,.card-item-price .preco .preco_label { display: none; }

.card-item-mini-horizon { display: flex; align-items: center; width: 390px; padding: 12px; box-sizing: border-box; background: #F5F5F5; border-radius: 8px }
.card-item-mini-horizon .bar-thumb { width: unset; padding-right: 18px; }
.card-item-mini-horizon .bar-thumb img.thumb { border-radius: 8px; width: 118px; min-width: 118px; }
.card-item-mini-horizon .bar-text { padding: 0; text-align: left; flex-grow: 1 }
.card-item-mini-horizon .bar-text .nome-item { font-size: 13px; line-height: 16px; margin: 0; font-weight: 700 }
.card-item-mini-horizon .bar-text .subtitulo { font-size: 11px; line-height: 135%; margin: 2px 0 0 0; color: #000; font-weight: 500 }
.card-item-mini-horizon .tag-price { position: unset; display: inline-block; padding: 2px 10px  }
.card-item-mini-horizon .bar-priceNote { padding-top: 4px; display: flex; align-items: center; }
.card-item-mini-horizon .bar-priceNote .bar-price .desprice,
.card-item-mini-horizon .bar-priceNote .bar-price .price { font-size: 12px; }
.card-item-mini-horizon .bar-priceNote .bar-avaliacoes { flex-direction: row-reverse; }
.card-item-mini-horizon .bar-priceNote .bar-avaliacoes .stars { width: 16px; min-width: 16px; margin-right: 6px; }
.card-item-mini-horizon .bar-priceNote .bar-avaliacoes .stars .stars-barra { width: 100% !important }

.bar-card-item-big .card-item-mini-horizon { width: 100%; }
.bar-card-item-big .card-item-mini-horizon .bar-thumb img.thumb { border-radius: 8px; width: 250px; min-width: 250px; }
.bar-card-item-big .card-item-mini-horizon .bar-text .content { max-width: 70%; margin: 0 auto }
.bar-card-item-big .card-item-mini-horizon .bar-text .nome-item { font-size: 19px; line-height: 24px; }

.card-cat-items { display: flex; flex-direction: column; align-items: center; flex: 0 0 auto; width: 120px }
.card-cat-items .bar-thumb .thumb { width: 74px; height: auto; display: block; border-radius: 100px; }
.card-cat-items .bar-text { padding-top: 6px; }
.card-cat-items .bar-text h2 { color: #000; font-weight: 700; text-align: center; }

.card-post-timeline { display: flex; width: 474px; color: #424242 }
.card-post-timeline .bar-avatar { padding-right: 30px; }
.card-post-timeline .avatar { width: 54px; min-width: 54px; height: 54px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background:#D8D8D8 }
.card-post-timeline .avatar .logo { max-width: 40px; display: block; }
.card-post-timeline .title { font-size: 22px; line-height: 28px; margin-bottom: 18px; }
.card-post-timeline .bar-thumb { padding-bottom: 18px; }
.card-post-timeline .thumb { width: 100%; max-width: 100%; border-radius: 16px }
.card-post-timeline  .bar-text p { font-size: 15px; line-height: 22px; font-weight: 400  }
.card-post-timeline time { padding-top: 0px; padding-bottom: 12px }

.timeline-posts { position: relative; padding: 40px 0 0 0 }
.timeline-posts:before { content: ""; display: block; width: 1px; height: 100%; background: #DBDBDB; opacity: .6; position: absolute; top: 0; left: 27px; }
.timeline-posts .card-post-timeline { position: sticky; z-index: 1 }
.timeline-posts .card-post-timeline:not(:last-child) { margin-bottom: 62px; }
.timeline-posts-no-date .card-post-timeline time { display: none; }
.timeline-posts .bar-pagination { padding-left: 84px }
.timeline-posts .lista-posts-ajax { padding-bottom: 20px; }

.card-post-min { display: flex; align-items: center; background: #EDEDED; color: #000000; width: 390px; border-radius: 8px; padding: 12px; box-sizing: border-box; }
.card-post-min .bar-thumb { padding-right: 12px; }
.card-post-min .thumb { width: 100%; width: 118px; min-width: 118px; }
.card-post-min .title { font-size: 13px; line-height: 16px; color: #4d4d4d }
.card-post-min .label { font-size: 12px; line-height: 14px; font-weight: 400 }

.card-post-carrossel { width: 100%; height: 424px; display: block; background: #fff; padding: 20px; box-sizing: border-box; position: relative; }
.card-post-carrossel .bar-thumb { width: 100%; height: 200px; background-color: #eaeaea; display: block; }
.card-post-carrossel .bar-text { padding-top: 22px; display: block; }
.card-post-carrossel .bar-text .title { font-size: 22px; line-height: 28px; font-weight: 600; color: #4d4d4d }
.card-post-carrossel .link-artigo { display: flex; align-items: center; font-size: 14px; color: #000; font-weight: 600; position: absolute; bottom: 20px; right: 20px; }
.card-post-carrossel .link-artigo:after { content: ""; background: url(../img/setaMin.svg) no-repeat center; width: 6px; height: 10px; display: block; margin-left: 8px }

.card-item-fullImage { width: 310px; height: 440px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 20px; background: #EDEDED; background-size: cover !important; }
.card-item-fullImage .text { max-width: 75%; margin: 0 auto; position: sticky; z-index: 1 }
.card-item-fullImage .text .tit { color: #fff; font-size: 32px; line-height: 34px; font-weight: 600; text-align: center; white-space: pre-line; }
.card-item-fullImage .bar-cta-card { position: absolute; bottom: 28px; }
.bar-cta-card .bt { min-width: 151px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; box-sizing: border-box; font-size: 15px; font-weight: 600; color: #fff; background: rgba(65, 65, 64, 0.4); backdrop-filter: blur(25px)  }
.bar-cta-card .bt:hover { background: rgba(202, 202, 202, 0.5) }
.card-item-fullImage .mascara { position: absolute; top: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.3) }

.card-tabela-preco { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 28px; box-sizing: border-box; }
.card-tabela-preco .bar-name { display: block; width: 100%; margin-bottom: 24px; }
.card-tabela-preco .bar-name .name { text-align: center; font-size: 24px; line-height: 28px; font-weight: 700; }
.card-tabela-preco .bar-content { flex-grow: 1 }
.card-tabela-preco .bar-price-cta { width: 100% }
.card-tabela-preco .bar_cta { display: block; margin-top: 16px; width: 100% }
.card-tabela-preco .bar-content.cms-text ul,.card-tabela-preco .bar-content.cms-text ol { padding: 0 0 0 20px }

@media ( max-width: 768px ) {

.grade-itens .card-item { width: 49.7% ; margin: .13% }
.card-item .bar-thumb .tag-price { transform: scale(.8); }
.card-item .bar-avaliacoes { top: 0 }
.card-item .bar-text { padding: 4px 8px; }
.bar-cta-card .bt { height: 42px }

.timeline-posts { padding: 16px 0 0 0 }
.timeline-posts .card-post-timeline { width: 100%; margin-bottom: 31px; }
.timeline-posts:before { content: ""; left: 20px; }

.timeline-posts .bar-pagination { padding-left: 48px }

.card-item-fullImage .text .tit { font-size: 22px; line-height: 28px; }

.card-post-timeline .bar-avatar { padding-right: 8px; }
.card-post-timeline .avatar { width: 40px; min-width: 40px; height: 40px; }
.card-post-timeline .avatar .logo { max-width: 30px; }
.card-post-timeline .bar-thumb { padding-bottom: 9px; }
.card-post-timeline .thumb { border-radius: 12px; }
.card-post-timeline .title { font-size: 18px; line-height: 24px; margin-bottom: 9px }
.card-post-timeline .bar-text p { font-size: 13px; line-height: 21px }

.card-post-carrossel .bar-text { padding-top: 14px; height: 380px }
.card-post-carrossel .bar-text .title { font-size: 18px; line-height: 22px; }

.card-post-min h2.title { padding: 0px; }

.card-item-mini-horizon { padding: 6px }
.card-item-mini-horizon .bar-thumb { padding-right: 4px; }
.card-item-mini-horizon .bar-text .nome-item { padding: 0px; }

.bar-card-item-big .card-item-mini-horizon { flex-direction: column; align-items: flex-start; padding: 6px 6px 16px 6px }
.bar-card-item-big .card-item-mini-horizon .bar-thumb { padding-right: 0px; padding-bottom: 8px; }
.bar-card-item-big .card-item-mini-horizon .bar-thumb img.thumb { width: 100%; }
.bar-card-item-big .card-item-mini-horizon .bar-text { padding: 0px; display: flex; justify-content: center; width: 100%; }
.bar-card-item-big .card-item-mini-horizon .bar-text .content { max-width: 100%; }

}

/*Post . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.heroDefault { padding: 20px 0 }

.post-content-default { padding-top: 30px; display: flow-root }

time { display: flex; align-items: center; }

.onlyMobile { display: none !important; }

.single-post-relacionados { border-top: solid 1px #DBDBDB; margin-top: 30px; padding-top: 30px; }
.single-post-relacionados .bar-relacionados { padding-bottom: 50px; }
.bar-relacionados,.bar-card-item { max-width: 800px; margin: 0 auto; box-sizing: border-box; }
.bar-relacionados .card-post-min,
.bar-card-item .card-item
 { float: right; margin-left: 16px; margin-bottom: 16px }
.bar-card-item.bar-card-item-big .card-item { float: none; margin-left: 0; margin-bottom: 16px; }

.compartilha-redes { display: flex; align-items: center;  }
.compartilha-redes a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100px; margin-right: 1px; opacity: .7 }
.compartilha-redes a:hover { opacity: 1; }
.compartilha-redes .iicon-whats:before { content: ""; background: url(../img/icon-whats-compartilha.svg) no-repeat center; display: block; width: 24px; height: 24px; }
.compartilha-redes .iicon-facebook:before { content: ""; background: url(../img/icon-facebook-compartilha.svg) no-repeat center; display: block; width: 12px; height: 24px; }
.compartilha-redes .iicon-x:before { content: ""; background: url(../img/icon-x-compartilha.svg) no-repeat center; display: block; width: 24px; height: 24px; }

/* Estilos para o botão de like */
.bar-curtir { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.like-button {background: none; height: 38px; border: solid 1px #999; border-radius: 100px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; box-sizing: border-box; transition: all 0.3s ease; font-size: 0.9em; color: #4f5257; }
.like-text { padding-right: 5px; }
.like-icon {color: #ccc; transition: all 0.3s ease; }
.like-button.liked .like-icon {color: #ff0000; animation: likePulse 0.5s ease; }
.like-button.liked .like-icon .icon g { fill: #ff0000; }
.like-count {font-size: 0.9em; min-width: 20px; text-align: center; }

.hero-post.superHero .like-button,.hero-post.superHeroVideo .like-button { color: #4d4d4d; border: #fff solid 1px }
.hero-post.superHero .like-button .icon g,.hero-post.superHeroVideo .like-button .icon g { fill: #4d4d4d !important }

@keyframes likePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.bar-hints-post { display: flex; align-items: center; color: #4d4d4d }
.bar-hints-post time:before { content: ""; width: 4px; height: 4px; border-radius: 100px; display: block;  margin: 0 4px; background: #4d4d4d }
.bar-hints-post .data-leitura,.bar-hints-post .data-leitura .leitura { display: flex; align-items: center; }
.clock:before { content: ""; background: url(../img/ico-time.svg) no-repeat center; border-radius: 100px; background-size: cover; width: 12px; min-width: 12px; height: 12px; display: block; margin: 0 4px; }


@media ( max-width: 768px ) {

.bar-hints-post { flex-direction: column; align-items: flex-start; }    
.bar-hints-post .autor { padding-left: 6px }

.compartilha-redes a { width: 30px; height: 30px; }
.compartilha-redes a .icon { transform: scale(.7); } 

.onlyDesktop { display: none !important; }
.onlyMobile { display: flex !important; }

.single-post-relacionados { padding: 20px 0 }
.single-post-relacionados .bar-relacionados { padding-bottom: 0px; }
.bar-card-item  { padding: 0 18px; margin-bottom: 26px; }
.bar-relacionados .card-post-min,
.bar-card-item .card-item
{ float: unset; margin-left: 0px; width: 96%; margin: 0 auto 16px auto; }

.like-button { height: 34px; font-size: .7em; gap: 2px;  }
.like-count { min-width: 12px }
}


/*Swiper . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.swiper-css .swiper-button-next:after, .swiper-css .swiper-button-prev:after { font-size: 22px; color: #4d4d4d }
.swiper-css .swiper-pagination-bullet { width: 7px !important; height: 7px !important; background: #333; margin: 0 3px !important }
.swiper-css-wrapper-default .swiper-button-next { right: -40px; }
.swiper-css-wrapper-default .swiper-button-prev { left: -40px }

@media ( max-width: 1250px ) {
.swiper-css-wrapper-default .swiper-button-next { right: -20px; }
.swiper-css-wrapper-default .swiper-button-prev { left: -20px }
}

@media ( max-width: 768px ) {
.swiper-css-wrapper-default .swiper-wrapper .swiper-slide:first-child { margin-left: 8px; }
.swiper-css-wrapper-default .swiper-button-next,
.swiper-css-wrapper-default .swiper-button-prev { display: none; }
}

/* Footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.footer-default { padding-top: 30px; }
.footer-default .content { border-top: solid 1px #DBDBDB; padding: 60px 0 4px 0; box-sizing: border-box; display: flex; align-items: center; }
.footer-default .content .bar-footer { width: 50%; }
.footer-default .content .bar-footer .content-bar { padding: 60px; box-sizing: border-box; }
.footer-default .content .bar-infos-footer { font-size: 13px; line-height: 16px; }
.footer-default .content .bar-infos-footer .bar-horario { display: block; padding-bottom: 12px; }
.footer-default .content .bar-infos-footer .bar-ver-mapa { display: block; padding-top: 8px; }
.footer-default .content .bar-infos-footer .bar-redes-sociais { display: block; padding-top: 34px; }
.footer-default .content .bar-infos-footer .bar-avalie { padding-top: 34px; display: flex; align-items: center; }
.footer-default .content .bar-infos-footer .bar-avalie .GMN { padding-right: 8px }
.footer-default .content .bar-logo .logo-footer { width: 100%; max-width: 200px; display: block; }
.footer-default .content .bar-text { max-width: 400px }

.bts-redes-sociais { display: flex; align-items: center; }
.bts-redes-sociais li:not(:last-child) { padding-right: 18px; }
.bt-ver-mapa { display: flex; align-items: center; justify-content: center; border-radius: 100px; background: #4D4D4D; color: #fff; font-size: 13px; width: 128px; padding: 4px; box-sizing: border-box;}
.bt-ver-mapa:before { content: ""; display: block; width: 16px; height: 16px; background: url(../img/ico-map.svg) no-repeat center; margin-right: 6px; }
.bt-avalia { display: flex; align-items: center; justify-content: center; border-radius: 100px; background: #fff; border: solid 1px #4D4D4D ; color: #4D4D4D; font-size: 13px; padding: 4px 12px; box-sizing: border-box; }

@media ( max-width: 768px ) {
.footer-default .content { flex-direction: column; }
.footer-default .content .bar-footer { width: 100%; }
.footer-default .content .bar-footer .content-bar { padding: 30px; }
.footer-default .content .bar-logo { display: flex; justify-content: center; margin-bottom: 22px; }
.footer-default .content .bar-logo .logo-footer { max-width: 170px; }

.footer-default .bts-redes-sociais { justify-content: center; }
.footer-default .content .bar-infos-footer .bar-ver-mapa { display: flex; justify-content: center; }
.footer-default .content .bar-infos-footer .bar-avalie { justify-content: center; flex-direction: column; }
.footer-default .content .bar-infos-footer .bar-avalie .GMN { margin-right: 0; margin-bottom: 8px; }
}

/* paginação . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.page-numbers { display: flex; align-items: center; font-size: 13px; color: #4d4d4d }
.page-numbers li { padding: 4px; box-sizing: border-box; }
.page-numbers li .current { font-weight: 800 }

/* search . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.timeline-posts-search:before { display: none; }
.timeline-posts .card-search:not(:last-child) { margin-bottom: 18px; }
.timeline-posts .card-search { width: 90%; margin: 0 auto }
.timeline-posts .card-search.card-search-produto { width: 100% }

.card-search time { display: none; }
.card-search.card-search-post time { display: flex; }
.card-search .bar-tag { display: flex; align-items: center; position: relative; z-index: 1; margin-bottom: 4px; }
.copy-elementPostTimeline .content-wrapper .card-search .bar-text div.tag { font-size: 12px; text-align: center; color: #4d4d4d; background: #D8D8D8; padding: 4px 8px; height: inherit; box-sizing: border-box; border-radius: 100px; display: inline-block; min-width: 54px; margin-right: 4px }


.copy-elementPostTimeline.timelineSearch .content-wrapper .bar-left { width: 40%; }
.copy-elementPostTimeline.timelineSearch .content-wrapper .bar-timeline { width: 60%; }

.card-post-search { background: none; width: 100%; transition: .2s ease }
.card-post-search:hover { transform: scale(1.05); transition: .2s ease }
.card-post-search .title { font-size: 18px; line-height: 24px; font-weight: 700 }
.card-post-search .subtitle { font-size: 15px; line-height: 22px; display: block; padding-top: 4px; }
.card-post-search .thumb { width: 158px; min-width: 158px }
.card-search.card-search-produto .tag-tipo-post { display: none; }
.card-post-search .link-artigo { display: flex; align-items: center; font-size: 13px; font-weight: 700; color: #4d4d4d; margin-top: 16px; }
.link-artigo:after { content: ""; background: url(../img/seta-right-min.svg) no-repeat center; width: 8px; height: 8px; display: block; margin-left: 6px; margin-bottom: 2px; transition: .3s ease }
.card-post-search:hover .link-artigo:after { content: ""; margin-left: 12px; transform: rotate(180deg); transition: .3s ease } 

@media ( max-width: 768px ) {
.timeline-posts .card-search { width: 96% }
.timeline-posts .card-search:not(:last-child) { margin-bottom: 16px; }

.copy-elementPostTimeline.timelineSearch .content-wrapper .bar-left { width: 100%; }
.copy-elementPostTimeline.timelineSearch .content-wrapper .bar-timeline { width: 100%; }

.card-post-search { padding: 6px; }
.card-post-search .thumb { width: 80px; min-width: 80px }
.card-post-search .title { font-size: 14px; line-height: 16px; }
.card-post-search .subtitle { font-size: 12px; line-height: 14px; }

}

/* Comentários . . . . . . . . . . . . . . . . . . . . . . . . . . . */


/* Garante que nenhum elemento indesejado apareça */
.bar-comentarios #reply-title,
.bar-comentarios .comment-notes,
.comment-form-cookies-consent,
#email,
#url {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Estilos básicos do formulário */
.comment-form {
    margin: 2em 0;
    display: flex;
    flex-direction: column;
    background: #D8D8D8;
    position: relative;
}

.comment-form .comment-form-author { order: -1 ; height: 0 }

.comment-form-author input,
.comment-form-comment textarea {
    width: 100%;
    padding: 12px 18px;
    box-sizing: border-box;
    border: 0px solid #DBDBDB;
    font-size: 16px;
    resize: none;
    transition: height 0.2s ease-out;
}

.comment-form-author input { height: 50px; margin-bottom: 0px; background: none }
.comment-form-comment textarea { background: #F5F5F5; height: 50px; display: block; }
.comment-form-author input:focus, .comment-form-comment textarea:focus { outline: none; }

.comment-form .enviar { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #D8D8D8; border-radius: 100px; border: 0; }
.comment-form .enviar { position: absolute; right: 6px; bottom: 6px; z-index: 1; transition: .2s }
.comment-form .enviar:hover { background: #979797; transition: .2s }
.comment-form .enviar .icon { width: 17px; height: 17px; fill: currentColor; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; flex: 0 0 auto; overflow: visible; }
.comment-form .enviar:hover .icon { stroke: #fff }

.comment-respond.active textarea { height: 150px; transition: height 0.2s ease-out }
.comment-respond.active .comment-form-author { order: -1 ; height: 50px; transition: height 0.2s ease-out }

.ctaComentario { padding-top: 18px; }
.ctaComentario p { font-size: 19px; line-height: 28px; }
.ctaComentario p strong { font-weight: 600 }

.moderation-message {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.comment-form .comentario-erro-preenchimento {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 10px;
    margin-bottom: 15px;
    color: #856404;
}

.comentario-pendente-mensagem {
    background-color: #e9ffe6;
    border: 0px solid #4CAF50;
    padding: 20px;
    margin: 2rem 0;
    font-size: 16px;
    color: #333;
    position: relative;
    animation: fadeIn 0.5s ease-in-out;
}

.comentario-pendente-mensagem blockquote {
    margin: 10px 0;
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

.comentario-pendente-mensagem strong { font-weight: 600; color: #000 }

.comentario-pendente-mensagem small {
    display: block;
    margin-top: 8px;
    color: #777;
    font-size: 14px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.comentario-pendente-mensagem {
    opacity: 0;
    transition: all 0.6s ease;
}

.comentario-pendente-mensagem.comentario-pendente-mensagem-anima {
    opacity: 1;
    transform: translateY(0);
}

.comentario-pendente-mensagem--pre {
    transform: translateY(20px);
}


.comment-list .bar-qtd-coments { display: block; margin-bottom: 14px; font-size: 1rem }
.comment-list .comment { margin-bottom: 26px; font-size: 18px; line-height: 26px; }
.comment-list .comment .comment-author { font-weight: 600; color: #000 }
.comment-list .comment .comment-author a { color: #000 }
.comment-list .comment .comment-content p:not(:last-child) { margin-bottom: 26px; }
.comment-list .comment .comment-metadata { display: flex; align-items: center; font-size: 13px; color: #666; }
.comment-list .comment .comment-metadata time:before { display: none; }

.comment-list .comment-respond #reply-title { display: flex !important; justify-content: space-between; font-size: 13px; visibility: unset !important; left: unset !important; height: unset !important; width: unset !important; position: unset !important; }
.comment-list .comment-respond .comment-form { margin: 6px 0 }

.comment-list .comment-form-author:before { content: '';
    display: block;
    border: 0.5rem solid transparent;
    border-bottom-color: #D8D8D8;
    position: absolute;
    bottom: 100%;
    left: 5rem; }

.comment-list .children {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #999;
}

.reply {
    margin-left: 8px;
}

.reply a, #cancel-comment-reply-link {
    text-decoration: none;
    color: #666;
}

.reply a:hover,#cancel-comment-reply-link:hover {
    text-decoration: underline;
}

@media ( max-width: 768px ) {
.comment-list .comment { margin-bottom: 18px; font-size: 14px; line-height: 21px; }
.comment-list .comment .comment-content p:not(:last-child) { margin-bottom: 18px; }
.comentario-pendente-mensagem blockquote { font-size: 14px; line-height: 21px; }
}


.bar-load-more {
    text-align: center;
    margin-top: 40px;
}

#load-more-posts {
	width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    font-size: 13px;
    font-weight: 500;
    color: #4d4d4d;
    background-color: #EDEDED;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Efeito Hover */
#load-more-posts:hover {
    background-color: #D8D8D8;
    transform: translateY(-2px);
}

/* Estado de Carregamento */
#load-more-posts[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    transform: translateY(0);
}

/* Ícone de seta (se quiser) */
#load-more-posts::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 5l-7 7 7 7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

#load-more-posts:hover::before {
    opacity: 1;
}

/* Page */

.bar-tit-page { margin: 16px 0; display:inline-block; }
.bar-tit-page .tit-page { display: inline-flex; align-items: center; padding: 8px 12px; height: 30px; font-size: 16px; box-sizing: border-box; background: #eaeaea }

@media ( max-width: 768px ) {
.bar-tit-page { margin: 12px 0; }
.bar-tit-page .tit-page { font-size:14px; }
}