.elementor-21304 .elementor-element.elementor-element-b9a22d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-758db61 *//* ========================================
   ECONOMIZE EMBLA - CAROUSEL COMPONENT
   ======================================== */

/* Container principal do carousel */
.economize {
  align-items: center;
  flex-flow: column;
  display: flex;
  gap: 20px;
}

/* Garantir que todas as imagens dentro do economize sejam exibidas */
.economize-embla figure {
  margin: 0;
  padding: 0;
}

.economize-embla img {
  max-width: 100%;
  height: auto;
  display: block;
}

.economize-embla {
  position: relative;
  padding-left: 16px;
  margin: 0;
  background: transparent;
}

/* Viewport e container do carousel */
.economize-embla__viewport {
  width: calc(100% + 12px);
  margin-left: -12px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .economize-embla {
  width: calc(100% + 32px);
  position: relative;
  padding-left: 16px;
  margin: 0;
  background: transparent;
}
}

.economize-embla__container {
  align-items: stretch;
  display: flex;
}

/* Slides do carousel */
.economize-embla__slide {
  padding: 0 0 0 12px;
  flex: 0 0 60%;
}

/* ========================================
   BOTÕES DE NAVEGAÇÃO DO CAROUSEL
   ======================================== */

#economize-embla .economize-embla__prev,
#economize-embla .economize-embla__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
  padding: 0;
  z-index: 1;
  display: none;
  flex-shrink: 0;
}

#economize-embla .economize-embla__prev img,
#economize-embla .economize-embla__next img {
  width: 48px;
  height: 48px;
  display: block;
  object-fit: contain;
}

#economize-embla .economize-embla__prev {
  left: 0;
}

#economize-embla .economize-embla__next {
  right: 0;
}

@media (max-width: 1024px) {
  #economize-embla .economize-embla__prev,
  #economize-embla .economize-embla__next {
    display: none!important;
  }
}

/* ========================================
   DOTS DE NAVEGAÇÃO
   ======================================== */

   #economize-embla .economize-embla__dots {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
    gap: 8px;
  }
  
  #economize-embla .economize-embla__dot {
    transition: all 0.3s ease;
    border: 1px solid #777777;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 8px;
    width: 8px;
    padding: 0;
  }
  
  #economize-embla .economize-embla__dot--active {
    background: #777777;
    border: none;
  }

  @media (min-width: 1024px) {
    #economize-embla .economize-embla__dots {
      display: none !important;
    }
  }



/* ========================================
   CARDS DO CAROUSEL
   ======================================== */

/* Container principal do card */
.container_0d0f948c3d16 {
  border-radius: 16px 16px 16px 16px;
  padding: 24px 9px;
  flex-direction: column;
  justify-content: start;
  background: #ffffff;
  align-items: center;
  gap: 16px normal;
  height: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .container_0d0f948c3d16 {
    padding: 24px;
  }
}

