.elementor-kit-16 {
  --e-global-color-primary: #FFFFFF;
  --e-global-color-secondary: #01405C;
  --e-global-color-text: #232323;
  --e-global-color-accent: #FF860E;
  --e-global-color-144197e: #F9F9F9;
  --e-global-color-58da994: #F5F5F5;
  --e-global-color-a408a98: #EBEBEB;
  --e-global-color-0f12ba5: #E1E1E1;
  --e-global-color-f22b942: #D7D7D7;
  --e-global-color-d64ac85: #A5A5A5;
  --e-global-color-346d7e2: #696969;
  --e-global-color-dde45a7: #414141;
  --e-global-color-46d71b6: #0C1A1D;
  --e-global-color-e124dd0: #FFBF00;
  --e-global-color-f9fa482: #D75E00;
  --e-global-color-9a03f17: #9B2200;
  --e-global-color-a54d19f: #DDC086;
  --e-global-color-ed8828f: #2D0236;
  --e-global-color-35d162f: #35B335;
  --e-global-typography-primary-font-family: "Pathway Extreme";
  --e-global-typography-primary-font-size: 2.8em;
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-primary-text-transform: none;
  --e-global-typography-primary-font-style: normal;
  --e-global-typography-primary-text-decoration: none;
  --e-global-typography-primary-line-height: 1.3em;
  --e-global-typography-primary-letter-spacing: -0.03em;
  --e-global-typography-secondary-font-family: "Pathway Extreme";
  --e-global-typography-secondary-font-size: 1.87em;
  --e-global-typography-secondary-font-weight: bold;
  --e-global-typography-secondary-text-transform: none;
  --e-global-typography-secondary-font-style: normal;
  --e-global-typography-secondary-text-decoration: none;
  --e-global-typography-secondary-line-height: 1.5em;
  --e-global-typography-secondary-letter-spacing: -0.03em;
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-size: 1.1em;
  --e-global-typography-text-font-weight: 300;
  --e-global-typography-text-text-transform: none;
  --e-global-typography-text-line-height: 1.5em;
  --e-global-typography-text-letter-spacing: -0.01em;
  --e-global-typography-accent-font-family: "Roboto";
  --e-global-typography-accent-font-size: 1.1em;
  --e-global-typography-accent-font-weight: 700;
  --e-global-typography-accent-text-transform: none;
  --e-global-typography-accent-line-height: 1.5em;
  --e-global-typography-accent-letter-spacing: -0.02em;
  --e-global-typography-fa60082-font-family: "Roboto";
  --e-global-typography-fa60082-font-size: 1.56em;
  --e-global-typography-fa60082-font-weight: 300;
  --e-global-typography-fa60082-line-height: 1.5em;
  --e-global-typography-fa60082-letter-spacing: -0.03em;
  --e-global-typography-bba8c5e-font-family: "Roboto";
  --e-global-typography-bba8c5e-font-size: 0.93em;
  --e-global-typography-bba8c5e-font-weight: 300;
  --e-global-typography-bba8c5e-line-height: 1.5em;
  --e-global-typography-bba8c5e-letter-spacing: -0.03em;
  --e-global-typography-79cfe6a-font-family: "Roboto";
  --e-global-typography-79cfe6a-font-size: 0.75em;
  --e-global-typography-79cfe6a-font-weight: 300;
  --e-global-typography-79cfe6a-line-height: 1.5em;
  --e-global-typography-79cfe6a-letter-spacing: -0.03em;
  --e-global-typography-5084f8f-font-family: "Pathway Extreme";
  --e-global-typography-5084f8f-font-size: 1.56em;
  --e-global-typography-5084f8f-font-weight: 700;
  --e-global-typography-5084f8f-line-height: 1.5em;
  --e-global-typography-5084f8f-letter-spacing: -0.02em;
  --e-global-typography-da9efd4-font-family: "Pathway Extreme";
  --e-global-typography-da9efd4-font-size: 1.12em;
  --e-global-typography-da9efd4-font-weight: 700;
  --e-global-typography-da9efd4-line-height: 1.5em;
  --e-global-typography-da9efd4-letter-spacing: -0.02em;
  --e-global-typography-caced08-font-family: "Pathway Extreme";
  --e-global-typography-caced08-font-size: 0.93em;
  --e-global-typography-caced08-font-weight: 700;
  --e-global-typography-caced08-line-height: 1.5em;
  --e-global-typography-dbd94b9-font-family: "Pathway Extreme";
  --e-global-typography-dbd94b9-font-size: 0.75em;
  --e-global-typography-dbd94b9-font-weight: 700;
  --e-global-typography-dbd94b9-line-height: 1.4em;
  --e-global-typography-dbd94b9-letter-spacing: -0.02em;
  background-color: var(--e-global-color-primary);
  background-image: url("wp-content/uploads/2025/05/BG-background.webp");
  background-position: -29px -139px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.elementor-kit-16 e-page-transition {
  background-color: #FFBC7D;
}

.elementor-kit-16 a {
  color: var(--e-global-color-58da994);
}

.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1200px;
}

.e-con {
  --container-max-width: 1200px;
  --container-default-padding-top: 4em;
  --container-default-padding-right: 1em;
  --container-default-padding-bottom: 4em;
  --container-default-padding-left: 1em;
}

.elementor-widget:not(:last-child) {
  margin-block-end: 1em;
}

