.element-margin { padding: 50px 0 50px 0; }
@media ( max-width: 768px ) {
.element-margin { padding: 25px 0 10px 0; }
}

.element-swiper .wrapper-navigation { margin-top: 20px; display: flex; justify-content: center;  }
.element-swiper .bar-dots { width: fit-content; height: 40px; display: flex; justify-content: center; align-items: center; padding: 4px 20px; box-sizing: border-box; }
.element-swiper .bar-dots .swiper-pagination { position: unset; width: inherit }
.element-swiper .bar-dots .swiper-pagination-bullet-active { width: 20px; border-radius: 100px; transition: .3s ease }
.element-swiper .bar-dots .swiper-pagination-bullet { transition: .3s ease }

.bar-text.center .text { text-align: center; }
.bar-text.center .text .tit,.bar-text.center .text .subtit,.bar-text.center .bar-cta { margin: 0 auto }
.bar-text.left .text { text-align: left; }
.bar-text.right .text { text-align: right; }
.bar-text .bar-cta { max-width: 330px }

.border-default { border: solid 1px; border-color: #fffc; }
.shadow-default {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }


/* Copy Bar Thumb Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-barTextThumb .content-wrapper { display: flex; align-items: center; justify-content: space-between; }
.copy-barTextThumb .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; }

.copy-barTextThumb .bar-thumb { display: flex; justify-content: center; flex-grow: 1; position: relative; }
.copy-barTextThumb .bar-thumb img { width: 100%; max-width: fit-content; display: block; }

@media ( max-width: 768px ) {
.copy-barTextThumb .content-wrapper { flex-direction: column-reverse; }
.copy-barTextThumb .bar-text { max-width: 90%; width: 100%; 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; }
}

/* Copy Carrossel Cards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-carrosselCards .bar-carrossel { width: 100%; max-width: 100%; overflow: hidden; position: relative; }
.copy-carrosselCards .bar-text { padding-bottom: 50px; }
.copy-carrosselCards .bar-text .text { text-align: center; max-width: 800px; margin: 0 auto }
.copy-carrosselCards .item { width: 310px; opacity: 0; transition: .3s ease }
.copy-carrosselCards .item .box-text { opacity: 0; transition: .0s ease } 
.copy-carrosselCards .item.swiper-slide-active,
.copy-carrosselCards .item.swiper-slide-active .box-text { opacity: 1; transition: .3s ease } 
.copy-carrosselCards .item.swiper-slide-active { transform: scale(1); z-index: 1; filter: blur(0px); transition: .3s ease }
.copy-carrosselCards .item.swiper-slide-prev { opacity: 1; transform: scale(.9) translateX(30%); filter: blur(.2px); transition: .3s ease } 
.copy-carrosselCards .item.swiper-slide-next { opacity: 1; transform: scale(.9) translateX(-30%); filter: blur(.2px); transition: .3s ease } 
.copy-carrosselCards .item .box-text { text-align: center; padding: 0 24px 18px 24px; min-height: 90px; display: flex; justify-content: center; align-items: flex-end; }
.copy-carrosselCards .card-item-fullImage { width: 100%; }

@media ( max-width: 768px ) {
.copy-carrosselCards .bar-text { padding-bottom: 12px }
.copy-carrosselCards .item.swiper-slide-prev { transform: scale(.7) translateX(110%) } 
.copy-carrosselCards .item.swiper-slide-next { transform: scale(.7) translateX(-110%) } 
.copy-carrosselCards .item { width: 80%; opacity: 0; transition: .3s ease }
.copy-carrosselCards .item .box-text { padding: 0 14px 8px 14px; min-height: 60px; }
.copy-carrosselCards .card-item-fullImage { width: 100%; height: 400px }
}

/* Copy Display Cards Cortina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-carrosselCardsCortina .bar-carrossel { position: relative; overflow-y: hidden; }
.copy-carrosselCardsCortina .bar-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 50px; }
.copy-carrosselCardsCortina .bar-header.center { flex-direction: column; }
.copy-carrosselCardsCortina .bar-text { flex-grow: 1 }
.copy-carrosselCardsCortina .bar-text .tit {  }
.copy-carrosselCardsCortina .bar-text .text.center { text-align: center; }
.copy-carrosselCardsCortina .bar-text .text.center .tit { margin: 0 auto }
.copy-carrosselCardsCortina .bar-header .bar-cta2 { padding-left: 20px }
.copy-carrosselCardsCortina .bar-header.center .bar-cta2 { padding-left: 0; padding-top: 20px; }
.copy-carrosselCardsCortina .bar-header .bar-cta2 .links-1 { white-space: nowrap; }
.copy-carrosselCardsCortina .item-slide .box-text { padding-top: 16px; height: 150px; opacity: 0; transition: .3s ease }
.copy-carrosselCardsCortina .item-slide-ativo .box-text { opacity: 1; transition: 2s ease }
.copy-carrosselCardsCortina .item-slide .box-text .bar-cta-card { padding-top: 24px }
.copy-carrosselCardsCortina .item .box-text .subtit { font-size: 14px; line-height: 135%; font-weight: 500 }
.copy-carrosselCardsCortina .item-slide:not(:last-child) { margin-right: 10px }
.copy-carrosselCardsCortina .item-slide { width: 20%; max-width: 380px; min-width: 300px; transition: .3s ease }
.copy-carrosselCardsCortina .item-slide-ativo { width: 40%; transition: .3s ease }
.copy-carrosselCardsCortina .item-slide .card-item-fullImage { width: 100% }
.copy-carrosselCardsCortina .item-slide-ativo .card-item-fullImage { width: 100% }
.copy-carrosselCardsCortina .card-item-fullImage .text { opacity: 0; transition: .3s ease }
.copy-carrosselCardsCortina .card-item-fullImage .bar-cta-card { display: none; }
.copy-carrosselCardsCortina .item .card-item-fullImage { width: 100%; transition: .3s ease }
.copy-carrosselCardsCortina .item.item-slide-ativo .card-item-fullImage .text { opacity: 1; transition: .3s ease }
.copy-carrosselCardsCortina .item.item-slide .text .bar-tit { display: flex; align-items: center; background: #ffffff9d; backdrop-filter: blur(25px); padding: 8px; box-sizing: border-box; border-radius: 100px }
.copy-carrosselCardsCortina .item.item-slide .text .bar-tit .bar-icon { width: 46px; min-width: 46px; height: 46px; border-radius: 100px; margin-right: 10px; display: flex; align-items: center; justify-content: center; background: #ffffff4d }
.copy-carrosselCardsCortina .item.item-slide .text .bar-tit .icon { width: 100%; max-width: fit-content }
.copy-carrosselCardsCortina .item.item-slide .text .bar-tit .titMin { font-size: 14px; line-height: 18px; font-weight: 600; padding-right: 14px; }
.copy-carrosselCardsCortina .card-item-fullImage .link-card { display: block; position: absolute; bottom: 12px; left: 12px; z-index: 1 }
.copy-carrosselCardsCortina .card-item-fullImage .gravata { background: #ededed; color: #000; border-radius: 100px; padding: 8px 40px; box-sizing: border-box; white-space: nowrap; opacity: 0; display: block; transition: .2s }
.copy-carrosselCardsCortina .item-slide-ativo .gravata { opacity: 1; transition: .2s }

.copy-carrosselCardsCortina .bar-selos { display: flex; align-items: center; margin-bottom: 8px; }
.copy-carrosselCardsCortina .bar-selos .selo { margin-right: 6px; }
.copy-carrosselCardsCortina .bar-header.center .bar-selos { justify-content: center; }
.copy-carrosselCardsCortina .selo { display: flex; align-items: center; background: #E3E3E3; font-size: 15px; height: 30px; padding: 0 18px; box-sizing: border-box; }
.copy-carrosselCardsCortina .selo.link { background: #D8D8D8; color: #4D4D4D; font-weight: 700 }
.copy-carrosselCardsCortina .selo.link:hover { opacity: .8 }

.copy-carrosselCardsCortina .bar-cta-card .bt:hover { color: #000 } 

.swiper-wrapper-custom {display: flex; justify-content: center; overflow-y: hidden; overflow-x: scroll; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.swiper-wrapper-custom::-webkit-scrollbar {display: none; }

.swiper-pagination-custom { display: flex; justify-content: center; gap: 8px; margin-top: 12px; width: 100% !important }
.swiper-pagination-custom .dot {width: 7px; height: 7px; background: #ccc; border-radius: 100px; cursor: pointer; }
.swiper-pagination-custom .dot.active { background: #000; width: 20px  }
.full_content_display .swiper-wrapper-custom { justify-content: flex-start; }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display { max-width: 100% !important; padding: 0; }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display .item-slide { min-width: 200px; max-width: 300px }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display .item-slide-ativo { min-width: 420px; max-width: 420px; }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display .swiper-wrapper-custom { padding-left: 16px; }

.micro-texto-video .card-item-fullImage .text { display: none; }

.card-item-light { width: 100%; display: block; }
.card-item-light .card-wrapper { width: 100%; height: 255px; display: block; background: #fff; position: relative; }
.card-item-light .bar-thumb { width: 100%; height: 180px; background-size: cover !important; background-color: #eaeaea; display: block; position: relative; }
.card-item-light .selo { display: inline-flex; align-items: center; background: #E3E3E3; font-size: 12px; font-weight: 600; height: 24px; padding: 0 12px; box-sizing: border-box; }
.card-item-light .bar-thumb .selo { position: absolute; top: 12px; right: 12px; }
.card-item-light .bar-logo { width: 100%; height: 75px; display: flex; align-items: center; padding: 12px; box-sizing: border-box;  }
.card-item-light .bar-logo .logo { max-height: 70px; }
.card-item-light .bar-text { margin-top: 12px; display: block; padding: 0 12px; box-sizing: border-box; }
.card-item-light .bar-text .marca { font-size: 13px; color: #424242; display: block; margin-bottom: 2px; }
.card-item-light .bar-text .name { font-size: 17px; line-height: 24px; font-weight: 600; color: #424242; display: block; margin-bottom: 4px }
.card-item-light .bt-mais { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 80px; background: #6E6E73; position: absolute; right: 12px; bottom: 12px; transition: all 0.3s ease; }
.card-item-light .bt-mais:hover { transform: scale(1.3); transition: all 0.3s ease; }
.card-item-light .bt-mais: .icon { transition: all 0.3s ease; }
.card-item-light .bt-mais:hover .icon { transform: scale(.6); transition: all 0.3s ease; }
.card-item-light .subtitulo { font-size: 12.5px; line-height: 135%; color: #4d4d4d }

.card-item-light-min .bar-logo-selo { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; min-height: 100px; padding: 12px; box-sizing: border-box; position: relative; }
.card-item-light-min .bar-logo-selo .bar-logo { width: inherit; height: inherit; margin-top: 16px; padding: 12px 0 }
.card-item-light-min .bar-logo-selo .selo { position: absolute; top: 12px; right: 12px; }
.card-item-light-min .bar-text { margin-top: 0px; }

.card-item-light-flat .bar-logo-selo { align-items:center; padding: 0px; }
.card-item-light-flat .bar-logo-selo .bar-text { margin-bottom: 8px }

@media ( max-width: 768px ) {
.copy-carrosselCardsCortina { padding-bottom: 22px; }
.copy-carrosselCardsCortina .bar-header { margin-bottom: 20px; flex-direction: column; align-items: flex-start; }
.copy-carrosselCardsCortina .bar-text .tit { max-width: 100% }
.copy-carrosselCardsCortina .bar-header .bar-cta2 { padding-left: 0; padding-top: 10px; }
.copy-carrosselCardsCortina .bar-header.center { align-items: center; }
.copy-carrosselCardsCortina .item-slide { width: 80% !important; padding: 2px; box-sizing: border-box; }
.copy-carrosselCardsCortina .item-slide { flex: 0 0 auto; scroll-snap-align: center; }
.copy-carrosselCardsCortina .item-slide:not(:last-child) { margin-right: 0 }
.copy-carrosselCardsCortina .item-slide-ativo { display: block; width: 90% !important; }
.copy-carrosselCardsCortina .item-slide .box-text { padding: 12px 24px; box-sizing: border-box; }
.copy-carrosselCardsCortina .item-slide .box-text .bar-cta-card { display: flex; justify-content: center; }
.copy-carrosselCardsCortina .bar-carrossel .swiper-wrapper-custom { padding: 0 3px; justify-content: flex-start; }

.copy-carrosselCardsCortina .bar-carrossel.full_content_display .item-slide { min-width: 80% }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display .item-slide-ativo { min-width: 90% }
.copy-carrosselCardsCortina .bar-carrossel.full_content_display .swiper-wrapper-custom { padding: 0 0 0 8px; }
}

/* Copy Acordeon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-elementAcordeon .wrapper-default { background: #cacaca4d; border-radius: 20px; padding: 78px; box-sizing: border-box; }
.copy-elementAcordeon .wrapper-default .bar-text { text-align: center; }
.copy-elementAcordeon .content-wrapper-inside { max-width: 80%; margin: 0 auto }
.copy-elementAcordeon .content-wrapper-inside .bar-acordeon { padding-top: 34px }
.copy-elementAcordeon .content-wrapper-inside .bar-cta { max-width: 330px; margin: 0 auto; padding-top: 28px; }

.cms-faq { background: #cacaca4d; border-radius: 20px; padding: 78px; box-sizing: border-box; margin: 26px 0 }
.cms-text .cms-faq h2 { text-align: center; font-weight: 600; padding-bottom: 26px; max-width: 80% }
.cms-faq details { max-width: 80%; margin: 0 auto }
.post-content-default.cms-text details p { padding: 24px; }

/* Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */
.tabs input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
.tabs .row {
	 display: flex;
}
.tabs .row .col {
	 flex: 1;
}
.tabs .row .col:last-child {
	 margin-left: 1em;
}

/* Accordion styles */
.tabs {
	overflow: hidden;
    margin: 0 auto;
}
.tab {
	 width: 100%;
	 overflow: hidden;
	 margin-bottom: 11px;
}
.tab-label,
.cms-faq summary {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 cursor: pointer;
	 padding: 24px;
	 box-sizing: border-box; 
	 background: #E2E2E2;
	 font-size: 19px;
	 line-height: 22px;
	 font-weight: 600;
	 border-radius: 8px;
}

.tab-label::after,
.cms-faq details summary::after {
	 content: "+";
	 width: 34px;
	 height: 34px;
	 min-width: 34px;
	 background: #CECECE;
	 border-radius: 100px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-size: 22px;
	 font-weight: 400;
	 text-align: center;
	 transition: all 0.35s;
}
.tab-content {
	display: inherit !important;
	max-height: 0;
	box-sizing: border-box;
	padding: 0 16px;
	transition: all 0.35s;
}

.tab-content p { display: block; margin-bottom: 18px; }

.tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
.tab-close:hover {
	 background: #1a252f;
}
input:checked + .tab-label::after,
.cms-faq details[open] summary::after 
 {
 	content: "-";
 	color: #4d4d4d;
	transform: rotate(180deg);
}
input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 16px;
}