/* Imagens dos cards */
.imageview_f305f7240c52,
.imageview_da65a0f20822,
.imageview_158d883fd7fe {
  width: 49px;
  height: 49px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imageview_179580876754{
  width: 122px;
  height: 49px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


@media (min-width: 1024px) {
  .imageview_f305f7240c52,
    .imageview_da65a0f20822,
  .imageview_158d883fd7fe {
    width: 74px;
    height: 74px;
  }

  .imageview_179580876754{
    width: 165px;
    height: 74px;
  }
}


.imageview_f305f7240c52 img,
.imageview_158d883fd7fe img,

.imageview_da65a0f20822 img {
  width: 49px;
  height: 49px;
  object-fit: contain;
  display: block;
}

.imageview_179580876754 img{
  width: 122px;
  height: 49px;
  object-fit: contain;
  display: block;
}

@media (min-width: 1024px) { 
  .imageview_f305f7240c52 img,
  .imageview_158d883fd7fe img,
  .imageview_da65a0f20822 img {
    width: 74px;
    height: 74px;
  }

  .imageview_179580876754 img{
    width: 165px;
    height: 74px;
  }
}









/* Containers de conteúdo dos cards */
.container_f6ccd0e542ee {
  width: 100%;
  height: fit-content;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px normal;
  flex-direction: column;
  display: flex;
}

.container_ba0757a0e50c {
  width: 100%;
  height: fit-content;
  align-items: center;
  justify-content: flex-start;
  gap: 4px normal;
  flex-direction: column;
  display: flex;
}

.container_83fe67ef2c20 {
  width: 100%;
  height: fit-content;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px normal;
  flex-direction: column;
  display: flex;
}

.container_010d87d21882 {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  display: flex;
}

.container_5d9d72eb0aef {
  width: 100%;
  height: fit-content;
  align-items: center;
  justify-content: flex-start;
  gap: 4px normal;
  flex-direction: column;
  display: flex;
}

/* Textos dos cards */
.text_a16ed3098a42 {
  word-wrap: break-word;
  font-style: normal;
  text-align: center;
  line-height: 150%;
  font-weight: 600 !important;
  color: #000000;
  line-height: 30px;
  font-size: 15px;
  width: 100%;
  margin: 0;
  white-space: nowrap;
}

.text_cbb804601dcc {
  word-wrap: break-word;
  font-style: normal;
  text-align: center;
  line-height: 150%;
  line-height: 21px;
  font-weight: 400;
  color: #474747;
  font-size: 13px;
  width: 100%;
  margin: 4px 0;
}

.text_12f67c61eb78 {
  text-decoration-line: underline;
  word-wrap: break-word;
  font-style: normal;
  text-align: center;
  line-height: 150%;
  line-height: 24px;
  font-weight: 600 !important;
  font-size: 13px;
  color: #00358e;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* ========================================
   MODAIS DO COMPONENTE ECONOMIZE
   ======================================== */

/* Container principal do modal */
.economize_modal {
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 99999;
  height: 100dvh;
  width: 100dvw;
  display: flex;
  display: none;
  left: 0;
  top: 0;
}

/* Overlay do modal */
.economize_modal_overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  height: 100dvh;
  width: 100dvw;
  left: 0;
  top: 0;
}

/* Card do modal */
.economize_modal_card {
  padding: 48px 24px 24px;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  flex-flow: column;
  overflow: hidden;
  max-width: 983px;
  gap: 34px 66px;
  display: flex;
  margin: 16px;
  width: 100%;
  z-index: 2;
}

/* Botão de fechar do modal */
.economize_modal_card_close {
  position: absolute;
  cursor: pointer;
  right: 27px;
  top: 18px;
}

/* Imagem do modal */
.economize_modal_card .button_link_e0e675dd28ff img {
  aspect-ratio: 332 / 339;
  border-radius: 20px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* Conteúdo do modal */
.economize_modal_card_content_title {
  margin-bottom: 4px;
  font-style: normal;
  line-height: 150%;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  margin-top: 0;
}

.economize_modal_card_content_description {
  font-style: normal;
  margin-bottom: 4px;
  line-height: 150%;
  color: #474747;
  font-weight: 400;
  font-size: 15px;
}

/* Botão do modal */
.economize_modal_card .button_e0e675dd28ff {
  margin-top: 16px;
}

.button_e0e675dd28ff {
  width: 300px;
  height: fit-content;
  min-height: 56px;
  max-height: 56px;
  justify-content: center;
  align-items: center;
  gap: normal 10px;
  flex-direction: row;
  background: #ffc537;
  border-radius: 8px 8px 8px 8px;
  filter: drop-shadow(0px 0px 10px #34343426);
}

.button_link_e0e675dd28ff {
  flex-direction: row;
  align-items: center;
  gap: normal 10px;
  display: flex;
  width: 100%;
  padding: 0 10px;
  min-height: 56px;
}

.text_39932f11136e {
  word-wrap: break-word;
  font-style: normal;
  line-height: 24px;
  line-height: 150%;
  font-weight: 600 !important;
  color: #000000;
  font-size: 14px;
  flex-basis: 0px;
  flex-grow: 1;
}

.imageview_f7243790cee2 {
  width: 24px;
  height: 24px;
}

/* ========================================
   MEDIA QUERIES - DESKTOP (min-width: 1024px)
   ======================================== */

@media (min-width: 1024px) {
  .economize {
    gap: 32px;
  }

  .economize-embla {
    padding: 0 58.4px;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
  }

  .economize-embla__viewport {
    width: calc(100% + 10.4px);
    margin-left: -10.4px;
  }

  .economize-embla__slide {
    padding: 0 0 0 10.4px;
    flex: 0 0 25%;
  }

  #economize-embla .economize-embla__prev,
  #economize-embla .economize-embla__next {
    display: block;
  }

  .text_a16ed3098a42 {
    font-size: 20px;
  }

  .text_cbb804601dcc {
    font-size: 14px;
  }

  .text_12f67c61eb78 {
    font-size: 16px;
  }

  .economize_modal_card {
    align-items: center;
    padding: 24px 40px;
    flex-flow: row;
    margin: 0;
  }

  .economize_modal_card_close {
    right: 20.75px;
    top: 21px;
  }

  .economize_modal_card img {
    aspect-ratio: 432 / 261;
    flex-shrink: 0;
    width: 432px;
    height: 261px;
  }

  .economize_modal_card_content_title {
    font-size: 24px;
  }

  .text_39932f11136e {
    font-size: 16px;
  }
}/* End custom CSS */