.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* Estilos iniciais */
#efeitorolagem {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Estilos quando o elemento está visível na tela */
#efeitorolagem.show {
  opacity: 1;
  transform: translateY(0);
}

body {
  overflow-x: hidden;
}



#container-apresent-entrega {
  background-color: #fff; /* Fundo branco */
  width: 90%; /* Largura ajustada para telas menores */
  max-width: 250px; /* Define uma largura máxima para não crescer demais */
  height: auto; /* Ajusta a altura automaticamente com base no conteúdo */
  padding: 20px; /* Adiciona algum espaço interno */
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  border-color: #42cc27;
  border-style: solid;
  border-width: 2px; /* Adiciona a largura da borda */
  box-sizing: border-box; /* Inclui a borda e o padding no cálculo da largura e altura */
}

/* Media query para telas menores */
@media (max-width: 768px) {
  #container-apresent-entrega {
    width: 85%; /* Ajusta a largura para telas menores */
    max-width: 300px; /* Reduz a largura máxima em telas menores */
    height: auto; /* Garante que a altura se ajuste ao conteúdo */
  }
}

/* Media query para telas muito pequenas */
@media (max-width: 480px) {
  #container-apresent-entrega {
    width: 85%; /* Largura total em telas muito pequenas */
    max-width: none; /* Remove a largura máxima */
  }
}/* End custom CSS */