.elementor-kit-6{--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-kit-6 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){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);}.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 *//* =========================================================
   BONKPAY - CSS GLOBAL
   Correção de scroll lateral / overflow horizontal
   ========================================================= */

/* Trava o scroll horizontal no site inteiro */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Evita que wrappers principais estourem a largura da tela */
#page,
.site,
.site-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-column,
.elementor-element,
.e-con,
.e-con-inner {
  max-width: 100%;
}

/* Garante que imagens, vídeos, iframes e SVGs não ultrapassem o container */
img,
video,
iframe,
svg,
canvas {
  max-width: 100%;
}

/* Evita elementos absolutos causando scroll lateral */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
  overflow-x: clip;
}

/* Correção extra para containers flex do Elementor */
.elementor *,
.e-con *,
.e-con-inner * {
  box-sizing: border-box;
}

/* Segurança para textos muito longos, links e botões */
p,
span,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  word-break: normal;
}

/* Remove qualquer espaço lateral acidental no mobile */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden !important;
  }

  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-element,
  .e-con,
  .e-con-inner {
    max-width: 100% !important;
  }

  /* Evita que animações ou elementos deslocados criem barra lateral */
  .elementor-motion-effects-element,
  .elementor-motion-effects-container,
  [class*="elementor-animation"] {
    max-width: 100%;
    overflow-x: clip;
  }
}

/* Correção preventiva para elementos com transform */
.elementor-element {
  transform-origin: center center;
}

/* Opcional: suaviza a rolagem vertical */
html {
  scroll-behavior: smooth;
}

/* =========================================================
   BONKPAY - COMING SOON
   Container principal com background premium
   Classe no container: bonk-coming-soon
   ========================================================= */

/* Trava scroll lateral global */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  background: #050505;
}

/* Remove possíveis vazamentos do Elementor */
#page,
.site,
.site-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-column,
.elementor-element,
.e-con,
.e-con-inner {
  max-width: 100%;
  box-sizing: border-box;
}

/* Container principal */
.bonk-coming-soon {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;

  width: 100%;
  min-height: 100vh;
  min-height: 100svh;

  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;

  transform: translateZ(0);
}

/* Conteúdo sempre acima dos efeitos */
.bonk-coming-soon > .e-con-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
}

/* Vinheta premium para dar profundidade */
.bonk-coming-soon::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at center, rgba(255, 214, 105, 0.06) 0%, rgba(0, 0, 0, 0) 42%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.04) 48%, rgba(0, 0, 0, 0.42) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.06) 44%, rgba(0, 0, 0, 0.58) 100%);
}

/* Brilho/atmosfera sutil dourada */
.bonk-coming-soon::after {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 2;
  pointer-events: none;

  background:
    radial-gradient(circle at 50% 48%, rgba(255, 198, 74, 0.13), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(255, 190, 70, 0.08), transparent 22%),
    radial-gradient(circle at 16% 82%, rgba(255, 190, 70, 0.07), transparent 24%);

  filter: blur(10px);
  opacity: 0.9;
  animation: bonkGlow 8s ease-in-out infinite alternate;
}

/* Animação suave do glow */
@keyframes bonkGlow {
  0% {
    opacity: 0.55;
    transform: scale(1);
  }

  100% {
    opacity: 0.95;
    transform: scale(1.04);
  }
}

/* Desktop: efeito mais premium */
@media (min-width: 1025px) {
  .bonk-coming-soon {
    background-attachment: fixed !important;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .bonk-coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    background-position: center center !important;
    background-size: cover !important;
  }

  .bonk-coming-soon::before {
    background:
      radial-gradient(circle at center, rgba(255, 214, 105, 0.08) 0%, rgba(0, 0, 0, 0) 44%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.55) 100%);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .bonk-coming-soon {
    min-height: 100vh;
    min-height: 100svh;

    background-position: center center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }

  .bonk-coming-soon > .e-con-inner {
    min-height: 100vh;
    min-height: 100svh;
  }

  .bonk-coming-soon::before {
    background:
      radial-gradient(circle at 50% 44%, rgba(255, 214, 105, 0.10) 0%, rgba(0, 0, 0, 0) 46%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.62) 100%);
  }

  .bonk-coming-soon::after {
    inset: -35%;
    filter: blur(14px);
    opacity: 0.75;
  }
}

