.elementor-kit-5{--e-global-color-primary:#28A870;--e-global-color-secondary:#006135;--e-global-color-text:#003C21;--e-global-color-accent:#FFFFFF;--e-global-color-48b098d:#FFFFE7;--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-kit-5 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: transparente */
.glass-header {
  background: transparent;
  position: -webkit-sticky; /* fallback */
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: background-color .25s ease, backdrop-filter .25s ease, -webkit-backdrop-filter .25s ease, box-shadow .25s ease;
}

/* quando a seção ficar sticky, o Elementor adiciona estas classes */
.glass-header.elementor-sticky--effects,
.glass-header.elementor-sticky--active {
  /* vidro: um fundo translúcido + blur */
  background: rgba(255, 255, 255, 0.12);            /* ajuste a opacidade se preferir mais/menos “vidro” */
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);

  /* detalhes opcionais para realçar o efeito */
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* tema escuro (opcional): deixe o vidro mais escuro */
.dark .glass-header.elementor-sticky--effects,
.dark .glass-header.elementor-sticky--active {
  background: rgba(20, 20, 20, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

/* mobile: um pouco menos blur para performance (opcional) */
@media (max-width: 767px) {
  .glass-header.elementor-sticky--effects,
  .glass-header.elementor-sticky--active {
    -webkit-backdrop-filter: blur(8px) saturate(140%);
    backdrop-filter: blur(8px) saturate(140%);
  }
}

/* DESKTOP, NOTEBOOK E TABLET */
.icon-whatsapp svg{
    fill: #ffffff;
    display: inline-block;
    position: fixed;
    overflow: visible;
    background-color: #25D366;
    border-radius: 50%;
    z-index: 1000;
    animation: glow 2s infinite;
        
    height: 70px;  /* Altura total */  
    width: 70px; /* Largura total */   
    padding: 10px;  /* Distância do ícone até a borda verde */

    bottom: 20px; /* Distância do ícone até o canto inferior da página*/
    right: 20px; /* Distância do ícone até o canto lateral da página*/
    
  }

/* MOBILE */
@media (max-width: 767px) {
.icon-whatsapp svg {

    height: 60px;  /* Altura total */  
    width: 60px; /* Largura total */
    padding: 8px;  /* Distância do ícone até a borda verde */

    bottom: 10px; /* Distância do ícone até o canto inferior da página*/
    right: 10px; /* Distância do ícone até o canto lateral da página*/    
  }
}

/* Animação */
@keyframes glow {
  0% {
    box-shadow: 0 0 5px rgba(37, 211, 102, 0.5), 0 0 10px rgba(37, 211, 102, 0.5), 0 0 20px rgba(37, 211, 102, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.5), 0 0 30px rgba(37, 211, 102, 0.5), 0 0 40px rgba(37, 211, 102, 0.5);
  }
  100% {
    box-shadow: 0 0 5px rgba(37, 211, 102, 0.5), 0 0 10px rgba(37, 211, 102, 0.5), 0 0 20px rgba(37, 211, 102, 0.5);
  }
}/* End custom CSS */