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

.main-default {  }

.header-default { width: 100%; height: 80px; background: #EDEDED; display: flex; align-items: center; }
.logo-header {  }

.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: 30px; }
.sidebar-default .menu-sanduba { background: url(../img/menu-sanduba.svg) no-repeat center; width: 20px; height: 20px; display: block; position: absolute; bottom: 20px; }

.bar-menu .bar-bts { display: flex; flex-direction: column; align-items: center; }
.bar-menu .bar-bts li { padding: 15px 0 }
.bar-menu .bar-bts li:first-child { padding: 0 0 45px 0 }
.bar-menu .btn_carrinho { background: url(../img/ico_cart.svg) no-repeat center; background-size: cover; width: 30px; height: 22px; display: block; }
.bar-menu .btn_home { background: url(../img/ico_home.svg) no-repeat center; background-size: cover; width: 20px; height: 22px; display: block; }
.bar-menu .btn_busca { background: url(../img/ico_busca.svg) no-repeat center; background-size: cover; width: 20px; height: 20px; display: block; }
.bar-menu .btn_whatsApp { background: url(../img/ico_whatsapp.svg) no-repeat center; background-size: cover; width: 20px; height: 20px; display: block; }

.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-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; }


.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; }
.header-default { height: 60px; }

.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; }
.bar-menu .bar-bts { flex-direction: row; padding-left: 12px; width: 100%; justify-content: space-between; padding-right: 70px }
.bar-menu .bar-bts li:first-child { padding: 0 15px 0 0 }
.bar-menu .bar-bts li { padding: 0 15px; }
.sidebar-default .menu-sanduba { right: 12px; bottom: unset; }

.breadcrumb { margin: 10px 0 }

.bt-cta { font-size: 13px; height: 40px; }
.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; }

}

/* nav . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.nav-site{ position: fixed; z-index: 1; left: 0; top: 0px; width: 100%; height: 100%; transform: translateX(-100%); pointer-events: none; opacity: 0; transition: .4s }
.nav-site.active { transform: translateX(0%); pointer-events: unset; opacity: 1; transition: .4s  }
.nav-site .content { width: 100%; height: 100%; position: relative; }
.nav-site .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) }
.nav-site .content .bar-modal { position: absolute; left: 0; top: 0; width: 685px; height: 100%; overflow-y: auto; background: #fff }
.nav-site .content-modal { padding: 31px 36px; box-sizing: border-box; }
.nav-site .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) }
.nav-site .header-modal-cta .title-modal-cta { display: flex; align-items: center; }
.nav-site .header-modal-cta .close { background: url(../img/close.svg) no-repeat center; width: 16px; height: 16px; background-size: cover; display: block; }

/*^nav . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* 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 .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; align-items: center; }
.bar-price .preco .preco_label { padding-left: 5px; }
.single-item-default .bar-text .bar-cta.bar-cta-no-preco { margin-top: 20px; }
.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: 24px; color: #424242 }
.single-item-default-descricao .tit { padding-bottom: 22px; display: block; }

.single-item-lp1 { padding: 30px 0 0 0 }
.bar-tags { display: flex; 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; border-radius: 100px; margin: 0 8px 8px 0px  }
.bar-tags.links .tag { color: #4d4d4d; opacity: .7 }
.bar-tags.links .tag:hover { opacity: 1 }

.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: 2; 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; }



@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: 0 8px; 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 .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: 40px; }

.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%; }
}

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

.ModalCTA { position: fixed; z-index: 3; 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: #FFF2CE; margin-top: 26px; }

@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: 98% }
.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-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-thumb img { max-width: inherit; }

}

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

.single-item-lp1 .hero-imagens { margin: 54px 0; }
.hero-imagens { width: 100%; position: relative; }
.hero-imagens:before { content: ""; background: #EDEDED; width: 100%; height: 542px; 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; padding-right: 30px; }
.hero-imagens .content .bar-text { padding: 80px 0 50px 0; display: flex; flex-direction: column; justify-content: space-between; }


@media ( max-width: 768px ) {
.single-item-lp1 .hero-imagens { margin: 26px 0 }
.hero-imagens .content { flex-direction: column; align-items: center; padding-top: 14px; }
.hero-imagens:before { content: ""; height: 72.5% }
.hero-imagens .content .bar-thumb { max-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; font-weight: 500 }
.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; align-items: center; }
.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: 24px }
.card-microtexto .tx { font-size: 14px; line-height: 19px }

}

/*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 }
.card-item-mini-horizon .tag-price { position: unset; display: inline-block; padding: 2px 10px  }
.card-item-mini-horizon .bar-priceNote { padding-top: 12px; 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 }

.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; width: 100%; 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; 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; }

.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;  border-radius: 8px; }
.card-post-min .title { font-size: 13px; line-height: 16px; }
.card-post-min .label { font-size: 12px; line-height: 14px; font-weight: 400 }

.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 { width: 151px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 8px; box-sizing: border-box; font-size: 16px; 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) }

@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; }

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

.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-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; }
time:before { content: ""; background: url(../img/ico-time.svg) no-repeat center; width: 16px; min-width: 16px; height: 16px; display: block; margin-right: 8px; }

.onlyMobile { display: none; }

.single-post-relacionados { border-top: solid 1px #DBDBDB; margin-top: 30px; padding-top: 30px; }
.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; }
.bar-card-item.bar-card-item-big .card-item { float: none; margin-left: 0; margin-bottom: 16px; }

@media ( max-width: 768px ) {

.onlyDesktop { display: none; }
.onlyMobile { display: block; }

.single-post-relacionados { padding: 20px 0 }
.bar-relacionados,.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: 100%; }

}

/*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; height: 7px; 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; }
}