.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-87e05b8:#00386B;--e-global-color-290a4bc:#0AADE9;--e-global-color-46753fd:#FFFFFF;--e-global-color-7936157:#25D9D9;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 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 */html,
body{
width:100%;
overflow-x:hidden;
}
.desktop-only {
    display: inline; /* Mostra por padrão */
}

@media (max-width: 768px) {
    .desktop-only {
        display: none; /* Esconde no mobile */
    }
}
.mobile-only {
            display: none; /* Esconde por padrão */
        }

        @media (max-width: 768px) {
            .mobile-only {
                display: inline; /* Mostra no mobile */
            }
        }
        
        
input,
textarea,
select {
  font-size: 16px !important;
}



/* --- Aparição do container após 3s (apenas fade-in) --- */
.whats-float{
  opacity: 0;
  animation: wf-fadein .35s ease forwards 3s; /* espera 3s, faz fade e mantém visível */
  z-index: 9999;
}

/* --- Tremer só o ícone (SVG), com pausa de 1s, repetindo --- */
.whats-float .elementor-icon svg{
  transform-origin: center;
  will-change: transform;
  animation: wf-shakeThenPause 1.5s ease-in-out infinite 3.35s; 
  /* 1.5s = ~0.5s treme (0–33%) + 1.0s parado (33–100%).
     começa após o fade (~3.35s no total) */
}

/* Fade-in do container */
@keyframes wf-fadein{
  to { opacity: 1; }
}

/* Shake (~0.5s) + pausa (1s) */
@keyframes wf-shakeThenPause{
  0%, 100% { transform: translate(0,0) rotate(0); }

  /* —— tremida (0–33%) —— */
  4%  { transform: translate(1px, 1px) rotate(0deg); }
  8%  { transform: translate(-1px,-2px) rotate(-1deg); }
  12% { transform: translate(-3px, 0px) rotate(1deg); }
  16% { transform: translate(3px, 2px) rotate(0deg); }
  20% { transform: translate(1px,-1px) rotate(1deg); }
  24% { transform: translate(-1px, 2px) rotate(-1deg); }
  28% { transform: translate(-3px, 1px) rotate(0deg); }
  32% { transform: translate(3px, 1px) rotate(-1deg); }

  /* —— pausa (parado) —— */
  33%, 99% { transform: translate(0,0) rotate(0); }
}

/* Acessibilidade: respeita usuários que preferem menos animação */
@media (prefers-reduced-motion: reduce){
  .whats-float,
  .whats-float .elementor-icon svg{
    animation: none !important;
  }
  .whats-float{ opacity: 1; }
}


/* === animação do ícone (mantém) === */
.whats-float .elementor-icon svg{
  transform-origin: center;
  will-change: transform;
  animation: wf-shakeThenPause 1.5s ease-in-out infinite 3.35s; /* 0.5s treme + 1s pausa */
}

/* === PAUSAR enquanto o popup #1213 estiver aberto (visível) === */
body:has(
  .dialog-widget-content .elementor.elementor-location-popup[data-elementor-id="1213"][style*="display: block"]
) .whats-float .elementor-icon svg{
  animation-play-state: paused !important;
  transform: none !important;
}

/* (opcional) se tiver outros popups Elementor, pausar qualquer um que estiver visível */
body:has(.dialog-widget-content .elementor.elementor-location-popup[style*="display: block"])
  .whats-float .elementor-icon svg{
  animation-play-state: paused !important;
  transform: none !important;
}

/* fade-in do container (se estiver usando) */
.whats-float{ opacity:0; animation:wf-fadein .35s ease forwards 3s; z-index:9999; }
@keyframes wf-fadein{ to{ opacity:1; } }

/* shake 0.5s + pausa 1s (repete) */
@keyframes wf-shakeThenPause{
  0%,100%{ transform: translate(0,0) rotate(0); }
  4%  { transform: translate(1px, 1px) rotate(0deg); }
  8%  { transform: translate(-1px,-2px) rotate(-1deg); }
  12% { transform: translate(-3px, 0px) rotate(1deg); }
  16% { transform: translate(3px, 2px) rotate(0deg); }
  20% { transform: translate(1px,-1px) rotate(1deg); }
  24% { transform: translate(-1px, 2px) rotate(-1deg); }
  28% { transform: translate(-3px, 1px) rotate(0deg); }
  32% { transform: translate(3px, 1px) rotate(-1deg); }
  33%,99%{ transform: translate(0,0) rotate(0); }
}

/* acessibilidade */
@media (prefers-reduced-motion: reduce){
  .whats-float .elementor-icon svg{ animation: none !important; }
  .whats-float{ animation: none; opacity: 1; }
}/* End custom CSS */