.elementor-2886 .elementor-element.elementor-element-0b3c3c8{--display:flex;}.elementor-2886 .elementor-element.elementor-element-799978b{--display:flex;}.elementor-2886 .elementor-element.elementor-element-a6d2f66{--display:flex;}.elementor-2886 .elementor-element.elementor-element-11f03ed{--display:flex;}.elementor-2886 .elementor-element.elementor-element-b12dd6b{--display:flex;}.elementor-2886 .elementor-element.elementor-element-e080436 .elementor-icon-box-wrapper{gap:15px;}.elementor-2886 .elementor-element.elementor-element-79f6726 .elementor-icon-box-wrapper{gap:15px;}.elementor-2886 .elementor-element.elementor-element-0950849 .elementor-icon-box-wrapper{gap:15px;}.elementor-2886 .elementor-element.elementor-element-a012f98{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-2886 .elementor-element.elementor-element-fee8861 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2886 .elementor-element.elementor-element-fee8861 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2886 .elementor-element.elementor-element-fee8861{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2886 .elementor-element.elementor-element-fee8861 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2886 .elementor-element.elementor-element-9f8b24c{--display:flex;}#elementor-popup-modal-2886 .dialog-widget-content{animation-duration:0.2s;background-color:#FFFFFF00;border-style:none;}#elementor-popup-modal-2886 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-2886{justify-content:center;align-items:center;}@media(max-width:767px){.elementor-2886 .elementor-element.elementor-element-0b3c3c8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2886 .elementor-element.elementor-element-799978b{--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;--justify-content:space-between;}.elementor-2886 .elementor-element.elementor-element-a6d2f66{--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;}#elementor-popup-modal-2886{align-items:flex-start;}}/* Start custom CSS *//* ============================================================
   GTOit — MENU MOBILE (SHEET)  ·  v8.0
   CTA em superfície neutra com borda índigo (direção C)
   ============================================================ */

/* ------------------------------------------------------------
   0. Casca do Elementor — é ela quem rola
   ------------------------------------------------------------ */

.elementor-popup-modal:has(.gtom-sheet) .dialog-widget-content,
.elementor-popup-modal:has(.gtom-sheet) .dialog-message {
  width: 100vw !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: none !important;
  scrollbar-width: none;
}

.elementor-popup-modal:has(.gtom-sheet) .dialog-widget-content::-webkit-scrollbar,
.elementor-popup-modal:has(.gtom-sheet) .dialog-message::-webkit-scrollbar {
  display: none;
}

/* ------------------------------------------------------------
   0.1. Cadeia entre o contêiner que rola e o sheet
   Qualquer vão aqui faz a barra sticky percorrer esse espaço
   antes de grudar em top:0.
   ------------------------------------------------------------ */

.elementor-popup-modal:has(.gtom-sheet) .dialog-message > *,
.elementor-popup-modal:has(.gtom-sheet) .dialog-message > * > *,
.elementor-popup-modal:has(.gtom-sheet) .elementor,
.elementor-popup-modal:has(.gtom-sheet) .elementor > .elementor-element {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

.gtom-sheet > *:first-child {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------
   1. Casca do sheet + tokens locais
   Sem padding-top: o recuo do topo mora na barra, para viajar
   junto com ela quando gruda.
   ------------------------------------------------------------ */

.gtom-sheet {
  /* Espelho da barra mobile: padding do .gtom-wrap (12px)
     + --gtom-inset do .gtom-shell (18px)
     + 1px da borda transparente do .gtom-shell.            */
  --gtom-inset: 31px;

  /* Linha de centro dos controles da direita (X e chevrons),
     medida a partir da borda direita da tela. Governa os dois. */
  --gtom-rail: 41px;

  /* Espelha o --gtom-wrap-pad da barra do header. Se o logo
     ficar desalinhado na vertical, ajuste SÓ este número.   */
  --gtom-top-offset: 10px;

  --gtom-shell-h: 58px;
  --gtom-logo-h: 22px;
  --gtom-row-h: 52px;

  --gtom-bg: #0A0C11;
  --gtom-veil: rgba(255, 255, 255, 0.008);
  --gtom-raised: #141620;

  --gtom-ink: #F8FAFC;
  --gtom-ink-2: rgba(248, 250, 252, 0.56);
  --gtom-ink-3: rgba(248, 250, 252, 0.58);
  --gtom-ink-chevron: rgba(248, 250, 252, 0.64);

  --gtom-indigo: var(--gto-brand-indigo, #3D21C1);
  --gtom-indigo-soft: var(--gto-brand-indigo-soft, #6D5DF6);
  --gtom-press: rgba(109, 93, 246, 0.055);

  --gtom-font: "Plus Jakarta Sans", system-ui, sans-serif;

  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  background:
    linear-gradient(180deg, var(--gtom-veil), transparent 320px),
    var(--gtom-bg) !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

/* ------------------------------------------------------------
   1.1. Pintura de SVG — regra única do sistema
   SVG sem atributo fill (biblioteca do Elementor) nasce PRETO:
   o valor inicial de fill é black, não currentColor.
   SVG de traço traz fill="none" na raiz e não é alcançado aqui.
   Flaticon com fill cravado nos paths: editar o arquivo.
   ------------------------------------------------------------ */

.gtom-sheet svg:not([fill]) {
  fill: currentColor;
}

/* ------------------------------------------------------------
   2. Barra superior — fixa ao rolar
   Altura = shell + recuo em cima e embaixo, para o logo ficar
   centrado sem perder a coordenada do logo do header.
   O fundo repete o gradiente do sheet: como a barra nasce no
   topo, a origem coincide e as cores batem exatamente.
   ------------------------------------------------------------ */

.gtom-sheet .gtom-sheet-top {
  position: sticky !important;
  top: 0;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(
    var(--gtom-shell-h) + (var(--gtom-top-offset) * 2) + env(safe-area-inset-top)
  ) !important;
  padding:
    calc(var(--gtom-top-offset) + env(safe-area-inset-top))
    var(--gtom-inset)
    var(--gtom-top-offset) !important;
  margin: 0 !important;
  gap: 0 !important;
  background:
    linear-gradient(180deg, var(--gtom-veil), transparent 320px),
    var(--gtom-bg) !important;
  border: 0 !important;
  z-index: 10;
}

/* Logotipo do Site */
.gtom-sheet .gtom-brand,
.gtom-sheet .gtom-brand .elementor-widget-container,
.gtom-sheet .gtom-brand .elementor-image,
.gtom-sheet .gtom-brand a {
  display: flex !important;
  align-items: center;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.gtom-sheet .gtom-brand img {
  display: block;
  height: var(--gtom-logo-h) !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}

/* ------------------------------------------------------------
   2.1. Botão de fechar — X desenhado em CSS
   O wrapper do widget também precisa ser flex centrado: sem
   isso a barra centraliza o wrapper e o botão flutua dentro.
   ------------------------------------------------------------ */

.gtom-sheet .gtom-close,
.gtom-sheet .gtom-close .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gtom-sheet .gtom-close .elementor-button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  min-width: 0 !important;
  padding: 0 !important;
  /* Centro do botão na linha do --gtom-rail */
  margin: 0 calc(var(--gtom-rail) - var(--gtom-inset) - 20px) 0 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: var(--gto-radius-md, 6px) !important;
  color: rgba(248, 250, 252, 0.86) !important;
  box-shadow: none !important;
  touch-action: manipulation;
  animation: gtomCloseIn 300ms cubic-bezier(0.32, 0.72, 0, 1) both;
  transition: background-color 180ms ease-out !important;
}

.gtom-sheet .gtom-close .elementor-button-icon,
.gtom-sheet .gtom-close .elementor-button-content-wrapper {
  display: none !important;
}

.gtom-sheet .gtom-close .elementor-button::before,
.gtom-sheet .gtom-close .elementor-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 1.8px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);
}

.gtom-sheet .gtom-close .elementor-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.gtom-sheet .gtom-close .elementor-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.gtom-sheet .gtom-close .elementor-button:active {
  transition-duration: 0s !important;
  color: var(--gtom-ink) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.gtom-sheet .gtom-close .elementor-button:active::before {
  transition-duration: 0s;
  transform: translate(-50%, -50%) rotate(45deg) scaleX(0.78);
}

.gtom-sheet .gtom-close .elementor-button:active::after {
  transition-duration: 0s;
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(0.78);
}

@keyframes gtomCloseIn {
  from { opacity: 0; transform: rotate(-90deg) scale(0.7); }
  to   { opacity: 1; transform: rotate(0deg) scale(1); }
}

/* ------------------------------------------------------------
   3. Corpo — em fluxo. Quem rola é a casca do popup.
   ------------------------------------------------------------ */

.gtom-sheet .gtom-sheet-body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 26px 0 calc(44px + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

/* ============================================================
   4. SANFONA
   ============================================================ */

.gtom-sheet .gtom-acc {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto;
}

.gtom-sheet .gtom-acc .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   4.1. Cabeçalho da categoria — mono caixa-alta (chrome de nav,
   mesma linguagem do header desktop). 19px sans → 17px mono,
   mesma proporção de redução já usada no header (~8%, compensa
   o mono "pesar" mais na mesma altura).
   ------------------------------------------------------------ */

.gtom-sheet .gtom-acc .e-n-accordion-item-title {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: var(--gtom-row-h) !important;
  padding: 0 calc(var(--gtom-rail) + 18px) 0 var(--gtom-inset) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  list-style: none;
  touch-action: manipulation;
  transition: background-color 180ms ease-out;
}

.gtom-sheet .gtom-acc .e-n-accordion-item-title::-webkit-details-marker,
.gtom-sheet .gtom-acc .e-n-accordion-item-title::marker {
  display: none;
  content: "";
}

.gtom-sheet .gtom-acc .e-n-accordion-item-title-header {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item-title-text,
.gtom-sheet .gtom-acc .e-n-accordion-item-title-text * {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--gtom-ink-3) !important;
  margin: 0 !important;
  transition: color 200ms ease-out;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .e-n-accordion-item-title-text,
.gtom-sheet .gtom-acc .e-n-accordion-item[open] .e-n-accordion-item-title-text * {
  color: var(--gtom-ink) !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item-title:active {
  transition-duration: 0s;
  background: rgba(255, 255, 255, 0.022) !important;
}

/* ------------------------------------------------------------
   4.2. Chevron desenhado em CSS
   Centro na mesma linha do X: --gtom-rail menos metade da
   largura do losango.
   ------------------------------------------------------------ */

.gtom-sheet .gtom-acc .e-n-accordion-item-title-icon {
  display: none !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--gtom-rail) - 4.5px);
  width: 9px;
  height: 9px;
  border-right: 1.8px solid var(--gtom-ink-chevron);
  border-bottom: 1.8px solid var(--gtom-ink-chevron);
  transform: translate(0, -50%) rotate(-45deg);
  transform-origin: center;
  transition:
    transform 220ms cubic-bezier(0.32, 0.72, 0, 1),
    border-color 180ms ease-out;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .e-n-accordion-item-title::after {
  transform: translate(0, -70%) rotate(45deg);
  border-right-color: var(--gtom-indigo-soft);
  border-bottom-color: var(--gtom-indigo-soft);
}

/* ------------------------------------------------------------
   4.3. Conteúdo — largura explícita, sem padding nem overflow
   ------------------------------------------------------------ */

.gtom-sheet .gtom-acc .e-n-accordion-item-content {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  background: transparent !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item-content > .e-con,
.gtom-sheet .gtom-acc .e-n-accordion-item-content > div {
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

/* ------------------------------------------------------------
   4.4. BLINDAGEM
   Mantém o painel aberto visível, independente da altura que o
   JS do widget escreva. Sem opacity aqui: um !important em
   opacity anularia a animação de entrada do bloco 4.5.
   ------------------------------------------------------------ */

.gtom-sheet .gtom-acc .e-n-accordion-item[open] > .e-n-accordion-item-content,
.gtom-sheet .gtom-acc details[open] > .e-n-accordion-item-content {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  visibility: visible !important;
  overflow: visible !important;
  display: block !important;
  clip-path: none !important;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] > .e-n-accordion-item-content > *,
.gtom-sheet .gtom-acc details[open] > .e-n-accordion-item-content > * {
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
}

/* ------------------------------------------------------------
   4.5. Entrada do painel — rápida e discreta
   ------------------------------------------------------------ */

.gtom-sheet .gtom-acc .e-n-accordion-item[open] > .e-n-accordion-item-content > * {
  animation: gtomPanelIn 200ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .gtom-item {
  animation: gtomItemIn 220ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .gtom-item:nth-child(2) {
  animation-delay: 40ms;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .gtom-item:nth-child(3) {
  animation-delay: 80ms;
}

.gtom-sheet .gtom-acc .e-n-accordion-item[open] .gtom-item:nth-child(4) {
  animation-delay: 120ms;
}

@keyframes gtomPanelIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes gtomItemIn {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ------------------------------------------------------------
   4.6. Eyebrow da categoria — primeiro filho do gtom-list
   ------------------------------------------------------------ */

.gtom-sheet .gtom-eyebrow,
.gtom-sheet .gtom-eyebrow * {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(248, 250, 252, 0.44) !important;
  margin: 0 !important;
}

.gtom-sheet .gtom-eyebrow {
  flex: 0 0 auto !important;
  order: -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px var(--gtom-inset) 18px !important;
}

/* ============================================================
   5. LISTA DE ITENS
   ============================================================ */

.gtom-sheet .gtom-list {
  counter-reset: gtomitem;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0 20px !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.gtom-sheet .gtom-item {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  padding: 15px var(--gtom-inset) !important;
  cursor: pointer;
  background: transparent;
  transition: background-color 180ms ease-out;
}

.gtom-sheet .gtom-item > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Barra índigo — indicador de posição, só no toque */
.gtom-sheet .gtom-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: var(--gtom-indigo);
  opacity: 0;
  transition: opacity 180ms ease-out;
}

.gtom-sheet .gtom-item .elementor-icon-box-wrapper {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  column-gap: 0;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left;
  margin: 0 !important;
}

/* Numeração automática 01 / 02 / 03 */
.gtom-sheet .gtom-item .elementor-icon-box-wrapper::before {
  counter-increment: gtomitem;
  content: counter(gtomitem, decimal-leading-zero);
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--gtom-indigo-soft);
}

/* Variante Empresa — ícone no lugar do número */
.gtom-sheet .gtom-mark .elementor-icon-box-wrapper::before {
  content: none;
}

.gtom-sheet .gtom-mark .elementor-icon-box-icon {
  grid-column: 1;
  align-self: start !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
}

/* Só cor e tamanho — a pintura vem da regra 1.1 */
.gtom-sheet .gtom-mark .elementor-icon-box-icon svg,
.gtom-sheet .gtom-mark .elementor-icon-box-icon i {
  width: 17px !important;
  height: 17px !important;
  font-size: 17px !important;
  color: var(--gtom-indigo-soft) !important;
}

/* min-width:0 impede o colapso da coluna para min-content */
.gtom-sheet .gtom-item .elementor-icon-box-content {
  grid-column: 2;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0 !important;
  width: 100% !important;
  text-align: left;
}

/* Sem flex aqui — o selo global .gto-status-* entra como ::after
   inline e precisa do fluxo de texto normal.                     */
.gtom-sheet .gtom-item .elementor-icon-box-title {
  width: 100% !important;
  font-family: var(--gtom-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.010em !important;
  color: var(--gtom-ink) !important;
  margin: 0 !important;
}

.gtom-sheet .gtom-item .elementor-icon-box-title a {
  font: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Área de toque = linha inteira */
.gtom-sheet .gtom-item .elementor-icon-box-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Posição do selo global — a aparência vem do utilitário */
.gtom-sheet .gtom-item .elementor-icon-box-title::after {
  transform: none !important;
  vertical-align: middle !important;
  position: relative;
  top: -1px;
  margin-left: 8px !important;
}

.gtom-sheet .gtom-item .elementor-icon-box-description {
  width: 100% !important;
  font-family: var(--gtom-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--gtom-ink-2) !important;
  margin: 0 !important;
}

.gtom-sheet .gtom-meta {
  display: block;
  margin-top: 7px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gtom-indigo-soft);
}

/* ------------------------------------------------------------
   5.1. Toque — fundo e barra índigo, entrada 0ms
   ------------------------------------------------------------ */

.gtom-sheet .gtom-item:active,
.gtom-sheet .gtom-item:has(a:active) {
  transition-duration: 0s;
  background: var(--gtom-press);
}

.gtom-sheet .gtom-item:active::after,
.gtom-sheet .gtom-item:has(a:active)::after {
  transition-duration: 0s;
  opacity: 1;
}

/* Tablets com mouse — mesmo retorno do toque */
@media (hover: hover) and (pointer: fine) {
  .gtom-sheet .gtom-item:hover { background: var(--gtom-press); }
  .gtom-sheet .gtom-item:hover::after { opacity: 1; }

  .gtom-sheet .gtom-acc .e-n-accordion-item-title:hover {
    background: rgba(255, 255, 255, 0.022) !important;
  }

  .gtom-sheet .gtom-rows .elementor-icon-list-item > a:hover {
    color: var(--gtom-ink) !important;
    background: rgba(255, 255, 255, 0.022);
  }

  .gtom-sheet .gtom-cta .elementor-button:hover {
    border-color: rgba(109, 93, 246, 0.75) !important;
    background: #171A25 !important;
  }
}

/* ============================================================
   6. Blog · Contato — continuação natural, sem linhas nem seta.
   Mesma linguagem mono dos cabeçalhos de categoria acima (item
   de nível de navegação, não conteúdo).
   ============================================================ */

.gtom-sheet .gtom-rows {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

.gtom-sheet .gtom-rows .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

.gtom-sheet .gtom-rows .elementor-icon-list-items,
.gtom-sheet .gtom-rows .elementor-icon-list-items.elementor-inline-items {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

.gtom-sheet .gtom-rows .elementor-icon-list-item {
  position: relative;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gtom-sheet .gtom-rows .elementor-icon-list-item::before,
.gtom-sheet .gtom-rows .elementor-icon-list-item::after,
.gtom-sheet .gtom-rows .elementor-icon-list-item > a::before,
.gtom-sheet .gtom-rows .elementor-icon-list-item > a::after {
  content: none !important;
}

/* Mesma anatomia do cabeçalho de categoria */
.gtom-sheet .gtom-rows .elementor-icon-list-item > a {
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: var(--gtom-row-h);
  padding: 0 var(--gtom-inset) !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--gtom-ink-3) !important;
  text-decoration: none !important;
  transition: color 180ms ease-out, background-color 180ms ease-out !important;
}

.gtom-sheet .gtom-rows .elementor-icon-list-icon {
  display: none !important;
}

.gtom-sheet .gtom-rows .elementor-icon-list-text {
  padding: 0 !important;
  color: inherit !important;
}

.gtom-sheet .gtom-rows .elementor-icon-list-item > a:active {
  transition-duration: 0s !important;
  color: var(--gtom-ink) !important;
  background: rgba(255, 255, 255, 0.022);
}

/* ============================================================
   7. CTA — superfície neutra com borda índigo
   Sem preenchimento saturado, sem glow, sem seta: no sheet o
   índigo forte vencia a navegação, que é o centro de gravidade.
   Texto em mono, mesma lógica do CTA do header desktop — 15px
   sans peso 600 → 13px mono peso 500 (600 não existe carregado
   em mono).
   ============================================================ */

.gtom-sheet .gtom-sheet-foot {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 var(--gtom-inset) !important;
  margin: 36px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  gap: 0 !important;
}

.gtom-sheet .gtom-cta .elementor-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(109, 93, 246, 0.5) !important;
  border-radius: var(--gto-radius-xl, 12px) !important;
  background: var(--gtom-raised) !important;
  background-image: none !important;
  color: var(--gtom-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  touch-action: manipulation;
  transition:
    transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms ease-out,
    background-color 200ms ease-out !important;
}

.gtom-sheet .gtom-cta .elementor-button:active {
  transition-duration: 0s !important;
  transform: scale(0.98);
  border-color: rgba(109, 93, 246, 0.85) !important;
}

.gtom-sheet .gtom-cta .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
}

.gtom-sheet .gtom-cta .elementor-button-icon {
  display: none !important;
}

.gtom-sheet .gtom-cta .elementor-button-text {
  margin: 0 !important;
  color: var(--gtom-ink) !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   8. Movimento reduzido
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  .gtom-sheet *,
  .gtom-sheet *::before,
  .gtom-sheet *::after {
    transition-duration: 0s !important;
    animation: none !important;
  }
}/* End custom CSS */