/* Mobile pequeno */
@media (max-width: 480px) {
  .bonk-coming-soon {
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* Ajuste quando estiver logado no WordPress com admin bar */
body.admin-bar .bonk-coming-soon {
  min-height: calc(100vh - 32px);
  min-height: calc(100svh - 32px);
}

@media (max-width: 782px) {
  body.admin-bar .bonk-coming-soon {
    min-height: calc(100vh - 46px);
    min-height: calc(100svh - 46px);
  }
}

/* =========================================================
   BONK - HEADER / MENU PREMIUM
   Classe no container pai: header_bonk
   ========================================================= */

/* Variáveis visuais */
:root {
  --bonk-black: #050505;
  --bonk-dark: #0b0b0b;
  --bonk-dark-soft: #121212;
  --bonk-gold: #b88a18;
  --bonk-gold-light: #d6aa35;
  --bonk-gold-soft: rgba(184, 138, 24, 0.22);
  --bonk-white: #ffffff;
  --bonk-text: rgba(255, 255, 255, 0.72);
  --bonk-muted: rgba(255, 255, 255, 0.48);
  --bonk-border: rgba(255, 255, 255, 0.10);
}

/* Trava scroll lateral */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Header principal */
.header_bonk {
  position: relative;
  z-index: 999;

  width: 100%;
  max-width: 100%;

  padding: 18px 42px;

  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.94) 0%, rgba(5, 5, 5, 0.82) 100%);

  border-bottom: 1px solid var(--bonk-border);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.34),
    inset 0 -1px 0 rgba(184, 138, 24, 0.10);

  overflow: visible !important;
}

/* Linha dourada sutil inferior */
.header_bonk::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;

  width: min(92%, 1180px);
  height: 1px;

  transform: translateX(-50%);

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(184, 138, 24, 0.15) 18%,
    rgba(214, 170, 53, 0.55) 50%,
    rgba(184, 138, 24, 0.15) 82%,
    transparent 100%
  );

  pointer-events: none;
}

/* Containers internos do Elementor */
.header_bonk,
.header_bonk > .e-con-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

/* Logo */
.header_bonk .elementor-widget-theme-site-logo,
.header_bonk .elementor-widget-image {
  line-height: 0;
}

.header_bonk img {
  display: block;
  max-width: 150px;
  height: auto;

  filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.08));
  transition:
    transform 0.28s ease,
    filter 0.28s ease,
    opacity 0.28s ease;
}

.header_bonk img:hover {
  transform: translateY(-1px) scale(1.02);
  filter:
    drop-shadow(0 0 12px rgba(255, 255, 255, 0.18))
    drop-shadow(0 0 22px rgba(184, 138, 24, 0.18));
}

/* Container do menu */
.header_bonk .elementor-widget-nav-menu {
  width: 100%;
}

/* Menu principal desktop */
.header_bonk .elementor-nav-menu--main .elementor-nav-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* Links do menu */
.header_bonk .elementor-nav-menu--main .elementor-item {
  position: relative;

  padding: 12px 16px !important;

  color: var(--bonk-text) !important;

  font-size: 15px;
  font-weight: 600;
  line-height: 1;

  letter-spacing: -0.02em;

  border-radius: 999px;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* Remove underline padrão do Elementor */
.header_bonk .elementor-nav-menu--main .elementor-item::after,
.header_bonk .elementor-nav-menu--main .elementor-item::before {
  display: none !important;
}

/* Glow discreto no hover */
.header_bonk .elementor-nav-menu--main .elementor-item:hover {
  color: var(--bonk-white) !important;
  background: rgba(255, 255, 255, 0.055);

  transform: translateY(-1px);

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.075),
    0 10px 26px rgba(0, 0, 0, 0.20);
}

/* Item ativo */
.header_bonk .elementor-nav-menu--main .current-menu-item > .elementor-item,
.header_bonk .elementor-nav-menu--main .current_page_item > .elementor-item,
.header_bonk .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: var(--bonk-gold-light) !important;
  background: rgba(184, 138, 24, 0.10);

  box-shadow:
    inset 0 0 0 1px rgba(184, 138, 24, 0.18),
    0 0 24px rgba(184, 138, 24, 0.08);
}

