@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');


/*ajustes variaveis zendesk*/

  header.HeaderBlock.Zendesk #IconeLogado #user span{color: var(--cinza-escuro);}
  header.HeaderBlock.Zendesk #IconeLogado #user .dropdown-toggle:after{color: var(--cinza-escuro);}
  header.HeaderBlock.Zendesk .Navegacao {padding: 16px 35px;margin: 0;}

 
/*corpo*/

body { font-family: var(--font-family); margin: 0; padding: 0; font-size: 1.4rem; }
.LineFaq { border: none; border-bottom: 1px dashed var(--cinza-intermediario); }
section.HeaderFaq header.topbar { margin: 0 !important; padding: 0 !important;}
section.HeaderFaq header.topbar .container-inner { width: 90% !important; max-width: inherit !important; }

.ConteudoFaq p.category-tree__description{display: none;}

.ConteudoFaq .category-tree__item{margin-top: 22px;}

.ConteudoFaq .category-tree__item h2.category-tree__title { font-size: 25px; font-weight: normal; position: relative; margin-bottom: 36px; color: var(--cinza-escuro); }

.ConteudoFaq .category-tree__item h2.category-tree__title:after { content: ''; width: 64px; height: 4px; border-radius: 20px; background: var(--vermelho); display: inline-block; position: absolute; bottom: -8px; left: 0; }

