.elementor-281 .elementor-element.elementor-element-2292b50{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-17147f7 *//* ===================== */
/*  MENU MOBILE (<=1024) */
/* ===================== */
@media (max-width:1024px){

  #sb{ display:none !important; }
  html, body { margin-left:0 !important; padding-left:0 !important; }

 /* Botão hambúrguer (reduzido) */
.mnav-toggle{
  position: fixed;
  top: 16px; right: 16px;
  width: 46px; height: 46px;          /* antes era 56x56 */
  border-radius: 12px;                /* reduzido pra combinar */
  border: none;
  background: #FF2C2C !important;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 4px;                           /* espaçamento proporcional */
  box-shadow: 0 6px 22px rgba(255,44,44,.35);
  z-index: 10055;
  cursor: pointer;
  transition: all .3s ease;
}
.mnav-toggle span{
  display:block;
  width:20px; height:2px;             /* barras levemente menores */
  background:#fff;
  border-radius:2px;
  transition: all .3s ease;
}
body.mnav-open .mnav-toggle span:nth-child(1){
  transform: translateY(6px) rotate(45deg);
}
body.mnav-open .mnav-toggle span:nth-child(2){
  opacity: 0;
}
body.mnav-open .mnav-toggle span:nth-child(3){
  transform: translateY(-6px) rotate(-45deg);
}

  }
  /* animação do X */
  body.mnav-open .mnav-toggle span:nth-child(1){
    transform: translateY(8px) rotate(45deg);
  }
  body.mnav-open .mnav-toggle span:nth-child(2){
    opacity: 0;
  }
  body.mnav-open .mnav-toggle span:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
  }

  /* Painel lateral */
  .mnav-panel{
    position: fixed;
    top:0; left:0;
    height:100vh;
    width: min(74vw, 280px);
    background:#0B0B0B;
    transform: translateX(-100%);
    transition: transform .35s ease;
    z-index: 10045;
    padding: 14px 14px 18px;
    display:flex; flex-direction:column; gap:10px;
    box-shadow: 12px 0 24px rgba(0,0,0,.4);
  }
  body.mnav-open .mnav-panel{ transform: translateX(0); }

  /* Fundo clicável */
  .mnav-backdrop{
    position: fixed; inset:0;
    background: transparent !important;
    z-index:10040; display:block;
  }
  .mnav-backdrop[hidden]{ display:none !important; }

  /* Itens do menu */
  .mnav-item{
    display:flex; align-items:center; gap:10px;
    color:#FFFFFF; text-decoration:none;
    background: transparent;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 15px;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease;
  }
  .mnav-item .ico svg{ display:block; color:#fff; fill:currentColor; }
  .mnav-item:hover{ background:#141414; }
  .mnav-item.is-active{
    background:#FF2C2C; color:#fff;
    box-shadow:0 10px 22px rgba(255,44,44,.35);
  }

  body.mnav-open{ overflow:hidden; }
}

/* ============================= */
/*  ESCONDE O MENU MOBILE NO DESKTOP */
/* ============================= */
@media (min-width:1025px){
  .mnav-toggle,
  .mnav-panel,
  .mnav-backdrop { 
    display: none !important; 
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  body.mnav-open { overflow:auto !important; }
}

/* ============================= */
/* REMOVE BARRA PRETA SUPERIOR */
/* ============================= */
html, body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background-color: #0B0B0B !important;
}
.elementor-location-header {
  background: transparent !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS */:root { --sbw: 260px; }           /* largura padrão do menu */
body { padding-left: var(--sbw); } /* empurra o conteúdo p/ não ficar sob o menu */

.side-nav {
  position: fixed;
  inset: 0 auto 0 0;              /* top:0; left:0; bottom:0 */
  width: 260px;
  background: #0f0f0f;
  border-right: 1px solid #1d1d1d;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 10px;
  color: #eaeaea;
  transition: width .25s ease;
}

.side-nav .sb-toggle{
  background: #161616;
  border: 1px solid #232323;
  border-radius: 10px;
  width: 44px; height: 44px;
  display:flex; align-items:center; justify-content:center;
  cursor: pointer;
  margin-bottom: 10px;
}

.side-nav .sb-item{
  display:flex; align-items:center; gap:12px;
  text-decoration:none;
  color:#eaeaea;
  padding: 12px 10px;
  border-radius: 10px;
  transition: transform .15s ease, background .2s ease, box-shadow .2s ease;
  position: relative;
}

.side-nav .sb-item:hover{
  background: linear-gradient(145deg, rgba(255,44,44,0.12) 0%, rgba(255,44,44,0.04) 100%);
  box-shadow: 0 8px 22px rgba(255,44,44,.15), inset 0 1px 0 rgba(255,255,255,.05);
  transform: translateY(-1px);
}

.side-nav .sb-item.active{
  background: linear-gradient(145deg, rgba(255,44,44,0.35) 0%, rgba(255,44,44,0.12) 100%);
  border: 1px solid rgba(255,44,44,0.55);
  box-shadow: 0 10px 28px rgba(255,44,44,.25), inset 0 1px 0 rgba(255,255,255,.06);
}

.side-nav .sb-ico { width: 22px; height: 22px; display:inline-flex; align-items:center; justify-content:center; }
.side-nav .sb-txt { font-weight: 700; letter-spacing: .2px; }

.side-nav.collapsed { width: 76px; }
.side-nav.collapsed .sb-txt { display: none; }/* End custom CSS */