.elementor-26183 .elementor-element.elementor-element-b61f021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26183 .elementor-element.elementor-element-4cbf019 > .elementor-widget-container{background-color:#02010100;}/* Start custom CSS for html, class: .elementor-element-4cbf019 *//* ===============================
   COMPENSAÇÃO DO HEADER FIXO
================================ */
body {
  padding-top: 90px;
}

body.admin-bar {
  padding-top: 122px;
}

/* ===============================
   HEADER BASE
================================ */
.custom-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  background: transparent;
  padding: 14px 32px;

  transition:
    background .35s ease,
    padding .35s ease,
    backdrop-filter .35s ease;
}

/* Admin bar */
body.admin-bar .custom-header {
  top: 32px;
}

/* ===============================
   HEADER AO ROLAR
================================ */
.custom-header.scrolled {
  background: #0E0D06;
  padding: 8px 32px;
}

/* ===============================
   LAYOUT
================================ */
.header-inner {
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ===============================
   LOGO
================================ */
.logo img {
  height: 55px;
  transition: height .3s ease;
}

.custom-header.scrolled .logo img {
  height: 48px;
}

/* ===============================
   MENU DESKTOP
================================ */
.desktop-menu {
  display: flex;
  gap: 28px;
}

.desktop-menu a {
  text-decoration: none;
  color: #DCA54A;
  font-weight: 600;
  font-size: 1.05rem;
  position: relative;
}

.desktop-menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: #DCA54A;
  transition: width .3s ease;
}

.desktop-menu a:hover::after {
  width: 100%;
}

/* ===============================
   ÍCONES
================================ */
.header-icons {
  display: flex;
  align-items: center;
  gap: 22px;
}

/* ===============================
   BOTÃO LUPA
================================ */
.search-open-btn {
  background: transparent !important;
  border: none !important;
  padding: 6px;
  cursor: pointer;

  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* ===============================
   BOTÃO HAMBÚRGUER
   (ESCONDIDO NO DESKTOP)
================================ */
.menu-toggle {
  display: none; /* 👈 ajuste principal */
  background: transparent !important;
  border: none !important;
  padding: 6px !important;
  margin: 0 !important;

  color: #DCA54A !important;
  font-size: 2rem;
  cursor: pointer;

  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.menu-toggle:focus,
.menu-toggle:active {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.menu-toggle::-moz-focus-inner {
  border: 0 !important;
}

/* Hover suave desktop */
@media (hover: hover) {
  .menu-toggle:hover {
    opacity: 0.85;
    transform: scale(1.05);
  }
}

/* ===============================
   MENU MOBILE / LATERAL
================================ */
.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 320px;
  height: 100vh;

  background: #0E0D06;
  padding: 32px 26px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;

  z-index: 99999;
  transition: left .35s ease;
}

.mobile-menu.open {
  left: 0;
}

/* LOGO NO MENU LATERAL */
.mobile-menu .logo {
  margin-bottom: 24px;
}

.mobile-menu .logo img {
  height: 48px;
}

/* BOTÃO FECHAR */
.menu-close {
  align-self: flex-end;
  background: transparent;
  border: none;
  font-size: 26px;
  color: #DCA54A;
  cursor: pointer;
}

/* LINKS MENU MOBILE */
.mobile-menu a {
  color: #DCA54A;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
}

/* ===============================
   POPUP BUSCA
================================ */
.asl-search-popup {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 150000;
}

.asl-search-popup[aria-hidden="false"] {
  display: flex;
}

/* FUNDO ESCURO */
.asl-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(6px);
}

/* CONTAINER BUSCA */
.asl-popup-inner {
  position: relative;
  background: #0b0b0b;
  padding: 28px;
  width: 90%;
  max-width: 540px;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
}

/* INPUT BUSCA */
.asl-popup-inner input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(220,165,74,.35);
  background: transparent;
  color: #DCA54A;
  font-size: 1rem;
  outline: none;
}

/* RESULTADOS */
.asl-search-results {
  list-style: none;
  margin-top: 16px;
  padding: 0;
}

.asl-search-results li a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: #DCA54A;
  text-decoration: none;
}

.asl-search-results li a:hover {
  background: rgba(220,165,74,.12);
}

/* BOTÃO FECHAR BUSCA */
.asl-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  font-size: 28px;
  color: #DCA54A;
  cursor: pointer;
}

/* ===============================
   RESPONSIVO (TABLET / MOBILE)
================================ */
@media(max-width:1024px){
  .desktop-menu {
    display: none;
  }

  .menu-toggle {
    display: block;
  }
}

/* Admin bar mobile */
@media (max-width: 782px) {
  body.admin-bar {
    padding-top: 136px;
  }

  body.admin-bar .custom-header {
    top: 46px;
  }
}/* End custom CSS */