.elementor-element {
  --widgets-spacing: 1em 1em;
  --widgets-spacing-row: 1em;
  --widgets-spacing-column: 1em;
}

  {}

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(min-width:1025px) {
  .elementor-kit-16 {
    background-attachment: scroll;
  }
}

@media(max-width:1024px) {
  .elementor-kit-16 {
    --e-global-typography-primary-font-size: 2.2em;
    --e-global-typography-secondary-font-size: 1.45em;
    --e-global-typography-fa60082-font-size: 1.21em;
    --e-global-typography-5084f8f-font-size: 1.21em;
    --e-global-typography-da9efd4-font-size: 1em;
    --e-global-typography-caced08-font-size: 0.85em;
    background-position: 0px 0px;
  }

  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1024px;
  }

  .e-con {
    --container-max-width: 1024px;
  }
}

@media(max-width:767px) {
  .elementor-kit-16 {
    --e-global-typography-primary-font-size: 1.7em;
    --e-global-typography-primary-line-height: 1.1em;
    --e-global-typography-secondary-font-size: 1.13em;
    --e-global-typography-text-font-size: 1em;
    --e-global-typography-accent-font-size: 1em;
    --e-global-typography-fa60082-font-size: 1.1em;
    --e-global-typography-bba8c5e-font-size: 0.9em;
    --e-global-typography-5084f8f-font-size: 1.15em;
    --e-global-typography-5084f8f-letter-spacing: -0.02em;
    --e-global-typography-da9efd4-letter-spacing: -0.01em;
    background-image: url("wp-content/uploads/2025/05/BG-background.webp");
    background-position: -134px 0px;
    background-size: 743px auto;
  }

  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 767px;
  }

  .e-con {
    --container-max-width: 767px;
    --container-default-padding-top: 3em;
    --container-default-padding-right: 1.5em;
    --container-default-padding-bottom: 3em;
    --container-default-padding-left: 1.5em;
  }
}

/* Start custom CSS */
/* ================================================= */
/* CONFIGURAÇÃO DE FONTES E VARIÁVEIS GLOBAIS */
/* ================================================= */

@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&display=swap");
/*fonte utilizada*/

:root {
  --shiny-cta-bg: #f4b400 !important;
  /* fundo amarelo */
  --shiny-cta-bg-subtle: #db9e00 !important;
  /* borda dourada escura */
  --shiny-cta-fg: #3b2f00 !important;
  /* texto escuro para contraste */
  --shiny-cta-highlight: #ffea00 !important;
  /* luz amarela brilhante */
  --shiny-cat-highlight-subtle: #fff176 !important;
  /* luz amarela suave */
}

/* @PROPERTY HACKS (Essencial para as animações funcionarem no Chrome/Edge) */
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

/* ================================================= */
/* ESTILO PRINCIPAL DO BOTÃO AMARELO - CLASSE: .botao-amarelo */
/* (APENAS UM BOTÃO SERÁ AFETADO) */
/* ================================================= */

.botao-amarelo .elementor-button {
  --animation: gradient-angle linear infinite !important;
  --duration: 3s !important;
  --shadow-size: 2px !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  outline-offset: 4px !important;
  padding: 1.25rem 2.5rem !important;
  border: 2px solid transparent !important;
  color: var(--shiny-cta-fg) !important;
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)) border-box !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
}

/* ELEMENTOS PSEUDO ::before e ::after */
.botao-amarelo .elementor-button::before,
.botao-amarelo .elementor-button::after,
.botao-amarelo .elementor-button span::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
}

.botao-amarelo .elementor-button::before {
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  background: radial-gradient(circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0) padding-box !important;
  background-size: var(--space) var(--space) !important;
  background-repeat: space !important;
  mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg),
      black,
      transparent 10% 90%,
      black) !important;
  border-radius: inherit !important;
  opacity: 1 !important;
  transition: all 2s !important;
}

.botao-amarelo .elementor-button::after {
  --animation: shimmer linear infinite !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  background: linear-gradient(-50deg,
      transparent,
      var(--shiny-cta-highlight),
      transparent) !important;
  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.6 !important;
}

.botao-amarelo .elementor-button span {
  z-index: 1 !important;
  position: relative !important;
  transition: all 1s;
}

.botao-amarelo .elementor-button span::before {
  size: calc(100% + 1rem) !important;
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important;
  opacity: 0 !important;
  transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* EFEITO HOVER/FOCO */
.botao-amarelo .elementor-button:hover,
.botao-amarelo .elementor-button:focus-visible {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
}

.botao-amarelo .elementor-button:hover span::before {
  opacity: 1 !important;
}

/* ATIVAÇÃO DE ANIMAÇÕES */
.botao-amarelo .elementor-button,
.botao-amarelo .elementor-button::before,
.botao-amarelo .elementor-button::after {
  animation: var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused !important;
  animation-composition: add !important;
  transition: all 1s;
}

.botao-amarelo .elementor-button:hover,
.botao-amarelo .elementor-button:hover::before,
.botao-amarelo .elementor-button:hover::after {
  animation-play-state: running !important;
  box-shadow: 0px -3px 44px 0px rgba(255, 255, 255, 0.50) inset, 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 43.5px 0px rgba(255, 191, 0, 0.60) !important;
  transition: all 1s;
}

/* KEYFRAMES */
@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  /* ... (estava vazio no seu codigo, mantendo para nao quebrar) */
}

@keyframes breathe {
  50% {
    transform: scale(1.2) !important;
  }
}

/* End custom CSS */