/* Destaque no último item do menu: contato */
.header_bonk .elementor-nav-menu--main .menu-item:last-child > .elementor-item {
  margin-left: 10px;

  color: #090909 !important;

  background: linear-gradient(
    135deg,
    var(--bonk-gold-light) 0%,
    var(--bonk-gold) 48%,
    #8d6410 100%
  );

  box-shadow:
    0 12px 28px rgba(184, 138, 24, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);

  font-weight: 800;
}

/* Hover do botão contato */
.header_bonk .elementor-nav-menu--main .menu-item:last-child > .elementor-item:hover {
  color: #000000 !important;

  background: linear-gradient(
    135deg,
    #f2c95b 0%,
    var(--bonk-gold-light) 42%,
    var(--bonk-gold) 100%
  );

  transform: translateY(-2px);

  box-shadow:
    0 16px 36px rgba(184, 138, 24, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

/* Submenu desktop, caso use futuramente */
.header_bonk .elementor-nav-menu--main .sub-menu {
  margin-top: 14px !important;
  padding: 10px !important;

  background: rgba(8, 8, 8, 0.96) !important;

  border: 1px solid rgba(184, 138, 24, 0.16);
  border-radius: 18px;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.header_bonk .elementor-nav-menu--main .sub-menu .elementor-sub-item {
  padding: 12px 14px !important;

  color: var(--bonk-text) !important;

  border-radius: 12px;

  font-size: 14px;
  font-weight: 600;

  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.header_bonk .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
  color: var(--bonk-white) !important;
  background: rgba(184, 138, 24, 0.12);
}

/* Ícone hamburger/tablet/mobile */
.header_bonk .elementor-menu-toggle {
  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--bonk-white) !important;

  background: rgba(255, 255, 255, 0.055) !important;

  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 999px;

  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.header_bonk .elementor-menu-toggle:hover,
.header_bonk .elementor-menu-toggle.elementor-active {
  background: rgba(184, 138, 24, 0.14) !important;
  border-color: rgba(184, 138, 24, 0.36);

  transform: translateY(-1px);

  box-shadow:
    0 16px 34px rgba(184, 138, 24, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

/* Menu dropdown mobile */
.header_bonk .elementor-nav-menu--dropdown {
  margin-top: 16px !important;
  padding: 14px !important;

  background: rgba(7, 7, 7, 0.98) !important;

  border: 1px solid rgba(184, 138, 24, 0.18);
  border-radius: 22px;

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  overflow: hidden;
}

.header_bonk .elementor-nav-menu--dropdown .elementor-item {
  padding: 15px 16px !important;

  color: rgba(255, 255, 255, 0.78) !important;

  border-radius: 14px;

  font-size: 15px;
  font-weight: 700;

  background: transparent !important;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease;
}

.header_bonk .elementor-nav-menu--dropdown .elementor-item:hover,
.header_bonk .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: var(--bonk-white) !important;
  background: rgba(184, 138, 24, 0.13) !important;
  transform: translateX(3px);
}

/* Último item no mobile como CTA */
.header_bonk .elementor-nav-menu--dropdown .menu-item:last-child > .elementor-item {
  margin-top: 8px;

  justify-content: center;

  color: #050505 !important;

  background: linear-gradient(
    135deg,
    var(--bonk-gold-light) 0%,
    var(--bonk-gold) 100%
  ) !important;

  text-align: center;
  font-weight: 900;

  box-shadow:
    0 14px 30px rgba(184, 138, 24, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* Ajuste desktop grande */
@media (min-width: 1367px) {
  .header_bonk {
    padding-left: 64px;
    padding-right: 64px;
  }

  .header_bonk img {
    max-width: 162px;
  }

  .header_bonk .elementor-nav-menu--main .elementor-item {
    font-size: 15.5px;
    padding: 12px 18px !important;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .header_bonk {
    padding: 16px 28px;
  }

  .header_bonk,
  .header_bonk > .e-con-inner {
    gap: 22px;
  }

  .header_bonk img {
    max-width: 138px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .header_bonk {
    padding: 14px 18px;

    background:
      linear-gradient(180deg, rgba(5, 5, 5, 0.96) 0%, rgba(5, 5, 5, 0.88) 100%);
  }

  .header_bonk,
  .header_bonk > .e-con-inner {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .header_bonk img {
    max-width: 118px;
  }

  .header_bonk .elementor-widget-nav-menu {
    width: auto;
  }

  .header_bonk .elementor-nav-menu--dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 18px;
    left: 18px;

    width: auto !important;
  }
}

/* Mobile pequeno */
@media (max-width: 480px) {
  .header_bonk {
    padding: 12px 14px;
  }

  .header_bonk img {
    max-width: 108px;
  }

  .header_bonk .elementor-menu-toggle {
    width: 42px;
    height: 42px;
  }

  .header_bonk .elementor-nav-menu--dropdown {
    right: 14px;
    left: 14px;
  }
}
/* =========================================================
   BONK - AJUSTE DO MENU RESPONSIVO
   Oculta hamburger no desktop e libera no mobile/tablet
   ========================================================= */

/* Desktop: mostra menu normal e esconde hamburger */
@media (min-width: 1025px) {
  .header_bonk .elementor-menu-toggle {
    display: none !important;
  }

  .header_bonk .elementor-nav-menu--dropdown {
    display: none !important;
  }

  .header_bonk .elementor-nav-menu--main {
    display: block !important;
  }
}

/* Tablet e mobile: permite hamburger */
@media (max-width: 1024px) {
  .header_bonk .elementor-menu-toggle {
    display: flex !important;
  }

  .header_bonk .elementor-nav-menu--main {
    display: none !important;
  }
}

/* =========================================================
   BONK - FOOTER PREMIUM
   Classe no container pai: footer_bonk
   ========================================================= */

:root {
  --bonk-black: #050505;
  --bonk-dark: #0b0b0b;
  --bonk-dark-soft: #121212;
  --bonk-gold: #b88a18;
  --bonk-gold-light: #d6aa35;
  --bonk-gold-deep: #8d6410;
  --bonk-white: #ffffff;
  --bonk-text: rgba(255, 255, 255, 0.74);
  --bonk-muted: rgba(255, 255, 255, 0.50);
  --bonk-border: rgba(255, 255, 255, 0.10);
  --bonk-border-gold: rgba(184, 138, 24, 0.22);
}

/* Trava scroll lateral */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Footer principal */
.footer_bonk {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;

  width: 100%;
  max-width: 100%;

  padding: 0 !important;

  background:
    radial-gradient(circle at 18% 12%, rgba(184, 138, 24, 0.14) 0%, transparent 28%),
    radial-gradient(circle at 82% 88%, rgba(214, 170, 53, 0.10) 0%, transparent 26%),
    linear-gradient(180deg, #050505 0%, #090909 46%, #030303 100%);

  border-top: 1px solid var(--bonk-border-gold);
}

/* Glow fino superior */
.footer_bonk::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: min(92%, 1180px);
  height: 1px;

  transform: translateX(-50%);

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(184, 138, 24, 0.16) 18%,
    rgba(214, 170, 53, 0.68) 50%,
    rgba(184, 138, 24, 0.16) 82%,
    transparent 100%
  );

  pointer-events: none;
}

/* Textura sutil */
.footer_bonk::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);

  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 72%, transparent 100%);

  opacity: 0.22;
}

/* Container superior */
.footer_bonk_top {
  position: relative;
  z-index: 2;

  width: min(100%, 1280px);
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.35fr 0.85fr 1fr 1fr;
  gap: 54px;

  padding: 78px 42px 54px;
}

/* Colunas */
.footer_bonk_brand,
.footer_bonk_nav,
.footer_bonk_solutions,
.footer_bonk_contact {
  min-width: 0;
}

/* Logo */
.footer_bonk img {
  display: block;
  max-width: 150px;
  height: auto;

  margin-bottom: 24px;

  filter:
    drop-shadow(0 0 12px rgba(255, 255, 255, 0.08))
    drop-shadow(0 0 22px rgba(184, 138, 24, 0.12));
}

/* Texto da marca */
.footer_bonk_brand p,
.footer_bonk p {
  max-width: 360px;

  margin: 0 0 24px;

  color: var(--bonk-text);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
}

/* Títulos das colunas */
.footer_bonk h2,
.footer_bonk h3,
.footer_bonk h4,
.footer_bonk .elementor-heading-title {
  margin: 0 0 20px !important;

  color: var(--bonk-white) !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Listas */
.footer_bonk ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer_bonk li {
  margin: 0 0 12px;
}

/* Links gerais */
.footer_bonk a {
  position: relative;

  color: var(--bonk-muted);
  text-decoration: none !important;

  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;

  transition:
    color 0.25s ease,
    transform 0.25s ease,
    opacity 0.25s ease;
}

.footer_bonk a:hover {
  color: var(--bonk-gold-light);
}

/* Links de lista com detalhe */
.footer_bonk_nav a,
.footer_bonk_solutions a,
.footer_bonk_contact a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.footer_bonk_nav a::before,
.footer_bonk_solutions a::before {
  content: "";
  width: 5px;
  height: 5px;

  border-radius: 999px;

  background: rgba(184, 138, 24, 0.46);

  transform: scale(0.8);
  opacity: 0.72;

  transition:
    background 0.25s ease,
    transform 0.25s ease,
    opacity 0.25s ease;
}

.footer_bonk_nav a:hover::before,
.footer_bonk_solutions a:hover::before {
  background: var(--bonk-gold-light);
  transform: scale(1.15);
  opacity: 1;
}

/* Contato */
.footer_bonk_contact strong,
.footer_bonk_contact b {
  display: block;

  margin: 0 0 5px;

  color: rgba(255, 255, 255, 0.88);

  font-size: 13px;
  font-weight: 800;

  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer_bonk_contact p {
  margin-bottom: 16px;
}

/* Botão CTA no footer */
.footer_bonk .elementor-button,
.footer_bonk a.elementor-button,
.footer_bonk .footer_bonk_cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 0 22px !important;

  color: #050505 !important;

  background: linear-gradient(
    135deg,
    var(--bonk-gold-light) 0%,
    var(--bonk-gold) 52%,
    var(--bonk-gold-deep) 100%
  ) !important;

  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 900 !important;

  box-shadow:
    0 14px 34px rgba(184, 138, 24, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.footer_bonk .elementor-button:hover,
.footer_bonk a.elementor-button:hover,
.footer_bonk .footer_bonk_cta a:hover {
  transform: translateY(-2px);

  box-shadow:
    0 18px 42px rgba(184, 138, 24, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

/* Linha inferior */
.footer_bonk_bottom {
  position: relative;
  z-index: 2;

  width: min(100%, 1280px);
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  padding: 26px 42px 34px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Copyright */
.footer_bonk_bottom p,
.footer_bonk_bottom .elementor-widget-text-editor,
.footer_bonk_bottom .elementor-widget-text-editor p {
  margin: 0;

  color: rgba(255, 255, 255, 0.46);

  font-size: 13px;
  line-height: 1.6;
}

/* Links legais */
.footer_bonk_bottom ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;

  margin: 0;
  padding: 0;
}

.footer_bonk_bottom a {
  color: rgba(255, 255, 255, 0.48);

  font-size: 13px;
  font-weight: 600;
}

.footer_bonk_bottom a:hover {
  color: var(--bonk-gold-light);
}

/* Elementos Elementor */
.footer_bonk .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

.footer_bonk .elementor-widget-text-editor {
  color: var(--bonk-text);
}

/* Tablet */
@media (max-width: 1024px) {
  .footer_bonk_top {
    grid-template-columns: 1fr 1fr;
    gap: 42px 36px;

    padding: 64px 32px 46px;
  }

  .footer_bonk_bottom {
    padding: 24px 32px 32px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .footer_bonk_top {
    grid-template-columns: 1fr;
    gap: 34px;

    padding: 56px 22px 40px;
  }

  .footer_bonk img {
    max-width: 132px;
    margin-bottom: 20px;
  }

  .footer_bonk_brand p,
  .footer_bonk p {
    max-width: 100%;
    font-size: 14.5px;
  }

  .footer_bonk_bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    padding: 24px 22px 30px;
  }

  .footer_bonk_bottom ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px 18px;
  }
}

/* Mobile pequeno */
@media (max-width: 480px) {
  .footer_bonk_top {
    padding: 48px 18px 36px;
  }

  .footer_bonk_bottom {
    padding: 22px 18px 28px;
  }

  .footer_bonk h2,
  .footer_bonk h3,
  .footer_bonk h4,
  .footer_bonk .elementor-heading-title {
    font-size: 13px !important;
  }

  .footer_bonk a {
    font-size: 14.5px;
  }
}
/* =========================================================
   BONK - SOCIAL ICONS FOOTER
   Classe no widget de redes sociais: footer_bonk_social
   ========================================================= */

.footer_bonk_social {
  margin-top: 18px;
}

/* Wrapper dos ícones */
.footer_bonk_social .elementor-social-icons-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;

  margin: 0;
  padding: 0;
}

/* Ícone individual */
.footer_bonk_social .elementor-social-icon {
  position: relative;

  width: 42px;
  height: 42px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  color: rgba(255, 255, 255, 0.72) !important;

  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.035) 100%) !important;

  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 999px;

  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  overflow: hidden;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* Glow interno */
.footer_bonk_social .elementor-social-icon::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 50% 0%, rgba(214, 170, 53, 0.28), transparent 58%);

  opacity: 0;

  transition: opacity 0.25s ease;

  pointer-events: none;
}

/* Ícones SVG ou font icon */
.footer_bonk_social .elementor-social-icon i,
.footer_bonk_social .elementor-social-icon svg {
  position: relative;
  z-index: 2;

  width: 17px;
  height: 17px;

  color: currentColor !important;
  fill: currentColor !important;

  transition:
    transform 0.25s ease,
    color 0.25s ease,
    fill 0.25s ease;
}

/* Hover premium */
.footer_bonk_social .elementor-social-icon:hover {
  color: #050505 !important;

  background:
    linear-gradient(135deg, var(--bonk-gold-light) 0%, var(--bonk-gold) 52%, var(--bonk-gold-deep) 100%) !important;

  border-color: rgba(214, 170, 53, 0.46);

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(184, 138, 24, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.footer_bonk_social .elementor-social-icon:hover::before {
  opacity: 1;
}

.footer_bonk_social .elementor-social-icon:hover i,
.footer_bonk_social .elementor-social-icon:hover svg {
  transform: scale(1.06);
}

/* Remove cores padrões de redes sociais do Elementor */
.footer_bonk_social .elementor-social-icon-facebook,
.footer_bonk_social .elementor-social-icon-instagram,
.footer_bonk_social .elementor-social-icon-linkedin,
.footer_bonk_social .elementor-social-icon-x-twitter,
.footer_bonk_social .elementor-social-icon-twitter,
.footer_bonk_social .elementor-social-icon-youtube,
.footer_bonk_social .elementor-social-icon-whatsapp,
.footer_bonk_social .elementor-social-icon-telegram {
  background-color: transparent !important;
}

/* Ajuste mobile */
@media (max-width: 767px) {
  .footer_bonk_social .elementor-social-icons-wrapper {
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer_bonk_social .elementor-social-icon {
    width: 40px;
    height: 40px;
  }

  .footer_bonk_social .elementor-social-icon i,
  .footer_bonk_social .elementor-social-icon svg {
    width: 16px;
    height: 16px;
  }
}
/* =========================================================
   BONK - MODO EDITOR ELEMENTOR
   Força elementos animados a aparecerem dentro do editor
   ========================================================= */

body.elementor-editor-active .bonk-about-text-block,
body.elementor-editor-active .bonk-about-cards-grid,
body.elementor-editor-active .bonk-about-card,
body.elementor-editor-active .bonk-card-content {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

body.elementor-editor-active .bonk-about-card {
  transform: none !important;
}

body.elementor-editor-active [class*="bonk-"] {
  animation-play-state: paused;
}

body.elementor-editor-active .bonk-about-card:hover {
  transform: translateY(-4px) !important;
}
/* =========================================================
   BONK - SEÇÃO 04 / APIs
   Background escuro premium para container pai
   Classe no container pai: bonk_api_section
   ========================================================= */

.bonk_api_section {
  position: relative;
  isolation: isolate;

  overflow: hidden !important;

  width: 100%;
  max-width: 100%;

  padding-top: clamp(96px, 9vw, 150px);
  padding-bottom: clamp(96px, 9vw, 150px);

  background:
    radial-gradient(circle at 18% 18%, rgba(214, 170, 53, 0.13) 0%, transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(23, 53, 31, 0.34) 0%, transparent 30%),
    radial-gradient(circle at 58% 92%, rgba(184, 138, 24, 0.10) 0%, transparent 34%),
    linear-gradient(180deg, #050505 0%, #08090d 42%, #040505 100%);

  border-top: 1px solid rgba(214, 170, 53, 0.16);
  border-bottom: 1px solid rgba(214, 170, 53, 0.10);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 -1px 0 rgba(255, 255, 255, 0.025);
}

/* Mantém o conteúdo acima dos efeitos */
.bonk_api_section > * {
  position: relative;
  z-index: 3;
}

/* Textura/grid tecnológico */
.bonk_api_section::before {
  content: "";
  position: absolute;
  inset: 0;

  z-index: 0;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(214, 170, 53, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214, 170, 53, 0.025) 1px, transparent 1px);

  background-size:
    54px 54px,
    54px 54px,
    162px 162px,
    162px 162px;

  mask-image:
    radial-gradient(circle at 50% 48%, black 0%, black 42%, transparent 78%);

  -webkit-mask-image:
    radial-gradient(circle at 50% 48%, black 0%, black 42%, transparent 78%);

  opacity: 0.34;

  pointer-events: none;
}

/* Glow premium / profundidade */
.bonk_api_section::after {
  content: "";
  position: absolute;

  left: 50%;
  top: 48%;

  width: min(720px, 74vw);
  height: min(720px, 74vw);

  transform: translate(-50%, -50%);

  z-index: 1;

  border-radius: 999px;

  background:
    radial-gradient(circle at 50% 50%,
      rgba(214, 170, 53, 0.18) 0%,
      rgba(184, 138, 24, 0.10) 26%,
      rgba(23, 53, 31, 0.11) 44%,
      transparent 72%
    );

  filter: blur(76px);
  opacity: 0.78;

  pointer-events: none;
}

/* Vinheta elegante nas laterais */
.bonk_api_section .e-con-inner::before {
  content: "";
  position: absolute;
  inset: -80px -120px;

  z-index: -1;

  background:
    linear-gradient(
      90deg,
      rgba(5, 5, 5, 0.92) 0%,
      transparent 18%,
      transparent 82%,
      rgba(5, 5, 5, 0.92) 100%
    );

  pointer-events: none;
}

/* Linha dourada superior sutil */
.bonk_api_section .e-con-inner::after {
  content: "";
  position: absolute;

  top: -40px;
  left: 0;

  width: min(420px, 42%);
  height: 1px;

  background:
    linear-gradient(
      90deg,
      rgba(214, 170, 53, 0.78) 0%,
      rgba(184, 138, 24, 0.32) 44%,
      transparent 100%
    );

  box-shadow:
    0 0 22px rgba(214, 170, 53, 0.22),
    0 0 48px rgba(184, 138, 24, 0.10);

  pointer-events: none;
}

/* Ajustes no container interno do Elementor */
.bonk_api_section > .e-con-inner {
  position: relative;
  z-index: 3;

  width: min(100%, 1280px);
}

/* Segurança contra scroll lateral */
.bonk_api_section,
.bonk_api_section * {
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .bonk_api_section {
    padding-top: 92px;
    padding-bottom: 110px;
  }

  .bonk_api_section::before {
    background-size:
      46px 46px,
      46px 46px,
      138px 138px,
      138px 138px;

    opacity: 0.28;
  }

  .bonk_api_section::after {
    width: 620px;
    height: 620px;

    filter: blur(68px);
    opacity: 0.62;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .bonk_api_section {
    padding-top: 76px;
    padding-bottom: 88px;

    background:
      radial-gradient(circle at 20% 14%, rgba(214, 170, 53, 0.14) 0%, transparent 34%),
      radial-gradient(circle at 88% 30%, rgba(23, 53, 31, 0.30) 0%, transparent 36%),
      linear-gradient(180deg, #050505 0%, #08090d 48%, #040505 100%);
  }

  .bonk_api_section::before {
    background-size:
      38px 38px,
      38px 38px,
      114px 114px,
      114px 114px;

    opacity: 0.22;

    mask-image:
      radial-gradient(circle at 50% 38%, black 0%, black 38%, transparent 76%);

    -webkit-mask-image:
      radial-gradient(circle at 50% 38%, black 0%, black 38%, transparent 76%);
  }

  .bonk_api_section::after {
    top: 34%;

    width: 420px;
    height: 420px;

    filter: blur(56px);
    opacity: 0.52;
  }

  .bonk_api_section .e-con-inner::after {
    top: -28px;
    width: 220px;
  }
}/* End custom CSS */