input:checked ~ .tab-content .font-medium {
 	color: #666;
}
/* fim Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */

@media ( max-width: 768px ) {
.copy-elementAcordeon { padding: 0 8px; box-sizing: border-box; }
.copy-elementAcordeon .wrapper-default { padding: 22px; }
.copy-elementAcordeon .content-wrapper-inside { max-width: 96%; padding: 20px 0 }
.tab-label,.cms-faq summary { font-size: 15px; padding: 17px; }

.cms-faq { padding: 22px }
.cms-text .cms-faq h2 { padding-bottom: 14px; }
.post-content-default.cms-text details p { padding: 12px; }

}

/* copy-elementPostTimeline . . . . . . . . . . . . . . . . . . . . . . . */

.copy-elementPostTimeline .content-wrapper { display: flex; }
.copy-elementPostTimeline .content-wrapper .bar { width: 50% }
.copy-elementPostTimeline .content-wrapper .bar.bar-text { position: sticky; top: 140px; height: fit-content; overflow: hidden; }
.copy-elementPostTimeline .content-wrapper .bar-text .text { max-width: 80% }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-tit-cat { padding: 20px 0 0 0 }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-cta-card { padding-top: 34px; }
.copy-elementPostTimeline .content-wrapper .bar-text .tag { background: #D8D8D8; color: #4D4D4D; font-size: 15px; font-weight: 500; height: 42px; min-width: 100px; max-width: fit-content; padding: 0 12px; box-sizing: 
border-box; display: flex; align-items: center; justify-content: center; }
.copy-elementPostTimeline .content-wrapper .bar-text .tag.tagBT:hover { transform: translateY(-2px); transition: all 0.3s ease }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-menu-cat-posts { padding: 20px 0 0 0; display: block; }
.copy-elementPostTimeline .content-wrapper .bar-text .lista-categorias { display: flex; align-items: center; flex-wrap: wrap; }
.copy-elementPostTimeline .content-wrapper .bar-text .lista-categorias li { margin: 0 6px 6px 0  }
.copy-elementPostTimeline .card-post-timeline { width: 100% }
.copy-elementPostTimeline .bar-bt-carregar { display: flex; align-items: center; }
.copy-elementPostTimeline .bar-bt-carregar .avatar { visibility: hidden; }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-imagem { display: block; padding-top: 16px; }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-imagem .imagem { width: 100%; max-width: fit-content; }