.ConteudoFaq .section__title{ padding: 15px 25px; background: #ffffff; border: 1px solid #cccccc; border-radius: 6px; }

.ConteudoFaq .section__title:hover { background: #e3e3e3; border: 1px dashed #cccccc; border-radius: 6px; }

.ConteudoFaq .section__title:hover h3.section__title-name{color: var(--vermelho); font-weight: 600;}

.ConteudoFaq .section__title.is-active .section__title-icon { font-size: 25px; display: flex; align-items: center; justify-content: center; }

.ConteudoFaq .section.is-active .section__title.is-active{ background: #e3e3e3; border: 1px dashed #cccccc; border-radius: 6px; }

.ConteudoFaq .section.is-active .section__title.is-active h3.section__title-name{color: var(--vermelho); font-weight: 600;}

.ConteudoFaq .section__title-name {color: var(--cinza-escuro);}

.ConteudoFaq .section__title-name i{margin: 0 10px 0 0;}

.ConteudoFaq .section{border-radius: 6px;}

.ConteudoFaq .article-list { background: #ebebeb; color: var(--cinza-escuro); padding: 15px 30px; border: 1px solid #cccccc; border-radius: 0 0 6px 6px; }

section.WrapperBusca{ padding: 30px 0 50px 0; background-image: url(https://www.gimba.com.br/midia/gimba_commerce/assets/img/faq/bg_busca_faq.jpeg); background-size: cover; border-top: 1px dashed var(--cinza-intermediario); border-bottom: 1px dashed var(--cinza-intermediario); }

section.WrapperBusca .ChamadaFaq { width: 95%; display: flex; justify-content: center; align-items: center; margin: 0 auto 12px auto; }

section.WrapperBusca .BuscaSolicita { width: 50%; margin: 0 auto; }

section.WrapperBusca .BuscaSolicita .FaqFacaBusca{ border: 1px solid var(--vermelho); border-radius: 6px; position: relative; }

section.WrapperBusca .BuscaSolicita .FaqFacaBusca .IconFaqMobile{ position: absolute; top: 0; right: 0; display: none; }

section.WrapperBusca .ChamadaFaq .hero-unit__title { font-size: 32px; text-align: center; margin: 0; color: var(--vermelho); }

section.WrapperBusca .FaqPerguntaBusca { font-size: 18px; text-align: center; margin: 0 0 0 10px; padding: 0 0 0 10px; color: var(--cinza-escuro); border-left: 1px dashed #999999; }

section.WrapperBusca .BuscaSolicita .FaqFacaBusca .search-box #query { height: 60px; border-radius: var(--border-radius); }

section.Wrapper.Faq { background: #e3e3e3; padding: 20px 0 80px 0; }

.EstruturaFaq{ display: flex; gap:5px; width: 90%; margin: 0 auto; align-items: stretch; flex-direction: column; }

.MenuFaq { width: 100%; border: 1px solid #cccccc; border-radius: 10px; background: #f5f5f5; margin: 0 auto 10px; text-align: center; justify-content: center; padding: 16px 0; display: flex; align-items: center; }

.MenuFaq nav ul { list-style: none; padding: 0; margin: 0; line-height: 35px; display: flex; gap: 10px; justify-content: center; flex-direction: row; width: 100%; }

.MenuFaq nav ul li { background: #f5f5f5; }

.MenuFaq nav ul li a { text-decoration: underline; color: #D22630; font-weight: bold; }

.MenuFaq nav ul li a { text-decoration: none; color: initial; -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; display: flex; align-items: center; font-weight: 600; color: var(--cinza-escuro); flex-direction: column; width: 125px; text-align: center; padding: 10px; border: 1px solid #cccccc; border-radius: 10px; }

.MenuFaq nav ul li a span{ line-height: normal; font-size: 12px; height: 30px; margin: 9px 0 0 0; display: flex; align-items: center; justify-content: center; }

.MenuFaq nav ul li a i{ font-size: 35px; }

/*
.MenuFaq nav ul li a:before{ font-family: 'bootstrap-icons'; content: "\F234"; font-weight: 500; font-size: 12px; margin: 0 3px 0 0; }
.MenuFaq nav ul li a.active:before{ content: "\F231"; }

.MenuFaq nav ul li a:hover:before{ content: "\F231"; }
*/

.MenuFaq nav ul li a:hover{ text-decoration: none; color: var(--vermelho); -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; border: 1px solid var(--vermelho);; }

.MenuFaq nav ul li a.active{ text-decoration: none; color: var(--vermelho); -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; border: 1px solid var(--vermelho);; }

.MenuFaq nav ul li.LinAtivo a{ text-decoration: none; color: var(--vermelho); }

.MenuFaq nav ul li.LinAtivo a:before{ content: "\F231"; }

.ConteudoFaq { border: 1px solid #cccccc; border-radius: 10px; padding: 20px 30px 40px 30px; width: 100%; line-height: 30px; font-size: 16px; background: #f5f5f5; margin-left: 0px; }

.FaqIconesAcesso { display: flex; align-items: center; justify-content: center; border: 1px solid #cccccc; border-radius: 10px; padding: 20px 30px; width: 90%; line-height: 30px; font-size: 16px; margin: 15px auto 25px auto; background: #f5f5f5; }

.IconesAcesso.IconesFaq{ display: flex !important; gap: 20px !important; }

.IconesAcesso.IconesFaq .IconFaq a{ height: auto; margin: 0; }

.IconesAcesso.IconesFaq #IcoFaqNavega > a:hover.IcoLinkFaqNavega{ color: var(--vermelho); background: var(--branco); font-weight: 600; }

.IconFaq{ display: flex; width: max-content; position: relative; }

.IconFaq a { width: auto; display: flex; align-items: center; text-decoration: none; color: var(--cinza-escuro); margin: var(--margens-menus-navegacao); height: 53px; border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius); }

.IconFaq a > i{ font-size: 30px; margin: 0 5px 0 0; }

.IconFaq > span{ font-weight: bold; }

.IconesFaq .IconFaq a .IcoTexto{display: flex;}
  
.IconFaq a .IcoTexto .IcoLine{ text-align: right; line-height: 14px; }

.IconFaq a .IcoTexto .IcoLine font{ font-size: 1rem; }

.IconFaq a i.bi-person{font-size: 35px;}

.CategoriasFaq { position: absolute; width: 350px; background: var(--branco); right: 0; top: 40px; padding: 30px 24px; border-top: 3px solid var(--vermelho); border-right: 3px solid var(--vermelho); border-bottom: 2px solid var(--cinza-intermediario); border-left: 2px solid var(--cinza-intermediario); border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius); display: none; }

.CategoriasFaq.active{display: block;z-index: 99;}

.CategoriasFaq hr:before { background: var(--branco); padding: 0 10px; text-align: center; position: absolute; }

.CategoriasFaq ul{ list-style: none; padding: 0; margin: 0; }

.CategoriasFaq ul li a{ list-style: none; padding: 0; margin: 10px 0 10px 0; height: 30px; }

.CategoriasFaq div a{ list-style: none; padding: 0; margin: 10px 0 10px 0; height: 30px; }

.CategoriasFaq ul li a:before{ font-family: 'bootstrap-icons'; content: "\F234"; font-weight: 500; font-size: 12px; margin: 0 3px 0 0; }

.CategoriasFaq ul li a:hover{ color: var(--vermelho); }

.CategoriasFaq ul li a:hover:before{ content: "\F231"; }

.IconFaq > a:hover { background: var(--vermelho); color: var(--branco); border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius); }

#IcoFaqMenu{display: none;}

#IcoFaqMenu > a.MenuCategoriasFaq { background: var(--vermelho); color: var(--branco); border-radius: var(--border-radius) var(--border-radius) 0 0; }

#IcoFaqNavega > a:hover.IcoLinkFaqNavega { background: var(--vermelho); color: var(--branco); border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius); }


.AtendimentoNaFaq { display: flex; align-items: stretch; justify-content: space-between; border: 1px solid #cccccc; border-radius: 10px; padding: 30px 50px; width: 90%; line-height: 30px; font-size: 13px; margin: 15px auto 25px auto; background: #f5f5f5; gap: 10px; line-height: 25px; }

.AtendimentoNaFaq p { line-height: 21px; font-size: 12px; margin: 4px 0; }

.AtendimentoNaFaq h3 { margin: 14px 0 6px 0; font-size: 15px; font-weight: 700; }

.AtendimentoNaFaq h3 i { font-size: 17px; margin: 0 5px 0 0; }

.CanaisSac{display: flex;gap: 10px;}

.CanaisSac h4{ font-size: 14px !important; margin: 0 0 4px; }

.CanaisSac h4 a{ color: #000000 !important; }

.CanaisSac h4 a:hover{ color: #D22630 !important; }

.CanaisSac h4:nth-child(1) { border-right: 1px dashed #999999; padding: 0 9px 0 0; }

.BoxAtendeFaq { flex-grow: 1; width: 25%; border-right: 1px dashed var(--cinza-intermediario); margin: 0px 14px 0 0; padding: 0 15px 0 0; }

.BoxAtendeFaq select{ border: 1px solid #cccccc; border-radius: 3px; padding: 6px; width: 100%; margin: 6px 0 0 0; background: #f5f5f5; }

.BoxAtendeFaq i + h3 { margin: 10px 0 10px 0; font-size: 17px; }

.BoxAtendeFaq > i.bi { font-size: 32px; }

.BoxAtendeFaq > h4  { margin: 0 0 7px 0; }

.BoxAtendeFaq > h4 a { font-size: 12px; color: initial; text-decoration: none; display: flex; align-items: center; }

.BoxAtendeFaq > h4 a i { font-size: 17px; margin: 0 3px 0 0; }

.BoxAtendeFaq > h4 a:hover { color: var(--vermelho); }

.AtendimentoNaFaq :nth-last-child(-n+1).BoxAtendeFaq { margin: 0; padding: 0; border-right: 0; }

#ResultadoBuscaFaq .ConteudoFaq{ width: 70%; margin: 0 auto; }

#ResultadoBuscaFaq ul li.search-result.result-article{ padding: 15px 25px 5px; background: #ffffff; border: 1px solid #cccccc; border-radius: 6px; margin: 6px 0 0 0; }

#ResultadoBuscaFaq ol.breadcrumbs + p{ padding: 15px 25px 15px; background: #ffffff; border: 1px solid #cccccc; border-radius: 6px; margin: 6px 0 0 0; }

#ResultadoBuscaFaq ul li.search-result.result-article .h5.search-result__title a{ text-decoration: underline; }

#ResultadoBuscaFaq .page-title{ margin: 22px 0; }

#ResultadoBuscaFaq h3.search-results-count{ font-size: 15px; margin: -14px 0 50px 0; color: var(--cinza-escuro); }

#ResultadoBuscaFaq h1.h2.page-title__title { font-size: 32px; font-weight: normal; position: relative; margin-bottom: 36px; color: var(--cinza-escuro); }

#ResultadoBuscaFaq h1.h2.page-title__title:after { content: ''; width: 64px; height: 4px; border-radius: 20px; background: var(--vermelho); display: inline-block; position: absolute; bottom: -8px; left: 0; }

#ArtigoFaq h1.title_artigo_faq { font-size: 24px; font-weight: 600; position: relative; margin: 22px 0; color: var(--cinza-escuro); }

#ArtigoFaq .article__body{ margin: 40px 0 0 0; }

#ArtigoFaq .ConteudoFaq{ width: 70%; margin: 0 auto; background: #ffffff; }

#ArtigoFaq .ConteudoFaq ul{ padding: 0 0 0 20px; }

#ArtigoFaq .box.article__vote { border-top: 1px dashed #cccccc; box-shadow: none; display: none; }

.BreadcrumbsFaq{ width: 70%; margin: 0 auto; }

.ArtigoFechar{ width: 100%; display: flex; justify-content: flex-end; text-decoration: underline; border-bottom: 1px dashed #cccccc; padding: 0 0 8px 0; margin: 0 0 40px 0; }

.ArtigoFechar a { text-decoration: underline; display: flex; align-items: center; }

.ArtigoFechar #FecharArtigo i{ font-size: 23px; }

#ResultadoBuscaFaq .EstruturaFaq{ flex-direction: column; }

.PerguntasFrequentes{ width: 90%; border: 1px solid #cccccc; border-radius: 10px; background: #f5f5f5; display: flex; margin: 0 auto 10px; text-align: center; justify-content: center; padding: 16px 0; display: flex; align-items: center; gap: 8px; }

.PerguntasFrequentes h2{ font-size: 24px; font-weight: 600; position: relative; color: var(--cinza-escuro); margin: 0; }

.PerguntasFrequentes i { font-size: 23px; }

.section__title-icon I{ margin: 4px 0 0 0; }

/*menu de navegacao*/
ul#NavMenu #ClubesCampanhas{display: none;}
ul#NavMenu #LojasFisicas{display: none;}
ul#NavMenu #ServicosContrato{display: none;}

.category-tree__item{ display: block; }

/*conteudo de navegacao*/
.ConteudoFaq #ClubesCampanhas{display: none;}
.ConteudoFaq #Entrega{display: none;}
.ConteudoFaq #LojasFisicas{display: none;}
.ConteudoFaq #LojasParceiras{display: none;}
.ConteudoFaq #MeuCadastro{display: none;}
.ConteudoFaq #NotaFiscal{display: none;}
.ConteudoFaq #PedidosPagamentos{display: none;}
.ConteudoFaq #Produtos{display: none;}
.ConteudoFaq #ServicosContrato{display: none;}
.ConteudoFaq #TrocasCancelamentos{display: none;}

/*RESPONSIVO*/

@media (max-width: 1660px) {}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {}

@media (max-width: 1279px) {
  .PerguntasFrequentes {width: 98%;}
  .AtendimentoNaFaq {width: 98%;}
  .EstruturaFaq {width: 98%;}
}

@media (max-width: 1112px) {
  .AtendimentoNaFaq { padding: 20px 30px; }
section.WrapperBusca .BuscaSolicita { width: 60%; }
}

@media (max-width: 1180px) {
  header.HeaderBlock .IcoTexto { display: block;}
}

@media (max-width: 1170px) {}

@media (max-width: 1024px) {
  #ResultadoBuscaFaq .ConteudoFaq {width: 98%;}
  #ArtigoFaq .ConteudoFaq {width: 100%;}
}

@media (max-width: 980px) {}

@media (max-width: 834px) {
.MenuFaq nav ul li a { width: 105px; }
.AtendimentoNaFaq { flex-wrap: wrap; width: 98%; gap: 5px; padding: 20px 14px;}
.BoxAtendeFaq { flex-grow: 1; width: 49.6%; border: 1px dashed var(--cinza-intermediario); margin: 0; padding: 15px; border-radius: 10px; }
.AtendimentoNaFaq :nth-last-child(-n+1).BoxAtendeFaq { margin: 0; padding: 15px; border: 1px dashed var(--cinza-intermediario); }
}

@media (max-width: 768px) {
.PerguntasFrequentes { height: 65px; width: 98%; }
#MenuDesktop{display: none;}
#IcoFaqMenu { display: block; width: 8%; border: 1px solid #cccccc; border-radius: 10px; background: #f5f5f5; display: flex; margin: 0 auto 10px; text-align: center; justify-content: center; padding: 10px 30px; display: flex; align-items: center; height: 65px; }
section.WrapperBusca .BuscaSolicita { width: 80%; }
.ConteudoFaq .section__title-name { font-size: 15px; }
.BuscaSolicita .FaqFacaBusca #IcoFaqMenu{display: none;}

/*MENU*/
.CategoriasFaq.active{ font-size: 17px; text-align: left; top: 56px;right: -1px; }
.CategoriasFaq.active .FecharBoxMenu i{ font-size: 20px; }
.CategoriasFaq.active .FecharBoxMenu{ position: absolute; top: 22px; right: 22px; }
.MenuPeruntas { display: flex; width: 98%; margin: 0 auto; gap: 5px; }
.MenuFaq nav ul li { background: transparent; }
.MenuFaq nav ul li a { flex-direction: row; width: 100%; padding: 0; border: 0; border-radius: 0; margin: 0 0 0 0; }
.CategoriasFaq ul li a:before { font-size: 0; margin: 0; }
.MenuFaq nav ul li a i { font-size: 22px; }
.MenuFaq nav ul li a span { font-size: 13px; height: 0; margin: 0 0 0 7px; }
.MenuFaq nav ul li a.active { border: 0; }
.AbrirSolicitacaoMobile{display: none;}
#IcoFaqMenu > a.MenuCategoriasFaq { background: var(--vermelho); color: var(--branco); border-radius: var(--border-radius) var(--border-radius) 0 0; margin: 0; padding: 0 12px; border: 1px solid var(--vermelho); border-radius: 10px; position: absolute; top: 0; height: 65px; }
.MenuFaq { width: 100%; border: 0; border-radius: 10px; background: #ffffff; margin: 0 auto 10px; text-align: center; justify-content: flex-start; padding: 0; display: flex; align-items: center; }
.MenuFaq nav ul { gap: 10px; }
.MenuFaq nav ul { list-style: none; padding: 0; margin: 0; line-height: 35px; display: flex; gap: 10px; justify-content: center; flex-direction: column;}
}

@media (max-width: 720px) {
  .CategoriasFaq.active {right: 0px;}
}

@media (max-width: 680px) {
section.WrapperBusca .FaqPerguntaBusca {font-size: 15px;}
}

@media (max-width: 600px) {
.AtendimentoNaFaq { padding: 7px 5px; gap: 10px;}
.BoxAtendeFaq { width: 49.5%; padding: 12px; }
.MenuPeruntas { display: flex; width: 100%; margin: 0 auto; gap: 0px;justify-content: space-between;}
#IcoFaqMenu { width: 10%;}
.CategoriasFaq.active { font-size: 17px; text-align: left; top: 58px; margin: -1px; }
.PerguntasFrequentes h2 { font-size: 18px;}
.PerguntasFrequentes i { font-size: 18px; }
.ConteudoFaq .section__title-name {font-size: 14px;padding: 0 38px 0 0;}
.ConteudoFaq {padding: 10px 10px 40px 10px;}
section.WrapperBusca .FaqPerguntaBusca { margin: 10px; padding: 0px; border: 0; font-size: 13px;}
section.WrapperBusca .ChamadaFaq .hero-unit__title { font-size: 26px;}
section.WrapperBusca .BuscaSolicita .FaqFacaBusca .search-box #query { height: 50px; border-radius: var(--border-radius); }
#ResultadoBuscaFaq .ConteudoFaq { width: 97%; margin: 0px auto; }
#ResultadoBuscaFaq h1.h2.page-title__title { font-size: 28px; }
#ResultadoBuscaFaq h3.search-results-count { font-size: 12px; }
#ResultadoBuscaFaq ul li.search-result.result-article .h5.search-result__title a { font-size: 18px; }
#IcoFaqMenu { width: 10%; height: 60px; }
.IconFaq a { height: 40px;}
#IcoFaqMenu > a.MenuCategoriasFaq { padding: 11px; }
.CategoriasFaq.active {top: 57px;margin: 0px 1px;}
/*#ArtigoFaq .ConteudoFaq { width: 90%; }*/
#ArtigoFaq .ConteudoFaq { width: 95%; margin: 0 auto; padding: 30px;}
.PerguntasFrequentes {height: 60px;width: 98%;}
.MenuPeruntas .PerguntasFrequentes {height: 60px;width: 86%;}
}

@media (max-width: 540px) {
  header.HeaderBlock .LogoGimba {margin: 0;}
  .CategoriasFaq.active {top: 60px; margin: -2px 0px 0 0;}
  #IcoFaqMenu > a.MenuCategoriasFaq {padding: 0 16px;}
  #IcoFaqMenu {width: 70px;}
  .MenuPeruntas .PerguntasFrequentes {width: 81%;}
  .ConteudoFaq .category-tree__item h2.category-tree__title {font-size: 20px;}
}

@media (max-width: 475px) {
  header.HeaderBlock.Zendesk .Navegacao { display: flex; flex-direction: column; gap: 20px; height: auto; align-items: center; }
  section.WrapperBusca .BuscaSolicita .FaqFacaBusca .search-box #query { height: 50px; border-radius: var(--border-radius); }
  section.WrapperBusca .ChamadaFaq { flex-direction: column;}
  section.WrapperBusca .FaqPerguntaBusca { margin: 10px; padding: 0; border: 0;}
  section.WrapperBusca .BuscaSolicita .FaqFacaBusca .search-box #query { height: 50px; border-radius: var(--border-radius);}
  .search-result__description {font-size: calc(18px * 0.75); }
  .AtendimentoNaFaq { width: 96%;}
  .BoxAtendeFaq { width: 100%; padding: 12px;}
  #IcoFaqMenu { width: 13%;}
  #IcoFaqMenu > a.MenuCategoriasFaq { padding: 0 12px;}
  .CategoriasFaq.active { top: 57px; margin: 0px;}
.ConteudoFaq { width: 99%; }
.PerguntasFrequentes {width: 95%;}
.BreadcrumbsFaq {width: 98%;}
#ResultadoBuscaFaq .ConteudoFaq {width: 98%;}
}

@media (max-width: 445px) {}

@media (max-width: 428px) {}

@media (max-width: 414px) {
  .CategoriasFaq.active { top: 57px;}
  .search-box svg { position: absolute; top: 50%; display: block; width: 20px; height: 20px; fill: rgba(210, 38, 48, 1); }
  section.WrapperBusca .BuscaSolicita .FaqFacaBusca .search-box #query { height: 40px; }
  #ResultadoBuscaFaq h1.h2.page-title__title { font-size: 24px; }
  #ResultadoBuscaFaq .ConteudoFaq { width: 98%; margin: 0px auto;}
}

@media (max-width: 412px) {}

@media (max-width: 380px){
  .MenuPeruntas .PerguntasFrequentes {width: 75%;}
}

@media (max-width: 375px) {
  .CategoriasFaq {width: 290px;}
  .CategoriasFaq.active { top: 58px; margin: -1px; }
  #ResultadoBuscaFaq h3.search-results-count { font-size: 10px; }
  #ResultadoBuscaFaq h1.h2.page-title__title { font-size: 18px;}
  [dir] .search-result__description { margin-bottom: calc(18px* 1.45 / 2); font-size: 13px; }
}

@media (max-width: 345px) { 
  [dir] .search-result__description { margin-bottom: calc(18px* 1.45 / 2); font-size: 12px; }
}

@media (max-width: 280px) {}