.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-177 .elementor-element.elementor-element-29b5fbc .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-29b5fbc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-2b0d40e4{text-align:start;}.elementor-177 .elementor-element.elementor-element-2b0d40e4 .elementor-heading-title{font-family:"MADE Mirage", Sans-serif;font-size:4.375rem;font-weight:400;line-height:64px;color:#f7f7f7;}.elementor-177 .elementor-element.elementor-element-34f48305{--spacer-size:50px;}.elementor-177 .elementor-element.elementor-element-1b9fedc4 .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-1b9fedc4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-641cd425{width:var( --container-widget-width, 634px );max-width:634px;--container-widget-width:634px;--container-widget-flex-grow:0;text-align:center;}.elementor-177 .elementor-element.elementor-element-641cd425 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:1.125rem;font-weight:400;line-height:22px;letter-spacing:0.02em;color:#f7f7f7;}.elementor-177 .elementor-element.elementor-element-63a3abb4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-177 .elementor-element.elementor-element-6fc1acaf .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-6fc1acaf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-6cd4fcf8 .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-6cd4fcf8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-2d797291 .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-2d797291 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-1280d74f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-177 .elementor-element.elementor-element-5a83a8f6 .elementor-button{background-color:#61CE7000;font-family:"Helvetica", Sans-serif;}.elementor-177 .elementor-element.elementor-element-5a83a8f6 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-177 .elementor-element.elementor-element-641cd425{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-2b0d40e4 .elementor-heading-title{font-size:3.2rem;line-height:0.9em;}.elementor-177 .elementor-element.elementor-element-34f48305{--spacer-size:30px;}.elementor-177 .elementor-element.elementor-element-1b9fedc4.elementor-element{--align-self:flex-start;}.elementor-177 .elementor-element.elementor-element-1b9fedc4 .elementor-button{font-size:11px;}.elementor-177 .elementor-element.elementor-element-641cd425{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-177 .elementor-element.elementor-element-641cd425 .elementor-heading-title{font-size:1.125rem;}.elementor-177 .elementor-element.elementor-element-6fc1acaf.elementor-element{--align-self:center;}.elementor-177 .elementor-element.elementor-element-6fc1acaf .elementor-button{font-size:11px;}.elementor-177 .elementor-element.elementor-element-6cd4fcf8.elementor-element{--align-self:center;}.elementor-177 .elementor-element.elementor-element-6cd4fcf8 .elementor-button{font-size:11px;}.elementor-177 .elementor-element.elementor-element-2d797291 .elementor-button{font-size:11px;}.elementor-177 .elementor-element.elementor-element-5a83a8f6.elementor-element{--align-self:center;}.elementor-177 .elementor-element.elementor-element-5a83a8f6 .elementor-button{font-size:11px;}}/* Start custom CSS for button, class: .elementor-element-29b5fbc *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-29b5fbc" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 8px 25px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b9fedc4 *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-1b9fedc4" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 16px 40px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6fc1acaf *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-6fc1acaf" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 16px 40px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6cd4fcf8 *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-6cd4fcf8" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 16px 40px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2d797291 *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-2d797291" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 16px 40px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5a83a8f6 *//* ============================================================
   Efeito de hover — Botão CTA (Ear Harmony / ELAB Beyond)
   ============================================================
   COMO USAR NO ELEMENTOR:
   1. Selecione o widget "Botão" (Button).
   2. Aba "Avançado" > campo "Classes CSS" > digite: eh-cta-btn
   3. Cole este CSS em: Elementor > Site Settings > Custom CSS
      (ou no painel "Custom CSS" do próprio widget, se você tiver
      o Elementor Pro — nesse caso troque ".eh-cta-btn" por
      ".elementor-177 .elementor-element.elementor-element-5a83a8f6" em cada linha).
   4. Fundo, borda e texto originais do widget não importam —
      este CSS sobrescreve tudo. Não precisa mexer no HTML.
   ============================================================ */
  
  .eh-cta-btn {
  --eh-gold: #c99a5b;
  --eh-gold-light: #e3bd85;
  --eh-ink: #1a1310;
  
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  
  padding: 16px 40px !important;
  border-radius: 9px !important;
  border: 1px solid var(--eh-gold) !important;
  background: transparent !important;
  
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eh-gold) !important;
  cursor: pointer;
  
  transition:
    color 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s ease,
    transform 0.35s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s ease;
  
  animation: eh-cta-idle 3.2s ease-in-out infinite;
  }
  
  /* ---------- ESTADO "ANTES": respiração sutil da borda ---------- */
  @keyframes eh-cta-idle {
  0%, 100% { border-color: var(--eh-gold); }
  50%      { border-color: var(--eh-gold-light); }
  }
  
  /* ---------- Preenchimento que nasce do centro no hover ---------- */
  .eh-cta-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, var(--eh-gold), var(--eh-gold-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.55s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- Brilho diagonal que atravessa no hover ---------- */
  .eh-cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background: linear-gradient(115deg, transparent 0%, #ffffff9c 50%, transparent 100%);
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.05s linear, opacity 0.05s linear;
  }
  
  /* Ícone (se o widget do Elementor tiver um ícone configurado) */
  .eh-cta-btn .elementor-button-icon,
  .eh-cta-btn i,
  .eh-cta-btn svg {
  transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }
  
  /* ---------- ESTADO "DEPOIS": hover / foco ---------- */
  .eh-cta-btn:hover,
  .eh-cta-btn:focus-visible {
  color: var(--eh-ink) !important;
  border-color: var(--eh-gold-light) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -12px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  animation-play-state: paused;
  }
  .eh-cta-btn:hover::before,
  .eh-cta-btn:focus-visible::before {
  transform: scaleX(1);
  }
  .eh-cta-btn:hover::after,
  .eh-cta-btn:focus-visible::after {
  opacity: 1;
  transform: translateX(420%) rotate(8deg);
  transition: transform 0.9s ease, opacity 0.9s ease;
  }
  .eh-cta-btn:hover .elementor-button-icon,
  .eh-cta-btn:hover i,
  .eh-cta-btn:hover svg {
  transform: translateX(4px);
  }
  
  /* ---------- Clique ---------- */
  .eh-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow: 0 6px 14px -8px rgba(201, 154, 91, 0.5), 0 0 0 1px rgba(227, 189, 133, 0.25);
  }
  
  /* ---------- Acessibilidade: respeita "reduzir movimento" ---------- */
  @media (prefers-reduced-motion: reduce) {
  .eh-cta-btn,
  .eh-cta-btn::before,
  .eh-cta-btn::after,
  .eh-cta-btn .elementor-button-icon {
    transition: none;
    animation: none;
  }
  }/* End custom CSS */