@media ( max-width: 768px ) {
.copy-elementPostTimeline .content-wrapper { flex-direction: column; }
.copy-elementPostTimeline .content-wrapper .bar { width: 100% }
.copy-elementPostTimeline .content-wrapper .bar.bar-text { position: inherit; height: inherit; min-height: inherit; padding-bottom: 16px; }
.copy-elementPostTimeline .content-wrapper .bar-text .text { padding-left: 20px; }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-cta-card { padding-top: 12px }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-tit-cat { padding: 10px 20px }
.copy-elementPostTimeline .content-wrapper .bar-text .tag { font-size: 13px; height: 35px; min-width: 121px; }
}

/* copy-elementPostCarrossel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-elementPostCarrossel .content-wrapper { display: flex; }
.copy-elementPostCarrossel .content-wrapper .bar-text-content { max-width: 420px; min-width: 420px; margin-left: calc(2% + 34.5px) }
.copy-elementPostCarrossel .content-wrapper .bar-text-content .bar-nav { display: flex; align-items: center; margin-top: 18px }
.copy-elementPostCarrossel .content-wrapper .bar-text-content .bar-cta-card { padding-top: 34px; }

.copy-elementPostCarrossel .bar-carrossel { max-width: 100%; overflow: hidden; position: relative; }
.copy-elementPostCarrossel .bar-carrossel .swiper-slide {
    width: clamp(420px, 30vw, 420px);
    max-width: 100%;
    transition: .3s;
    margin-right: 10px;
}
.copy-elementPostCarrossel .bar-carrossel .swiper-slide.swiper-slide-active {
    width: clamp(420px, 30vw, 420px);
    max-width: 100%;
    transition: .3s;
}
.copy-elementPostCarrossel .bar-carrossel .swiper-slide.swiper-slide-prev {
	opacity: 0;
	transform: translateX(200px);
	transition: .3s;
}


/* Estilo base para as setas de navegação */
.swiper-button-prev-3,
.swiper-button-next-3 {
  width: 40px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000; /* Cor das setas */
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.swiper-button-prev-3:hover,
.swiper-button-next-3:hover {
  background: rgba(255, 255, 255, 1);
  transform: scale(1.1);
}

.swiper-button-prev-3 {
  
}

.swiper-button-next-3 {
  margin-left: 10px;
}


@media ( max-width: 768px ) {

.copy-elementPostCarrossel .content-wrapper { display: block; }
.copy-elementPostCarrossel .content-wrapper .bar-text-content { max-width: 100%; min-width: 100%; margin-bottom: 16px; margin-left: 0; padding: 0 8px; box-sizing: border-box; }
.copy-elementPostCarrossel .content-wrapper .bar-text-content .text { display: flex; flex-direction: column; }
.copy-elementPostCarrossel .content-wrapper .bar-text-content .bar-cta-card { padding-top: 16px; }
.copy-elementPostCarrossel .bar-carrossel .swiper-slide,.copy-elementPostCarrossel .bar-carrossel .swiper-slide.swiper-slide-active { max-width: 96%; margin-right: 6px; margin-left: 6px; } 
.copy-elementPostCarrossel .content-wrapper .bar-text-content .bar-nav { order: 3 }

}


/* Elemento Full Imagem ou Vídeo Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.element-copy-full.element-margin { padding-bottom: 0px;  }
.element-copy-full .wrapper-text-outside .bar-text { text-align: center; }
.element-copy-full .wrapper-text-outside-top { margin-bottom: 60px; }
.element-copy-full .wrapper-text-outside-bottom { margin-top: 60px; padding-bottom: 20px; }
.element-copy-full .wrapper-text-outside .bar-action { display: flex; justify-content: center; }
.element-copy-full .wrapper-text-outside.hero-post .bar-relacionado .card-item-mini-horizon { background: #cacaca4d }
.element-copy-full .bt-CTA { width: 400px; padding-top: 20px; }

.wrapper-element-copy-full { height: 580px; padding: 20px 0; box-sizing: border-box; display: flex; align-items: center; position: relative; margin: 0 auto }
.wrapper-element-copy-full.wrapper-text-inside:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; display: block; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.1) 100%); }
.wrapper-element-copy-full.wrapper-element-96 { max-width: 96% }
.wrapper-element-copy-full.wrapper-element-80 { max-width: 80% }
.wrapper-element-copy-full.wrapper-default .content { padding: 0 12px; box-sizing: border-box; }

.wrapper-element-copy-full .bar-relacionado { padding-top: 20px }
.wrapper-element-copy-full .bar-relacionado .card-item-mini-horizon { padding: 6px; background: #ffffff90 }
.wrapper-element-copy-full .bar-relacionado .card-item-mini-horizon .bar-thumb img.thumb { width: 80px; min-width: 80px; }

.wrapper-element-copy-full .content { position: sticky; z-index: 1 }
.wrapper-element-copy-full .content .bar-text { max-width: 70% }

.wrapper-element-copy-full .video-background { position: absolute; top: 0; left: 0;  height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; }

@media ( max-width: 768px ) {

.element-copy-full .wrapper-text-outside-top { margin-bottom: 20px; }
.element-copy-full .wrapper-text-outside-bottom { margin-top: 20px; }
.wrapper-element-copy-full { flex-direction: column-reverse; }
.header-hero.header-hero-default.header-hero-full { height: calc(100% - 50px); }
.wrapper-content-hero.textLeft { align-items: flex-start; }
.header-hero-default .bar-text { padding: 20px 0 }

.wrapper-element-copy-full .bar-text .titulo { font-size: 20px; line-height: 27px; word-wrap: break-word;:  }
.wrapper-element-copy-full .bar-text .subtitulo { font-size: 15px; line-height: 21px; padding-top: 12px; }

.wrapper-element-copy-full .content .bar-action { padding-bottom: 10px }

.wrapper-element-copy-full.wrapper-default .content { padding: 0 12px 18px 12px }
.wrapper-element-copy-full .content { padding-bottom: 18px }

.wrapper-element-copy-full { height: 560px; align-items: flex-end; padding: 0; }
.superHeroVideo .content { padding-bottom: 18px; }

.element-copy-full .bt-CTA { width: 100%; }

.wrapper-element-copy-full .bar-relacionado .card-item-mini-horizon { width: 100%; }
.wrapper-element-copy-full .bar-relacionado .card-item-mini-horizon .bar-thumb img.thumb { width: 70px; min-width: 70px }
.wrapper-element-copy-full .bar-relacionado .card-item-mini-horizon .bar-text { padding: 0; }

}

/* Elemento Bar text e thumb . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-barTextThumb.textRight .content-wrapper { flex-direction: row-reverse; }

@media ( max-width: 768px ) {

.copy-barTextThumb.textRight .content-wrapper { flex-direction: column-reverse; }

}

/* Elemento Carrossel Depoimentos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-carrosselDepoimentos .bar-text { padding-bottom: 50px; }
.copy-carrosselDepoimentos .bar-text .text { text-align: center; max-width: 800px; margin: 0 auto }
.copy-carrosselDepoimentos .bar-carrossel { max-width: 100%; overflow: hidden; margin: 0 auto }
.copy-carrosselDepoimentos .bar-carrossel .swiper-slide { width: clamp(300px, 30vw, 242px); max-width: 100%; opacity: .5; transition: .3s }
.copy-carrosselDepoimentos .bar-carrossel .swiper-slide .text { display: none; }
.copy-carrosselDepoimentos .bar-carrossel .swiper-slide.swiper-slide-active { width: clamp(300px, 30vw, 429px); max-width: 100%; opacity: 1; transition: .3s }
.copy-carrosselDepoimentos .bar-carrossel .swiper-slide.swiper-slide-active .text { display: block; }
.copy-carrosselDepoimentos .bar-cta { max-width: 330px; margin: 0 auto; padding-top: 28px; }

.card-item-depoimento { width: 100%; height: 390px; background: #EDEDED; border-radius: 16px; padding: 42px; box-sizing: border-box; }
.card-item-depoimento .content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; font-size: 14px; line-height: 21px; margin-top: 0px; }
.card-item-depoimento .content .bar-avatar { flex-direction: column; align-items: flex-start; padding-bottom: 20px; }
.card-item-depoimento .content .bar-avatar .avatar { margin-bottom: 20px; margin-right: 0px; }
.card-item-depoimento .content .thumb { width: 66px; min-width: 66px; height: 66px; }
.card-item-depoimento .bar-avaliacoes .stars:before { content: ""; background: none }
.card-item-depoimento .bar-avaliacoes .stars .stars-barra { background: url(../img/fiveStars.svg) no-repeat;  }
.card-item-depoimento .content .box-text .title { font-weight: 700 }

@media ( max-width: 768px ) {
.card-item-depoimento { padding: 22px; }
.card-item-depoimento .content .thumb { width: 46px; min-width: 46px; height: 46px; }
}

/* Elemento Micro-textos 3 Col . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-3colMicroTextos .hero { margin-bottom: 74px; display: block; }
.copy-3colMicroTextos .content-wrapper { padding-bottom: 30px; }
.bar-content-3col-mt {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }

.card-mt-mini .bar-icon { display: none; margin-bottom: 24px; }
.card-mt-mini .bar-icon .icon { max-width: 45px; width: 100%; display: block; }
.card-mt-mini .circle-icon { width: 55px; min-width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; }
.card-mt-mini .bar-icon .icon-livre .icon { max-width: fit-content }
.card-mt-mini .bar-text .tit { font-size: 22px; line-height: 26px; font-weight: 700; color: #424242; display: block; }
.card-mt-mini .bar-text .text { font-size: 16px; line-height: 21px; ; color: #676767; display: block; padding-top: 12px; }
.card-mt-mini .bar-imagem { margin-bottom: 14px }
.card-mt-mini .bar-imagem .imagem { width: fit-content; }

.bar-content-3col-mt .card-mt-mini { box-sizing: border-box; padding: 1rem }
.bar-content-3col-mt .card-mt-mini .bar-text { box-sizing: border-box; }
.bar-content-3col-mt .card-mt-mini.content_center { display: flex; flex-direction: column; align-items: center; }
.bar-content-3col-mt .card-mt-mini.content_center .bar-text { text-align: center; }

.bar-content-3col-mt.wrapper-default.wrapper-default-custom.size_min,
.bar-content-3col-mt-flex.wrapper-default.wrapper-default-custom.size_min
{ max-width: 968px }
.bar-content-3col-mt.wrapper-default.wrapper-default-custom.size_medium,
.bar-content-3col-mt-flex.wrapper-default.wrapper-default-custom.size_medium
 { max-width: 1250px }

.copy-3colMicroTextos .content-wrapper.flex_display { display: flex; align-items: center; max-width: 1250px; margin: 0 auto; }
.copy-3colMicroTextos .content-wrapper.flex_display .bar-content-3col-mt { display: flex; align-items: center; }
.copy-3colMicroTextos .content-wrapper.flex_display .bar-content-3col-mt .card-mt-mini { width: 320px; margin-bottom: 1rem; }

@media ( max-width: 1250px ) { 

.copy-3colMicroTextos .content-wrapper.flex_display .hero .tit,
.copy-3colMicroTextos .content-wrapper.flex_display .hero .subtit { margin: 0 auto; text-align: center; }

.copy-3colMicroTextos .content-wrapper.flex_display { flex-direction: column; }
.copy-3colMicroTextos .content-wrapper.flex_display .bar-content-3col-mt { width: inherit; }
} 


@media ( max-width: 768px ) {
.copy-3colMicroTextos .content-wrapper { max-width: 90%; margin: 0 auto }
.copy-3colMicroTextos .hero { margin-bottom: 34px }
.bar-content-3col-mt { grid-template-columns: repeat(1,minmax(0,1fr)); }
.bar-content-3col-mt .card-mt-mini { display: flex; }
.bar-content-3col-mt .card-mt-mini.icon_up_mobile { flex-direction: column; }
.bar-content-3col-mt .card-mt-mini.icon_up_mobile .bar-icon { margin-bottom: 16px; margin-right: 0; }
.card-mt-mini .bar-text .tit { font-size: 18px; line-height: 24px; }
.card-mt-mini .bar-icon { display: flex; justify-content: center; margin-bottom: 0; margin-right: 12px; }
.card-mt-mini .circle-icon { width: 75px; min-width: 75px; height: 75px; }

.copy-3colMicroTextos .content-wrapper.flex_display .bar-content-3col-mt { flex-direction: column; gap: 0px }
.content-wrapper.flex_display .bar-content-3col-mt .card-mt-mini { width: 100%; }

}

/* Elemento Display Post Destaques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.hero-post .gravata { background: #ededed; color: #000; border-radius: 100px; padding: 8px 40px; box-sizing: border-box; display: inline-block; margin-bottom: 12px; }
.hero-post .destaque1 { display: block; margin-bottom: 36px; }
.hero-post .destaque1:hover { opacity: .8 }
.hero-post .destaque1 .title { font-size: 28px; line-height: 36px; }
.hero-post .card-post-min { background: none; padding: 0; margin-bottom: 10px; width: inherit; }
.hero-post .card-post-min:hover { opacity: .8 }
.hero-post .card-post-min .thumb { width: 100px; min-width: 100px }
.hero-post .card-post-min .title { font-size: 18px; line-height: 24px; }
.hero-post .card-post-min .gravata { font-size: 12px; padding: 2px 12px; margin-bottom: 2px; }
.element-posts-detacados .content-wrapper .bar-posts { padding-right: 69px; flex-grow: 1 }
.element-posts-detacados .content-wrapper { display: flex; align-items: center; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque { width: 100%; max-width: 500px; min-width: 480px; position: relative; transition: all 0.3s ease; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque.hover { opacity: .8; transition: all 0.3s ease; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque .thumb { width: 100%; max-width: 100%; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque .thumb:hover { opacity: .8; transition: all 0.3s ease; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque .gravata { position: absolute; left: 8px; bottom: 8px; margin-bottom: 0px; font-size: 14px; padding: 4px 10px; display: none; }


@media ( max-width: 768px ) {

.element.element-margin.element-posts-detacados { padding: 10px 0 }
.element-posts-detacados .content-wrapper { flex-direction: column-reverse; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque { width: 100%; min-width: 100%; }
.element-posts-detacados .content-wrapper .bar-thumb-destaque .gravata { display: block; }
.element-posts-detacados .content-wrapper .bar-posts { padding-right: 0px; }
.hero-post .gravata { padding: 2px 6px }
.hero-post .destaque1 { margin-bottom: 18px; }
.hero-post .destaque1 .gravata { display: none; }
.hero-post .destaque1 .title { font-size: 17px; line-height: 23px; font-weight: 500; padding: 0 8px; box-sizing: border-box; }
.hero-post .card-post-min .title { font-size: 14px; line-height: 20px; }
}

/* Elemento Banners . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.sidebar-left.wrapper_96 .elementBanner.wrapper-default-customX { max-width: 96%; margin: 0 auto 0 0 }

.sidebar-left.sidebar-left-after-header.wrapper_96.leftLess main.main-default,
.sidebar-left.wrapper_1250.leftLess main.main-default,
.sidebar-left.wrapper_default.leftLess main.main-default { margin-left: 0px; transition: .3s }

.element-swiper.elementBanner .wrapper-navigation { margin-top: 0px; }
.element-swiper.elementBanner .wrapper-navigation .bar-dots { height: inherit; }
.element-swiper.elementBanner .element-margin { padding: 10px 0 20px 0 }

/* Container do Swiper */
.swiper-banners {
  width: 100%;
  overflow: hidden;
}

/* Wrapper do Swiper */
.swiper-banners .swiper-wrapper {
  display: flex;
  align-items: center;
}

/* Slide com largura automática */
.swiper-banners .swiper-slide {
  width: 100% !important; /* Sobrescreve width: 100% */
  flex-shrink: 0; /* Impede que o slide encolha */
  max-width: none; /* Remove limite de largura */
}

/* Container de paginação */
.swiper-pagination-4 {
  position: relative !important;
  bottom: auto !important;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Bullets individuais */
.swiper-pagination-bullet {
  margin: 0 5px !important;
  background: #ccc !important;
  opacity: 1 !important;
  transition: all 0.3s ease;
}

/* Bullet ativo */
.swiper-css .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: none;
  width: 20px !important;
}

/* Ajuste para dynamicBullets */
.swiper-pagination-bullet-dynamic {
  position: relative;
  transform: unset;
}


.banner-imagem { display: block; height: 456px; background-size: cover !important; }
.banner-imagem a { display: block; width: 100%; height: 100% }
.banner-imagem .imagem { display: block; width: 100%; max-width: fit-content; }
.banner-imagem .imagem.imagem-mobile { display: none; }

.banner-build { width: 100%; max-width: 100% !important; height: 456px; background-color: #eaeaea; display: flex; align-items: center; }
.banner-build .bar-text-cta { padding: 20px 20px 20px 120px; }
.banner-build .bar-text-cta .titulo { font-size: clamp(32px, 5vw, 60px); line-height: 105%; font-weight: 800; display: block; color: #1D1D1F }
.banner-build .bar-text-cta .subtitulo { font-size: clamp(16px, 2vw, 22px); line-height: 135%; font-weight: 600; display: block; color: #1D1D1F; padding-top: 8px }
.banner-build .bar-text-cta .cta { padding-top: 15px; display: block; }
.banner-build .bar-text-cta .cta .bt { display: inline-flex; align-items: center; justify-content: center; min-width: 269px; height: 55px; padding: 8px 16px; box-sizing: border-box; font-size: 16px; line-height: 22px; font-weight: 800; background: #F18D1F; border-radius: 100px; color: #fff }
.banner-build .bar-text-cta .cta .bt:hover { box-shadow: rgba(0, 0, 0, 0) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }
.banner-build .bar-text-cta .bar-elementos { display: inline-flex; align-items: center; padding-bottom: 26px; }
.banner-build .bar-text-cta .bar-imagem-texto { display: flex; align-items: center; }
.banner-build .bar-text-cta .bar-selo { padding-left: 12px; }
.banner-build .bar-text-cta .selo { display: inline-flex; align-items: center; justify-content: center; min-width: 89px; height: 30px; padding: 4px 16px; box-sizing: border-box; border-radius: 100px; font-size: 15px; background: #212121; color: #fff; }

@media ( max-width: 1400px ) {

.banner-build .bar-text-cta { padding: 20px 20px 20px 80px }

}

@media ( max-width: 768px ) {

.sidebar-left.wrapper_96 .elementBanner.wrapper-default-custom { max-width: 100%; padding: 0px }

.element-swiper.elementBanner .bar-carrossel { overflow: hidden; }
.banner-imagem .imagem.imagem-mobile { display: block; }
.banner-imagem .imagem.imagem-desktop { display: none; }

.banner-build { align-items: flex-start;  }

.banner-build,.banner-imagem { height: 580px; }
.banner-build .bar-text-cta { padding: 40px 20px 20px 20px; }
.banner-build .bar-text-cta .cta .bt { height: 44px; min-width: 229px; font-size: 14px;  }

}

/* Elemento Display Colunas Card . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.copy-display-colunas-card { margin: 0 auto; }
.copy-display-colunas-card.largura_media { max-width: 1250px }
.copy-display-colunas-card.largura_minima { max-width: 968px }
.copy-display-colunas-card .bar-text.center .text { margin: 0 auto }
.copy-display-colunas-card .bar-grade-cols-itens { padding: 50px 0 50px 0 }

.bar-grade-cols-itens .item .card-item-light .card-wrapper { transition: all 0.3s ease; }

.bar-grade-cols-itens {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 24px; /* Espaçamento igual entre todos os itens */
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.bar-grade-cols-itens .item {
  position: relative;
  overflow: hidden;
  /*aspect-ratio: 1/1; /* Proporção quadrada (ajuste conforme necessidade) */
}

.bar-grade-cols-itens .item:hover {
  transition: all 0.3s ease;
  transform: translateY(-5px);
}

/* Responsividade */
@media (max-width: 768px) {
  .bar-grade-cols-itens {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .bar-grade-cols-itens {
    grid-template-columns: 1fr; /* Uma coluna em mobile */
    gap: 12px;
  }
}

/* Modal Vídeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.bt-video .play-icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.bt-video:hover .play-icon {
  transform: translateX(4px);
  transition: transform 0.2s ease;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

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

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

/* Modal Styles */


.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.video-modal.active {
  visibility: visible;
  opacity: 1;
}

.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.35);
  backdrop-filter: blur(1px);
}

.modal-content {
  position: relative;
  background: white;
  width: 80%;
  max-width: 900px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transform: translateY(20px);
  transition: transform 0.3s ease;
  z-index: 2;
}

.video-modal.active .modal-content {
  transform: translateY(0);
}

.close-modal {
  position: absolute;
  top: -45px;
  right: -45px;
  font-size: 34px;
  cursor: pointer;
  z-index: 3;
  transition: .2s ease
}

.close-modal:hover {
	transform: rotate(90deg);
	transition: .2s ease
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsivo */
@media (max-width: 768px) {
  .modal-content {
    width: 96%;
  }
  
  .close-modal {
    right: 0px;
    top: -30px;
    font-size: 24px;
  }

  .item.item-slide.micro-texto-video.item-slide-ativo { width: 98% !important }
  .video-modal-carrossel { left: unset; justify-content: flex-start; }
  .video-modal .modal-content { width: 96% }
}

/* Super posts destacados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.data-leitura { display: flex; align-items: center; font-size: 10px; color: #636363; }
.data-leitura .data { font-weight: 600 }
.data-leitura .leitura { padding-left: 5px; display: flex; align-items: center; }
.data-leitura .leitura:before { content: ""; background: url(../img/ico-time.svg) no-repeat center; background-size: cover; width: 9px; height: 9px; display: block; margin-right: 5px }

.element-super-posts-detacados { padding: 30px 0 }
.element-super-posts-detacados .wrapper-default { max-width: 1250px }
.element-super-posts-detacados .content { display: flex; }
.element-super-posts-detacados .content .superdestaque { width: 750px; padding-right: 17px }
.element-super-posts-detacados .content .gravata { background: #4d4d4d; color: #fff; font-size: 12px; font-weight: 700; padding: 8px 20px; display: inline-block; margin-bottom: 4px }
.element-super-posts-detacados .content .bar-thumb .thumb { width: 100%; max-width: fit-content; border-radius: 4px; display: block; opacity: 0 }
.element-super-posts-detacados .content .superdestaque .bar-text { min-height: 135px; display: flex; align-items: flex-end; }
.element-super-posts-detacados .content .superdestaque .bar-text .tit { font-size: 26px; line-height: 130%; font-weight: 700 }
.element-super-posts-detacados .content .superdestaque .bar-thumb { padding-top: 30px }
.element-super-posts-detacados .content .superdestaque .bar-thumb .thumb-bg { width: 100%; height: 100%; display: block; border-radius: 4px }

.element-super-posts-detacados .content .sidebar { width: 480px; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 16px }
.element-super-posts-detacados .content .sidebar .card-post:not(:last-child) { margin-bottom: 16px }
.element-super-posts-detacados .content .sidebar .card-post { display: flex; align-items: center; transition: .2s }
.element-super-posts-detacados .content .sidebar .card-post:hover { opacity: .8; transition: .2s }
.element-super-posts-detacados .content .sidebar .card-post .bar-thumb { margin-right: 12px; min-width: 200px; border-radius: 4px }
.element-super-posts-detacados .content .sidebar .card-post .gravata { font-size: 11px; height: 24px; box-sizing: border-box; }
.element-super-posts-detacados .content .sidebar .card-post .tit { font-size: 14px; line-height: 135%; font-weight: 600 }
.element-super-posts-detacados .content .sidebar .card-post .data-leitura { padding-top: 6px }

.element-super-posts-detacados .wrapper-default-custom .content .superdestaque { width: 60% }
.element-super-posts-detacados .wrapper-default-custom .content .bar-thumb .thumb { max-width: 100% }
.element-super-posts-detacados .wrapper-default-custom .content .sidebar { width: 40% }
.element-super-posts-detacados .wrapper-default-custom .content .sidebar .card-post .bar-thumb { min-width: 250px }


/* Container do carrossel */
.element-super-posts-detacados .carrossel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.element-super-posts-detacados .bar-carrossel-container { position: relative; }

.element-super-posts-detacados .carrossel-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.element-super-posts-detacados .carrossel-wrapper::-webkit-scrollbar { display: none; } 
.element-super-posts-detacados .item-slide { flex: 0 0 auto; width: 100%; transition: .2s }
.element-super-posts-detacados .item-slide:hover { opacity: .8; transition: .2s }
.element-super-posts-detacados .bar-nav { display: inline-flex ; align-items: center; justify-content: center; position: absolute; right: 20px; bottom: 20px; z-index: 9 }
.element-super-posts-detacados .carrossel-btn { border: 0; width: 31px; height: 31px; background: #4d4d4d; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin: 0 2px }
.element-super-posts-detacados .carrossel-btn.prev svg { transform: rotate(180deg); }

.carrossel-pagination { display: inline-flex; align-items: center; justify-content:  center; gap: 12px; width: 100%;  }
.carrossel-pagination .dot {
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 100px;
    background: #ccc;
    cursor: pointer;
    transition: 0.2s;
}

.carrossel-pagination .dot.active {
	width: 20px;
    background: #4d4d4d;
    transition: 0.2s;
}

/* Barra de progresso */
.carrossel-progress-container {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    overflow: hidden;
    z-index: 2;
}

.carrossel-progress-bar {
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, var(--cor-destaque, #0073e6), var(--cor-secundaria, #00a8ff));
    border-radius: 2px;
}

.carrossel-progress-container.playing .carrossel-progress-bar {
    animation: progress 4s linear forwards;
}

@keyframes progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.carrossel-container:hover .carrossel-progress-container.playing .carrossel-progress-bar {
    animation-play-state: paused;
}

@media (max-width: 1249px) {

.element-super-posts-detacados .wrapper-default .content .superdestaque { width: 60% }
.element-super-posts-detacados .wrapper-default .content .sidebar { width: 40% }
.element-super-posts-detacados .wrapper-default .content .sidebar .card-post .bar-thumb { min-width: 180px }

}

@media (max-width: 768px) {

.element-super-posts-detacados .wrapper-default .content { flex-direction: column; }
.element-super-posts-detacados .wrapper-default .content .superdestaque { width: 100%; padding-right: 0px; padding-bottom: 16px; }
.element-super-posts-detacados .wrapper-default .content .sidebar { width: 100% }
.element-super-posts-detacados .wrapper-default .content .sidebar .card-post .bar-thumb { min-width: 280px }
.element-super-posts-detacados .wrapper-default .content .bar-thumb .thumb { max-width: 100% }

.carrossel-pagination { gap: 6px; }
.carrossel-pagination .dot { width: 4px; height: 4px }
.carrossel-pagination .dot.active { width: 12px }

}

@media (max-width: 468px) {

.element-super-posts-detacados .content .superdestaque .bar-text { min-height: 100px }
.element-super-posts-detacados .content .superdestaque .bar-text .tit { font-size: 16px; line-height: 138% }
.element-super-posts-detacados .content .superdestaque .bar-thumb { padding-top: 15px }
.element-super-posts-detacados .wrapper-default .content .superdestaque { padding-bottom: 8px }
.element-super-posts-detacados .content .sidebar .card-post:not(:last-child) { margin-bottom: 8px }
.element-super-posts-detacados .wrapper-default .content .sidebar .card-post .bar-thumb { min-width: 130px; max-width: 130px; margin-right: 6px }
.element-super-posts-detacados .wrapper-default .content .sidebar .card-post .tit { font-size: 11px }
.element-super-posts-detacados .wrapper-default .content .gravata { margin-bottom: 4px; padding: 6px 12px; font-weight: 600px }
.element-super-posts-detacados .wrapper-default .content .sidebar .card-post .gravata { font-size: 9px; height: inherit; }

}