.elementor-75 .elementor-element.elementor-element-531982d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5acb2a4 *//* ══ TOKENS ══ */
:root {
  --ouro:       #C9A84C;
  --ouro-l:     #E2C070;
  --ouro-d:     #A8852E;
  --ouro-glow:  rgba(201,168,76,.15);
  --ouro-borda: rgba(201,168,76,.3);
  --grafite:    #1C1C2E;
  --grafite-2:  #2A2A3E;
  --cinza-off:  #F5F5F7;
  --cinza-b:    #E0E0E6;
  --texto-sub:  #55556A;
  --branco:     #FFFFFF;
  --wpp:        #25D366;
  --wpp-d:      #1DAA56;
  --max-w:      1140px;
  --r:          12px;
  --r-lg:       20px;
  --nav-h:      70px;
  --sh:         0 4px 24px rgba(0,0,0,.08);
  --sh-lg:      0 8px 40px rgba(0,0,0,.14);
  --ease:       .22s cubic-bezier(.4,0,.2,1);
}

.vp-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h); background: var(--grafite); border-bottom: 1px solid var(--ouro-borda); transition: box-shadow var(--ease); }
.vp-nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,.35); }
.vp-nav__inner { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.vp-nav__logo { height: auto; max-height: 36px; width: auto; max-width: 160px; object-fit: contain; flex-shrink: 0; }
.vp-nav__menu { display: flex; align-items: center; gap: 2px; list-style: none; }
.vp-nav__item { position: relative; }
.vp-nav__link { display: flex; align-items: center; gap: 5px; padding: 8px 12px; font-size: .8rem; font-weight: 600; color: rgba(255,255,255,.8); text-decoration: none; border-radius: 8px; transition: all var(--ease); cursor: pointer; background: none; border: none; white-space: nowrap; }
.vp-nav__link svg { transition: transform var(--ease); flex-shrink: 0; color: rgba(255,255,255,.8); }
.vp-nav__link:hover, .vp-nav__link.active { background: var(--ouro-glow); color: var(--ouro-l); }

.vp-nav__wpp { display: inline-flex; align-items: center; gap: 7px; background: var(--wpp); color: #fff; font-size: .8rem; font-weight: 700; padding: 9px 16px; border-radius: 50px; text-decoration: none; white-space: nowrap; flex-shrink: 0; box-shadow: 0 4px 16px rgba(37,211,102,.35); transition: all var(--ease); }
.vp-nav__wpp:hover { background: var(--wpp-d); transform: translateY(-1px); }
.vp-nav__toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; }
.vp-nav__toggle span { display: block; width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: all var(--ease); }
.vp-nav__mobile { display: none; position: fixed; top: var(--nav-h); left: 0; right: 0; background: var(--grafite); border-bottom: 1px solid var(--ouro-borda); padding: 16px 24px 20px; box-shadow: var(--sh-lg); z-index: 99; max-height: calc(100vh - var(--nav-h)); overflow-y: auto; }
.vp-nav__mobile.open { display: block; }
.vp-nav__mobile-links { display: flex; flex-direction: column; gap: 2px; }
.vp-nav__mobile-links a { padding: 9px 12px; font-size: .84rem; font-weight: 500; color: rgba(255,255,255,.75); text-decoration: none; border-radius: 8px; transition: background var(--ease); }
.vp-nav__mobile-links a:hover { background: var(--ouro-glow); color: var(--ouro-l); }
.vp-nav__mobile-wpp { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--wpp); color: #fff; font-size: .9rem; font-weight: 700; padding: 13px; border-radius: 50px; text-decoration: none; margin-top: 10px; box-shadow: 0 4px 16px rgba(37,211,102,.35); }


/* ══ FOOTER ══ */
.vp-footer { background: var(--grafite); border-top: 1px solid rgba(255,255,255,.06); padding: 36px 0; }
.vp-footer__inner { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.vp-footer__logo { height: auto; max-height: 38px; width: auto; max-width: 160px; object-fit: contain; filter: brightness(0) invert(1); opacity: .7; }
.vp-footer__text p { color: rgba(255,255,255,.32); font-size: .74rem; line-height: 1.7; }

/* ══ WA FLOAT ══ */
.vp-wa-float { position: fixed; bottom: 26px; right: 26px; z-index: 999; display: flex; align-items: center; gap: 9px; background: var(--wpp); color: #fff; border-radius: 50px; padding: 13px 19px 13px 15px; box-shadow: 0 8px 30px rgba(37,211,102,.55); font-size: .85rem; font-weight: 700; text-decoration: none; animation: vpSlideIn .8s .5s both; transition: all var(--ease); white-space: nowrap; }
.vp-wa-float:hover { background: var(--wpp-d); transform: scale(1.05) translateY(-3px); }
.vp-wa-float__pulse { position: absolute; inset: -8px; background: var(--wpp); border-radius: 50px; opacity: 0; z-index: -1; animation: vpPulse 2.5s ease-out 1.5s infinite; }
.vp-wa-badge { position: absolute; top: -6px; right: -6px; width: 19px; height: 19px; background: #ff3b30; border-radius: 50%; font-size: .65rem; font-weight: 800; display: flex; align-items: center; justify-content: center; color: #fff; opacity: 0; transform: scale(0); transition: all .3s cubic-bezier(.34,1.56,.64,1); }
.vp-wa-badge.show { opacity: 1; transform: scale(1); }/* End custom CSS */