.elementor-245 .elementor-element.elementor-element-98a2b2e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-f65b12e *//* Container do menu: fixo à direita, itens LADO A LADO */
.menu-rail{
  position: fixed;
  top: 0; right: 0;
  height: 100vh;
  display: flex;                 /* <-- lado a lado */
  flex-direction: row;           /* importante */
  
  z-index: 99999;
}

/* Cada faixa (caixa) 100% da altura, ~56px de largura */
.vcol{
  width: 56px;
  height: 100vh;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  background: rgba(7,18,16,.35);                           /* opcional */
  border-left: 1px solid rgba(255,255,255,.08);
  border-right: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
  transition: background .2s ease, opacity .2s ease;
}

/* Texto na vertical */
.vlabel{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: .35em;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1;
  color: #DFE6E3;
}

/* Hover/ativo */
.vcol:hover{ background: rgba(7,18,16,.55); }
.vcol.is-active{ background: rgba(7,18,16,.7); }

/* Opcional: esconder em mobile */
@media (max-width:1024px){ .menu-rail{ display:none; } }


/* ===== Scrollbar minimal site-wide ===== */

/* Paleta (ajuste se quiser) */
:root{
  --sb-bg: rgba(255,255,255,.06);   /* trilho */
  --sb-thumb: rgba(255,255,255,.28);/* polegar */
  --sb-thumb-hover: rgba(255,255,255,.45);
}

/* Alvos com rolagem: página e contêineres internos */


/* --- Chrome/Edge/Safari (WebKit) --- */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.fp-overflow::-webkit-scrollbar,
.is-scrollable::-webkit-scrollbar,
.elementor-widget-text-editor::-webkit-scrollbar{
  width: 8px;                 /* largura vertical */
  height: 8px;                /* altura horizontal */
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.fp-overflow::-webkit-scrollbar-track,
.is-scrollable::-webkit-scrollbar-track,
.elementor-widget-text-editor::-webkit-scrollbar-track{
  background: transparent;    /* trilho discreto */
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.fp-overflow::-webkit-scrollbar-thumb,
.is-scrollable::-webkit-scrollbar-thumb,
.elementor-widget-text-editor::-webkit-scrollbar-thumb{
  background-color: var(--sb-thumb);
  border-radius: 8px;
  border: 2px solid transparent; /* cria “respiro” */
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.fp-overflow::-webkit-scrollbar-thumb:hover,
.is-scrollable::-webkit-scrollbar-thumb:hover,
.elementor-widget-text-editor::-webkit-scrollbar-thumb:hover{
  background-color: var(--sb-thumb-hover);
}

/* cantinho das scrollbars cruzadas */
::-webkit-scrollbar-corner { background: transparent; }

/* --- Firefox --- */
html, body,
.fp-overflow,
.is-scrollable,
.elementor-widget-text-editor{
  scrollbar-width: thin;                       /* thin | auto | none */
  scrollbar-color: var(--sb-thumb) transparent;/* thumb | track */
}

/* (Opcional) esconder totalmente em mobile para visual mais limpo */
@media (max-width: 1024px){
  html, body { scrollbar-width: none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar{ display: none; }
}/* End custom CSS */