.elementor-kit-6{--e-global-color-primary:#50270A;--e-global-color-secondary:#62310F;--e-global-color-text:#484848;--e-global-color-accent:#50270A;--e-global-color-603f276:#FFFFFF;--e-global-color-69983df:#C8B273;--e-global-color-908ff53:#FFFDF6;--e-global-color-bcfc088:#96CA26;--e-global-typography-primary-font-family:"Fredoka";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Fredoka";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Quicksand";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Fredoka";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Fredoka", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-603f276 );border-radius:50px 50px 50px 50px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-603f276 );border-radius:50px 50px 50px 50px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------------------- */
/* ESTADO INICIAL GERAL  */
/* ---------------------- */
.animate-on-visible {
  opacity: 0;
  transition: none;
}

/* ---------------------- */
/* SLIDE-UP (de baixo pra cima) */
/* ---------------------- */
.slide-up {
  transform: translateY(30px);
}
.slide-up.visible {
  animation: slideUp 0.8s ease-out forwards;
}
@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------------------- */
/* SLIDE-RIGHT (da direita para o centro) */
/* ---------------------- */
.slide-right {
  transform: translateX(30px);
}
.slide-right.visible {
  animation: slideRight 0.8s ease-out forwards;
}
@keyframes slideRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ---------------------- */
/* DELAYS PROGRESSIVOS */
/* ---------------------- */
.visible.delay-1 { animation-delay: 0.2s; }
.visible.delay-2 { animation-delay: 0.6s; }
.visible.delay-3 { animation-delay: 1.2s; }
.visible.delay-4 { animation-delay: 1.6s; }
.visible.delay-5 { animation-delay: 2.2s; }
.visible.delay-6 { animation-delay: 2.6s; }
.visible.delay-7 { animation-delay: 3.2s; }

/* ---------------------- */
/* VISIBILIDADE NO EDITOR ELEMENTOR */
/* ---------------------- */
.elementor-editor-active .animate-on-visible {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

#inicio,
#quemsomos,
#produtos,
#cidades,
#comecar,
#lojas {
  scroll-margin-top: 50px;
}

.zoom-hover {
  transition: transform 0.4s ease;
  will-change: transform;
}

.zoom-hover:hover {
  transform: scale(1.05);
}

.cartao-branco {
  position: relative; /* Isso é crucial para que o posicionamento absoluto do ícone funcione corretamente */
}

.cartao-branco .elementor-icon-box-wrapper .elementor-icon {
  position: absolute;
  top: -20%; /* Ajuste este valor para controlar o quanto o ícone sai do container */
  left: 50%; /* Centraliza horizontalmente o ícone */
  transform: translateX(-50%); /* Garante que a centralização seja perfeita */
}

.cartao-branco .elementor-icon-box-wrapper .elementor-icon-box-content {
  margin-top: 20%; /* Adiciona um espaço para que o texto não se sobreponha ao ícone */
}/* End custom CSS */