.elementor-677 .elementor-element.elementor-element-a387a36{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-2daa172{--display:flex;}.elementor-677 .elementor-element.elementor-element-2f05af9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-a57e397{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-79de8ea{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-677 .elementor-element.elementor-element-79de8ea .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-77150a7{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;color:var( --e-global-color-6ee06c0 );}.elementor-677 .elementor-element.elementor-element-857eab7{--display:flex;}.elementor-677 .elementor-element.elementor-element-89133bd{--display:flex;}.elementor-677 .elementor-element.elementor-element-d9d9413{--display:flex;}.elementor-677 .elementor-element.elementor-element-5f65a01{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-5f65a01:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-5f65a01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59a94f1 );}.elementor-677 .elementor-element.elementor-element-7f2bb4f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-677 .elementor-element.elementor-element-12ad62d{--display:flex;--justify-content:center;}.elementor-677 .elementor-element.elementor-element-5de8080 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-677 .elementor-element.elementor-element-2485071{color:var( --e-global-color-6ee06c0 );}.elementor-677 .elementor-element.elementor-element-0b71e98{--display:flex;--justify-content:center;}.elementor-677 .elementor-element.elementor-element-419bb7c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-1e88a37{--display:flex;}.elementor-677 .elementor-element.elementor-element-693efeb{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-677 .elementor-element.elementor-element-693efeb .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-677 .elementor-element.elementor-element-07a7298{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;color:var( --e-global-color-6ee06c0 );}.elementor-677 .elementor-element.elementor-element-3312193{--display:flex;}.elementor-677 .elementor-element.elementor-element-d21f4ab{--display:flex;}.elementor-677 .elementor-element.elementor-element-4437bac{--display:flex;}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-79de8ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-677 .elementor-element.elementor-element-5de8080 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-693efeb .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1366px){.elementor-677 .elementor-element.elementor-element-2f05af9{--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-79de8ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-677 .elementor-element.elementor-element-5f65a01{--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-5de8080 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-419bb7c{--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-693efeb .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-677 .elementor-element.elementor-element-2f05af9{--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-79de8ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-677 .elementor-element.elementor-element-5f65a01{--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-5de8080 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-419bb7c{--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-677 .elementor-element.elementor-element-693efeb .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-677 .elementor-element.elementor-element-2f05af9{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-79de8ea{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-79de8ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-677 .elementor-element.elementor-element-77150a7{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-5f65a01{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-677 .elementor-element.elementor-element-7f2bb4f{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-677 .elementor-element.elementor-element-5de8080 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-6e11ec0{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-419bb7c{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-677 .elementor-element.elementor-element-693efeb{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-693efeb .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-677 .elementor-element.elementor-element-07a7298{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-838da09 *//* CST INTERNET — HERO DA PAGINA ATENDIMENTO
   Container que segura o widget do arquivo 128 > Avancado > CSS Personalizado.
   Identico ao arquivo 79: o hero interno e o mesmo em todas as paginas.
   Os dois blocos marcados FUNDO podem sair se quiser fundo chapado. */


.cst-phero{
  --cst-grid:1280px;
  --cst-header:80px;

  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  background-color:#FAF9F8;
  border-bottom:1px solid #E6E3E4;
  overflow:hidden;

  padding:
    calc(var(--cst-header) + clamp(38px,4.5vw,66px))
    max(32px,calc((100% - var(--cst-grid)) / 2))
    clamp(54px,5.5vw,80px);
}
.cst-phero *,.cst-phero *::before,.cst-phero *::after{box-sizing:border-box}

/* FUNDO — brilho laranja */
.cst-phero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(70% 90% at 78% 42%,
      rgba(254,80,0,.14) 0%,
      rgba(254,80,0,.05) 38%,
      rgba(254,80,0,0) 72%),
    linear-gradient(180deg,
      rgba(255,255,255,.85) 0%,
      rgba(255,255,255,0) 34%);
}

/* FUNDO — linhas verticais de grade */
.cst-phero::after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:0;right:0;
  width:100%;
  max-width:var(--cst-grid);
  margin:0 auto;
  pointer-events:none;
  z-index:0;
  background-image:linear-gradient(90deg,
    rgba(20,19,20,.025) 1px, transparent 1px);
  background-size:25% 100%;
}

.cst-phero__in{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:clamp(32px,5vw,80px);
  width:100%;
}

.cst-phero__copy{flex:1 1 auto;min-width:0}
.cst-phero__media{
  flex:0 0 auto;
  min-width:0;
  width:min(50%,490px);
  margin-left:auto;
}

/* ---------- TEXTO ---------- */
.cst-phero__t{
  margin:clamp(18px,2.4vw,28px) 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:clamp(2.15rem,4.2vw,3.35rem);
  letter-spacing:-.038em;
  line-height:1.04;
  color:#141314;
}

.cst-phero__d{
  margin:clamp(20px,2.4vw,28px) 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:clamp(.98rem,1.3vw,1.08rem);
  line-height:1.65;
  color:#6E6C6E;
  max-width:52ch;
}

/* ---------- FOTO ---------- */
.cst-phero .cst-arco{margin:0}

/* primeira dobra: entra pronta, sem reveal */
.cst-phero .cst-arco{animation:none}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1024px){
  .cst-phero__in{gap:36px}
}

@media (max-width:768px){
  .cst-phero{
    --cst-header:60px;
    padding:calc(var(--cst-header) + 32px) 20px 44px;
  }
  .cst-phero::after{display:none}

  .cst-phero__in{
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .cst-phero__copy,
  .cst-phero__media{flex:0 0 auto;width:100%}

  .cst-phero__media{
    margin-top:clamp(24px,5vw,32px);
    align-self:center;
    margin-left:auto;
    margin-right:auto;
    width:min(76%,310px);
  }
  .cst-phero .cst-arco{--arco:14px}
}

@media (max-width:1024px) and (max-height:540px){
  .cst-phero__media{width:min(46%,230px);align-self:center}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7412a64 *//* CST INTERNET — MARQUEE DE CIDADES
   Container que segura o widget do arquivo 82 > Avancado > CSS Personalizado.
   Velocidade: --cst-mq-t. Maior = mais lento. */

.cst-mq{
  --cst-mq-t:52s;

  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  padding:clamp(20px,2.4vw,30px) 0;
  background:#FE5000;
  overflow:hidden;
}
.cst-mq *,.cst-mq *::before,.cst-mq *::after{box-sizing:border-box}

/* pontas: o texto se dissolve na propria cor da faixa.
   A faixa continua indo de borda a borda. */
.cst-mq::before,
.cst-mq::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  z-index:2;
  width:clamp(40px,7vw,110px);
  pointer-events:none;
}
.cst-mq::before{left:0;background:linear-gradient(90deg,#FE5000 0,rgba(254,80,0,0) 100%)}
.cst-mq::after{right:0;background:linear-gradient(270deg,#FE5000 0,rgba(254,80,0,0) 100%)}

.cst-mq__pista{
  display:flex;
  width:max-content;
  animation:cstMq var(--cst-mq-t) linear infinite;
  will-change:transform;
}
@keyframes cstMq{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

.cst-mq__lista{
  display:flex;
  align-items:center;
  flex:none;
  list-style:none;
  margin:0;
  padding:0;
}

.cst-mq__lista li{
  display:flex;
  align-items:center;
  gap:clamp(26px,3.4vw,46px);
  padding-right:clamp(26px,3.4vw,46px);

  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:clamp(1.05rem,2vw,1.65rem);
  letter-spacing:-.025em;
  line-height:1.1;
  white-space:nowrap;
  color:#FFFFFF;
}

/* anel depois de cada nome — e ele que costura a emenda do laco */
.cst-mq__lista li::after{
  content:"";
  flex:none;
  width:7px;
  height:7px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.55);
}

@media (hover:hover){
  .cst-mq:hover .cst-mq__pista{animation-play-state:paused}
}

@media (max-width:767px){
  .cst-mq{--cst-mq-t:38s;padding:16px 0}
  .cst-mq__lista li::after{width:6px;height:6px;border-width:1.2px}
}

@media (prefers-reduced-motion:reduce){
  .cst-mq{padding:clamp(20px,2.4vw,30px) max(20px,calc((100% - 1280px) / 2))}
  .cst-mq::before,
  .cst-mq::after{display:none}
  .cst-mq__pista{width:100%;animation:none}
  .cst-mq__lista{
    flex:1 1 auto;
    min-width:0;
    flex-wrap:wrap;
    justify-content:center;
    row-gap:10px;
  }
  .cst-mq__lista li:last-child{padding-right:0}
  .cst-mq__lista li:last-child::after{display:none}
  .cst-mq__lista[aria-hidden="true"]{display:none}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-79de8ea */.elementor-677 .elementor-element.elementor-element-79de8ea{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-77150a7 */.elementor-677 .elementor-element.elementor-element-77150a7{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd69255 *//* CST INTERNET — CANAIS PRINCIPAIS (2 cards)
   Container que segura o widget do arquivo 131 > Avancado > CSS Personalizado.
   O .cst-btn-group tem margin-top:auto para os dois botoes ficarem na mesma
   linha de base, mesmo com listas de tamanhos diferentes. */

.cst-canais{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  width:100%;
}
.cst-canais *,.cst-canais *::before,.cst-canais *::after{box-sizing:border-box}

.cst-canal{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(28px,3vw,38px);
  border-radius:22px;
  overflow:hidden;
}
.cst-canal--a{background:#FFF1EA;border:1px solid #FBD9C7}
.cst-canal--b{background:#FFFFFF;border:1px solid #E6E3E4}

/* ---------- ICONE ---------- */
.cst-canal__ic{
  display:grid;
  place-items:center;
  flex:none;
  width:52px;
  height:52px;
  border-radius:50%;
  color:#FFFFFF;
  transition:transform .5s cubic-bezier(.19,1,.22,1);
}
.cst-canal__ic svg{width:23px;height:23px;display:block}
.cst-canal--a .cst-canal__ic{background:#FE5000}
.cst-canal--b .cst-canal__ic{background:#141314}
.cst-canal:hover .cst-canal__ic{transform:translateY(-3px)}

/* ---------- TEXTO ---------- */
.cst-canal__t{
  margin:22px 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:clamp(1.3rem,2vw,1.6rem);
  letter-spacing:-.03em;
  line-height:1.14;
  color:#141314;
}

.cst-canal__d{
  margin:12px 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.97rem;
  line-height:1.62;
  color:#6E6C6E;
  max-width:44ch;
}

/* ---------- LISTA ---------- */
.cst-canal__l{
  list-style:none;
  margin:22px 0 0;
  padding:0;
  border-top:1px solid rgba(20,19,20,.09);
}
.cst-canal__l li{
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 0;
  border-bottom:1px solid rgba(20,19,20,.09);
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.93rem;
  letter-spacing:-.012em;
  line-height:1.4;
  color:#474647;
}
.cst-canal__l li::before{
  content:"";
  flex:none;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FE5000;
}

/* ---------- BOTAO ---------- */
.cst-canal .cst-btn-group{
  margin-top:auto;
  padding-top:26px;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1024px){
  .cst-canais{grid-template-columns:minmax(0,1fr)}
  .cst-canal{padding:30px 26px}
}

@media (max-width:600px){
  .cst-canais{gap:14px}
  .cst-canal{padding:26px 22px;border-radius:18px}
  .cst-canal__ic{width:46px;height:46px}
  .cst-canal__ic svg{width:21px;height:21px}
  .cst-canal .cst-btn-group{padding-top:22px}
}

@media (prefers-reduced-motion:reduce){
  .cst-canal__ic{transition:none}
  .cst-canal:hover .cst-canal__ic{transform:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-975e5ca *//* CST INTERNET — ATALHOS DE CONTATO (3 itens)
   Container que segura o widget do arquivo 133 > Avancado > CSS Personalizado.
   A trava completa de estados existe porque o tema do Elementor injeta fundo
   e sombra rosa no hover e no focus de link dentro de widget. */

.cst-atalhos{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  border:1px solid #E6E3E4;
  border-radius:20px;
  overflow:hidden;
  background:#FFFFFF;
}
.cst-atalhos *,.cst-atalhos *::before,.cst-atalhos *::after{box-sizing:border-box}

.cst-atalho,
.cst-atalho:link,
.cst-atalho:visited,
.cst-atalho:hover,
.cst-atalho:focus,
.cst-atalho:focus-visible,
.cst-atalho:active,
.cst-atalho:focus:not(:focus-visible){
  color:#141314 !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:0 !important;
  text-decoration:none !important;
  filter:none !important;
  border-color:#E6E3E4 !important;
}

.cst-atalho{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:24px clamp(18px,2vw,28px);
  background-color:transparent !important;
  border-left:1px solid #E6E3E4;
  transition:background-color .35s cubic-bezier(.19,1,.22,1);
}
.cst-atalho:first-child{border-left:0}
.cst-atalho:hover{background-color:#FAF9F8 !important}
.cst-atalho:focus-visible{outline:3px solid #005BBB !important;outline-offset:-3px}

/* filete que risca no topo do item */
.cst-atalho::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:#FE5000;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .5s cubic-bezier(.19,1,.22,1);
}
.cst-atalho:hover::after,
.cst-atalho:focus-visible::after{transform:scaleX(1)}

/* ---------- ICONE ---------- */
.cst-atalho__ic{
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#FFF1EA;
  color:#FE5000;
}
.cst-atalho__ic svg{width:20px;height:20px;display:block}
.cst-atalho--wa .cst-atalho__ic{background:rgba(32,184,88,.13);color:#20B858}

/* ---------- TEXTO ---------- */
.cst-atalho__t{min-width:0}
.cst-atalho__t b{
  display:block;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:1rem;
  letter-spacing:-.02em;
  line-height:1.25;
  color:#141314;
}
.cst-atalho__t span{
  display:block;
  margin-top:4px;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.86rem;
  line-height:1.45;
  color:#6E6C6E;
}

/* ---------- SETA ---------- */
.cst-atalho__a{
  display:flex;
  align-items:center;
  flex:none;
  margin-left:auto;
  color:#918F91;
  opacity:0;
  transform:translateX(-6px);
  transition:opacity .4s cubic-bezier(.2,.8,.3,1),
             transform .4s cubic-bezier(.19,1,.22,1);
}
.cst-atalho__a svg{width:16px;height:16px;display:block}
.cst-atalho:hover .cst-atalho__a,
.cst-atalho:focus-visible .cst-atalho__a{opacity:1;transform:none}

/* ---------- RESPONSIVO ---------- */
@media (max-width:900px){
  .cst-atalhos{grid-template-columns:minmax(0,1fr)}
  .cst-atalho{border-left:0;border-top:1px solid #E6E3E4}
  .cst-atalho:first-child{border-top:0}
}

@media (max-width:600px){
  .cst-atalhos{border-radius:18px}
  .cst-atalho{gap:14px;padding:20px}
  .cst-atalho__ic{width:38px;height:38px}
  .cst-atalho__ic svg{width:18px;height:18px}
  .cst-atalho__a{opacity:.6;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .cst-atalho,.cst-atalho::after,.cst-atalho__a{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f86bf61 *//* CST INTERNET — FAIXA DE SUPORTE
   A faixa e um widget HTML inteiro. Este CSS mira o .cst-sup que ja vem
   dentro dele — nao ha classe para aplicar no painel.
   Cola no CSS Personalizado do container que segura o widget.
   Para a faixa ir de borda a borda, o container precisa estar em
   Largura do conteudo = Completo, sem padding.
   As duas colunas usam flex-basis, entao viram ALTURA quando o layout cai
   para coluna: por isso o flex:0 0 auto no bloco de 1024px. */

.cst-sup{
  --cst-grid:1280px;

  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  background-color:#141314;
  overflow:hidden;
  padding:clamp(58px,6vw,92px) max(32px,calc((100% - var(--cst-grid)) / 2));
}
.cst-sup *,.cst-sup *::before,.cst-sup *::after{box-sizing:border-box}

/* brilho laranja saindo pela esquerda */
.cst-sup::before{
  content:"";
  position:absolute;
  top:-30%;
  left:-8%;
  width:min(640px,72vw);
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle,
    rgba(254,80,0,.22) 0%,
    rgba(254,80,0,.06) 42%,
    rgba(254,80,0,0) 68%);
}

/* filete laranja no topo, mesma assinatura da faixa de cobertura */
.cst-sup::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:#FE5000;
  pointer-events:none;
  z-index:0;
}

.cst-sup__in{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:clamp(32px,5vw,76px);
  width:100%;
}

/* ==================== COLUNA DA ESQUERDA ==================== */
.cst-sup__c{flex:1 1 46%;min-width:0}

.cst-sup__k{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:12px;
  letter-spacing:.34em;
  text-transform:uppercase;
  line-height:1.4;
  color:rgba(255,255,255,.66);
}
.cst-sup__k::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(255,255,255,.18);
}

.cst-sup__t{
  margin:22px 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:clamp(1.9rem,3.4vw,2.6rem);
  letter-spacing:-.038em;
  line-height:1.08;
  color:#FFFFFF;
}

.cst-sup__d{
  margin:20px 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:clamp(.98rem,1.3vw,1.02rem);
  line-height:1.65;
  color:rgba(255,255,255,.66);
  max-width:46ch;
}

/* ==================== COLUNA DA DIREITA ==================== */
.cst-prob{
  flex:1 1 54%;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* trava completa: o tema injeta fundo e sombra rosa no hover e no focus */
.cst-prob__i,
.cst-prob__i:link,
.cst-prob__i:visited,
.cst-prob__i:hover,
.cst-prob__i:focus,
.cst-prob__i:focus-visible,
.cst-prob__i:active,
.cst-prob__i:focus:not(:focus-visible){
  color:#FFFFFF !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:0 !important;
  text-decoration:none !important;
  filter:none !important;
}

.cst-prob__i{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background-color:rgba(255,255,255,.035) !important;
  transition:background-color .35s cubic-bezier(.19,1,.22,1),
             border-color .35s cubic-bezier(.19,1,.22,1),
             transform .4s cubic-bezier(.19,1,.22,1);
}
.cst-prob__i:hover{
  background-color:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.3);
  transform:translateX(5px);
}
.cst-prob__i:focus-visible{
  outline:3px solid #FE5000 !important;
  outline-offset:2px;
}

/* item de escape: mais discreto que os quatro sintomas */
.cst-prob__i--out{
  background-color:transparent !important;
  border-style:dashed;
  border-color:rgba(255,255,255,.16);
}
.cst-prob__i--out:hover{background-color:rgba(255,255,255,.045) !important}

/* ---------- ICONE ---------- */
.cst-prob__ic{
  display:grid;
  place-items:center;
  flex:none;
  width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(254,80,0,.14);
  color:#FE5000;
  transition:background .4s cubic-bezier(.2,.8,.3,1),
             color .4s cubic-bezier(.2,.8,.3,1),
             transform .45s cubic-bezier(.19,1,.22,1);
}
.cst-prob__ic svg{width:22px;height:22px;display:block}
.cst-prob__i:hover .cst-prob__ic{
  background:#FE5000;
  color:#FFFFFF;
  transform:scale(1.06);
}

/* as duas arcadas de fora do icone de sinal fraco ficam apagadas */
.cst-prob__fraco{opacity:.28}

.cst-prob__i--out .cst-prob__ic{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.66);
}
.cst-prob__i--out:hover .cst-prob__ic{
  background:rgba(255,255,255,.16);
  color:#FFFFFF;
}

/* ---------- TEXTO ---------- */
.cst-prob__c{min-width:0}

.cst-prob__t{
  display:block;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:1.02rem;
  letter-spacing:-.024em;
  line-height:1.25;
  color:#FFFFFF;
}

.cst-prob__d{
  display:block;
  margin-top:5px;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.88rem;
  line-height:1.5;
  color:rgba(255,255,255,.58);
}

/* ---------- SETA ---------- */
.cst-prob__a{
  display:flex;
  align-items:center;
  flex:none;
  color:rgba(255,255,255,.4);
  transition:color .35s cubic-bezier(.2,.8,.3,1),
             transform .4s cubic-bezier(.19,1,.22,1);
}
.cst-prob__a svg{width:17px;height:17px;display:block}
.cst-prob__i:hover .cst-prob__a,
.cst-prob__i:focus-visible .cst-prob__a{color:#FFFFFF;transform:translateX(4px)}

/* ==================== RESPONSIVO ==================== */
@media (max-width:1024px){
  .cst-sup__in{flex-direction:column;align-items:stretch;gap:36px}
  .cst-sup__c,.cst-prob{flex:0 0 auto;width:100%}
}

@media (max-width:768px){
  .cst-sup{padding:56px 20px}
  .cst-sup::before{top:-14%;left:-24%}
  .cst-sup__in{gap:30px}
  .cst-prob{gap:9px}
  .cst-prob__i{gap:14px;padding:17px 18px;border-radius:14px}
  .cst-prob__i:hover{transform:none}
  .cst-prob__ic{width:42px;height:42px}
  .cst-prob__ic svg{width:20px;height:20px}
  .cst-prob__t{font-size:.98rem}
  .cst-prob__d{font-size:.85rem}
}

@media (max-width:400px){
  .cst-prob__a{display:none}
  .cst-prob__i{grid-template-columns:auto minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  .cst-prob__i,.cst-prob__ic,.cst-prob__a{transition:none}
  .cst-prob__i:hover{transform:none}
  .cst-prob__i:hover .cst-prob__ic{transform:none}
  .cst-prob__i:hover .cst-prob__a{transform:none}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5de8080 */.elementor-677 .elementor-element.elementor-element-5de8080{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2485071 */.elementor-677 .elementor-element.elementor-element-2485071{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0a6c7c *//* CST INTERNET — LOJAS
   Container que segura o widget do arquivo 137 > Avancado > CSS Personalizado.
   A classe e .cst-unid, e nao .cst-lojas: esta ultima ja e dos botoes de
   Google Play e App Store, no arquivo 57. */

.cst-unid{
  box-sizing:border-box;
  width:100%;
}
.cst-unid *,.cst-unid *::before,.cst-unid *::after{box-sizing:border-box}

.cst-unid__l{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #E6E3E4;
}

.cst-unid__i{
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 14px 20px 0;
  border-bottom:1px solid #E6E3E4;
  transition:background-color .3s cubic-bezier(.19,1,.22,1),
             padding-left .4s cubic-bezier(.19,1,.22,1);
}
.cst-unid__i:hover{
  background-color:rgba(254,80,0,.03);
  padding-left:14px;
}

.cst-unid__c{flex:1 1 auto;min-width:0}

.cst-unid__n{
  display:block;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:1.03rem;
  letter-spacing:-.024em;
  line-height:1.25;
  color:#141314;
}

.cst-unid__tag{
  display:inline-block;
  margin-left:9px;
  padding:2px 9px;
  border-radius:999px;
  vertical-align:2px;
  background:#FFF1EA;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#D94200;
}

.cst-unid__e{
  display:block;
  margin-top:6px;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.92rem;
  line-height:1.55;
  color:#6E6C6E;
}

/* ---------- COMO CHEGAR ---------- */
/* trava completa: o tema injeta fundo e sombra rosa no hover e no focus.
   O fundo fica transparente porque quem pinta sao as duas camadas de tras. */
.cst-unid__go,
.cst-unid__go:link,
.cst-unid__go:visited,
.cst-unid__go:hover,
.cst-unid__go:focus,
.cst-unid__go:focus-visible,
.cst-unid__go:active,
.cst-unid__go:focus:not(:focus-visible){
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  filter:none !important;
}
.cst-unid__go,
.cst-unid__go:link,
.cst-unid__go:visited{color:#141314 !important}
.cst-unid__go:hover,
.cst-unid__go:focus,
.cst-unid__go:active{color:#FFFFFF !important}

.cst-unid__go{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 17px;
  border-radius:999px;
  border:1px solid #C9C6C8;
  font-family:'Rubik',sans-serif;
  font-weight:500;
  font-size:.83rem;
  line-height:1.2;
  white-space:nowrap;
  transition:color .42s cubic-bezier(.65,0,.35,1),
             border-color .42s cubic-bezier(.65,0,.35,1),
             transform .35s cubic-bezier(.19,1,.22,1);
}
.cst-unid__go::before,.cst-unid__go::after{
  content:"";
  position:absolute;
  inset:0;
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}
.cst-unid__go::before{z-index:-2;clip-path:inset(0 0 0 0);background:transparent}
.cst-unid__go::after{z-index:-1;clip-path:inset(100% 0 0 0);background:#141314}
.cst-unid__go svg{width:14px;height:14px;flex:none}
.cst-unid__go:hover{border-color:#141314;transform:translateY(-2px)}
.cst-unid__go:hover::before{clip-path:inset(0 0 100% 0)}
.cst-unid__go:hover::after{clip-path:inset(0 0 0 0)}
.cst-unid__go:active{transform:translateY(0)}
.cst-unid__go:focus-visible{outline:3px solid #005BBB !important;outline-offset:3px}

/* ---------- NOTA DAS DUAS CIDADES SEM LOJA ---------- */
.cst-unid__nota{
  margin:24px 0 0;
  padding:18px 20px;
  border-radius:16px;
  background:#F3F1F1;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.9rem;
  line-height:1.6;
  color:#474647;
}
.cst-unid__nota b{font-weight:600;color:#141314}

/* ---------- RESPONSIVO ---------- */
@media (max-width:600px){
  .cst-unid__i{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:18px 0;
  }
  .cst-unid__i:hover{padding-left:0}
  .cst-unid__n{font-size:1rem}
  .cst-unid__nota{padding:16px 18px;font-size:.88rem}
}

@media (prefers-reduced-motion:reduce){
  .cst-unid__i,.cst-unid__go,
  .cst-unid__go::before,.cst-unid__go::after{transition:none}
  .cst-unid__go:hover{transform:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e11ec0 *//* CST INTERNET — MAPA DAS LOJAS (pagina Atendimento)
   Container que segura o widget do arquivo 141 > Avancado > CSS Personalizado.

   Espelha o arquivo 97, da Sobre, com uma diferenca: aqui o mapa fala de LOJA,
   entao as duas cidades sem loja acendem em laranja claro pelo data-nota que o
   SVG ja carregava. Nesta pagina o mapa e estatico: o cartao flutuante e o selo
   sairam do HTML porque dependiam do JS do arquivo 80. */

.cst-mapa{
  box-sizing:border-box;
  position:relative;
  width:100%;
}
.cst-mapa *,.cst-mapa *::before,.cst-mapa *::after{box-sizing:border-box}

.cst-mapa__svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.cst-mapa__uf{
  fill:#F1EEED;
  stroke:#D9D5D6;
  stroke-width:1.4;
  fill-rule:evenodd;
  vector-effect:non-scaling-stroke;
}

/* divisas das mesorregioes, so pra dar textura de mapa */
.cst-mapa__meso{
  fill:none;
  stroke:#E4E0DF;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}

/* ---------- CIDADES ---------- */
.cst-mapa__cid{
  fill:#FE5000;
  stroke:#FFFFFF;
  stroke-width:1.1;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}

/* Dona Francisca e Sao Joao do Polesine */
.cst-mapa__cid[data-nota="Sem loja"]{fill:#FBC0A0}

/* ---------- LEGENDA ---------- */
.cst-mapa__leg{
  box-sizing:border-box;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:18px 0 0;
  padding:0;
  width:100%;
}
.cst-mapa__leg li{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.85rem;
  line-height:1.4;
  color:#474647;
}
.cst-mapa__leg-p{
  flex:none;
  width:11px;
  height:11px;
  border-radius:3px;
}
.cst-mapa__leg-p--on{background:#FE5000}
.cst-mapa__leg-p--off{background:#FBC0A0}

/* ---------- RESPONSIVO ---------- */
@media (max-width:600px){
  .cst-mapa__leg{gap:8px 18px;margin-top:14px}
  .cst-mapa__leg li{font-size:.82rem}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-693efeb */.elementor-677 .elementor-element.elementor-element-693efeb{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-07a7298 */.elementor-677 .elementor-element.elementor-element-07a7298{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebcd69e *//* CST INTERNET — DUVIDAS FREQUENTES
   Container que segura o widget do arquivo 142 > Avancado > CSS Personalizado.
   Acordeao sem JS. A abertura nao anima a altura de proposito: animar
   <details> exige truque de grid que quebra o fechamento. O que anima e a
   seta e a entrada da resposta. */

.cst-faq{
  box-sizing:border-box;
  width:100%;
  border-top:1px solid #E6E3E4;
}
.cst-faq *,.cst-faq *::before,.cst-faq *::after{box-sizing:border-box}

.cst-faq__i{
  border-bottom:1px solid #E6E3E4;
}

/* ---------- PERGUNTA ---------- */
.cst-faq__q{
  position:relative;
  display:block;
  list-style:none;
  cursor:pointer;
  padding:22px 48px 22px 0;
  font-family:'Rubik',sans-serif;
  font-weight:500;
  font-size:clamp(1rem,1.5vw,1.1rem);
  letter-spacing:-.022em;
  line-height:1.4;
  color:#141314;
  transition:color .3s cubic-bezier(.2,.8,.3,1);
}
.cst-faq__q::-webkit-details-marker{display:none}
.cst-faq__q::marker{content:""}
.cst-faq__q:hover{color:#FE5000}
.cst-faq__q:focus-visible{
  outline:3px solid #005BBB;
  outline-offset:3px;
  border-radius:6px;
}

/* seta */
.cst-faq__q::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid #FE5000;
  border-bottom:2px solid #FE5000;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .4s cubic-bezier(.19,1,.22,1);
}
.cst-faq__i[open] .cst-faq__q::after{transform:translateY(-30%) rotate(-135deg)}
.cst-faq__i[open] .cst-faq__q{color:#141314}

/* ---------- RESPOSTA ---------- */
@keyframes cstFaqEntra{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:none}
}
.cst-faq__r{
  padding:0 48px 26px 0;
  animation:cstFaqEntra .4s cubic-bezier(.19,1,.22,1) both;
}
.cst-faq__r p{
  margin:0;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:.96rem;
  line-height:1.68;
  color:#6E6C6E;
  max-width:70ch;
}
.cst-faq__r p + p{margin-top:12px}

.cst-faq__r a,
.cst-faq__r a:link,
.cst-faq__r a:visited{
  color:#FE5000 !important;
  background-color:transparent !important;
  background-image:none !important;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color .3s cubic-bezier(.2,.8,.3,1),
             text-decoration-color .3s cubic-bezier(.2,.8,.3,1);
}
.cst-faq__r a:hover,
.cst-faq__r a:focus,
.cst-faq__r a:active{
  color:#D94200 !important;
  background-color:transparent !important;
  text-decoration:underline;
}
.cst-faq__r a:focus-visible{outline:3px solid #005BBB;outline-offset:2px;border-radius:3px}

/* ---------- RESPONSIVO ---------- */
@media (max-width:600px){
  .cst-faq__q{padding:19px 38px 19px 0}
  .cst-faq__q::after{right:6px;width:9px;height:9px}
  .cst-faq__r{padding:0 0 22px 0}
  .cst-faq__r p{font-size:.93rem}
}

@media (prefers-reduced-motion:reduce){
  .cst-faq__q,.cst-faq__q::after,.cst-faq__r a{transition:none}
  .cst-faq__r{animation:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07b6322 *//* CST INTERNET — FAIXA DE FECHAMENTO DA ATENDIMENTO
   Container em Largura Completa, sem padding > CSS Personalizado.
   Identico ao arquivo 92: e a mesma faixa da Sobre, com outro texto. */


.cst-base{
  --cst-grid:1280px;
  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  background:#FE5000;
  padding:clamp(34px,4vw,52px) max(32px,calc((100% - var(--cst-grid)) / 2));
  overflow:hidden;
}
.cst-base *,.cst-base *::before,.cst-base *::after{box-sizing:border-box}

.cst-base::before{
  content:"";
  position:absolute;
  top:-40%;
  right:-6%;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  pointer-events:none;
}
.cst-base::after{
  content:"";
  position:absolute;
  top:-18%;
  right:2%;
  width:340px;
  height:340px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  pointer-events:none;
}

.cst-base__in{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,4vw,60px);
  flex-wrap:wrap;
  width:100%;
}

.cst-base__txt{flex:1 1 420px;min-width:0}

.cst-base__kicker{
  display:inline-block;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:11px;
  letter-spacing:.34em;
  text-transform:uppercase;
  line-height:1.4;
  color:rgba(255,255,255,.8);
  margin-bottom:12px;
}

.cst-base__t{
  margin:0;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:clamp(1.7rem,3.4vw,2.75rem);
  letter-spacing:-.035em;
  line-height:1.08;
  color:#FFFFFF;
}

.cst-base__d{
  margin:12px 0 0;
  font-family:'Rubik',sans-serif;
  font-weight:400;
  font-size:1rem;
  line-height:1.55;
  color:rgba(255,255,255,.82);
  max-width:52ch;
}

/* ---------- BOTAO ---------- */
.cst-base__cta{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:17px 32px;
  border-radius:999px;
  overflow:hidden;
  isolation:isolate;
  font-family:'Rubik',sans-serif;
  font-weight:600;
  font-size:15.5px;
  letter-spacing:-.01em;
  line-height:1.2;
  white-space:nowrap;
  transition:color .42s cubic-bezier(.65,0,.35,1),
             transform .35s cubic-bezier(.19,1,.22,1),
             box-shadow .42s cubic-bezier(.65,0,.35,1);
}
.cst-base__cta,
.cst-base__cta:link,
.cst-base__cta:visited{
  color:#141314 !important;
  background-color:transparent !important;
  background-image:none !important;
  text-decoration:none !important;
}
.cst-base__cta:hover,
.cst-base__cta:focus,
.cst-base__cta:active{
  color:#FFFFFF !important;
  background-color:transparent !important;
  text-decoration:none !important;
}
.cst-base__cta::before,
.cst-base__cta::after{
  content:"";
  position:absolute;
  inset:0;
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}
.cst-base__cta::before{z-index:-2;clip-path:inset(0 0 0 0);background:#FFFFFF}
.cst-base__cta::after{z-index:-1;clip-path:inset(100% 0 0 0);background:#141314}
.cst-base__cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(20,19,20,.5)}
.cst-base__cta:hover::before{clip-path:inset(0 0 100% 0)}
.cst-base__cta:hover::after{clip-path:inset(0 0 0 0)}
.cst-base__cta:active{transform:translateY(0)}
.cst-base__cta:focus-visible{outline:3px solid #141314;outline-offset:3px}

.cst-base__ico{display:flex;align-items:center;flex:none}
.cst-base__ico svg{width:19px;height:19px;display:block}

/* ---------- RESPONSIVO ---------- */
@media (max-width:900px){
  .cst-base__in{align-items:flex-start}
  .cst-base::before{width:380px;height:380px;right:-16%}
  .cst-base::after{width:240px;height:240px}
}

@media (max-width:767px){
  .cst-base{padding:32px 20px 34px}
  .cst-base__in{flex-direction:column;align-items:stretch;gap:24px}
  /* em flex-direction:column o flex-basis vira ALTURA.
     Sem este reset o bloco de texto reservava 420px. */
  .cst-base__txt{flex:0 0 auto}
  .cst-base__cta{width:100%;justify-content:center}
  .cst-base__d{font-size:.94rem}
  .cst-base::before{width:280px;height:280px;top:-24%;right:-24%}
  .cst-base::after{width:170px;height:170px;top:-10%;right:-6%}
}

@media (prefers-reduced-motion:reduce){
  .cst-base__cta,.cst-base__cta::before,.cst-base__cta::after{transition:none}
  .cst-base__cta:hover{transform:none}
}/* End custom CSS */