/* === Tipografia crítica (vence Elementor) === */
#stock-tokenization-pt .st-h2,
#stock-tokenization-pt .st-sub,
#stock-tokenization-pt #st-title-pt,
#stock-tokenization-pt #st-since-pt {
  font-family: 'Akrobat', system-ui, sans-serif !important;
}

#stock-tokenization-pt .st-call-text,
#stock-tokenization-pt .st-call-text a {
  font-family: 'SegoePrint', cursive !important;
}

/* === Setas do slider blindadas === */
#stock-tokenization-pt .ta-nav {
  all: unset;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 56px !important; height: 56px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; background: transparent !important;
  pointer-events: auto !important;
}
#stock-tokenization-pt .ta-prev { left: 8px !important; }
#stock-tokenization-pt .ta-next { right: 8px !important; }

#stock-tokenization-pt .ta-ico { position: relative !important; width: 20px !important; height: 20px !important; }
#stock-tokenization-pt .ta-ico::before{
  content:'' !important; position:absolute !important; inset:0 !important;
  border-top:3px solid rgba(255,255,255,.95) !important;
  border-right:3px solid rgba(255,255,255,.95) !important;
  transform:rotate(45deg) !important; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) !important;
}
#stock-tokenization-pt .ta-prev .ta-ico { transform: scaleX(-1) !important; }

/* Fade lateral não roubar cliques */
#stock-tokenization-pt .ta-slider::before,
#stock-tokenization-pt .ta-slider::after { pointer-events: none !important; z-index: 2 !important; }
#stock-tokenization-pt .ta-nav { z-index: 3 !important; }

#stock-tokenization-pt .st-label text,
#stock-tokenization-pt .st-label tspan,
#stock-tokenization-pt .st-label textPath,
#stock-tokenization-pt .st-label a {
  font-family: 'SegoePrint', cursive !important;
  font-size: inherit !important;         /* <- herda do .st-label que já controlas */
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #F4E19C !important;
  fill:  #F4E19C !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  pointer-events: auto;
  cursor: pointer;
}
#stock-tokenization-pt .st-label svg { pointer-events: none; }



/* ===== Galeria (secção e modal) — reset total contra Elementor ===== */
#stock-tokenization-pt .st-gallery .st-g-nav,
#stock-tokenization-en .st-gallery .st-g-nav,
.st-modal .st-gallery .st-g-nav {
  all: unset !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 56px !important; height: 56px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.6) !important;
  color: #fff !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important;
  z-index: 3 !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}
.st-modal .st-gallery .st-g-nav:hover,
#stock-tokenization-pt .st-gallery .st-g-nav:hover { background: rgba(0,0,0,.8) !important; }

#stock-tokenization-pt .st-gallery .st-g-prev,
#stock-tokenization-en .st-gallery .st-g-prev,
.st-modal .st-gallery .st-g-prev { left: 24px !important; }
#stock-tokenization-pt .st-gallery .st-g-next,
#stock-tokenization-en .st-gallery .st-g-next,
.st-modal .st-gallery .st-g-next { right: 24px !important; }

/* Dots */
#stock-tokenization-pt .st-gallery .st-g-dots .st-g-dot,
#stock-tokenization-en .st-gallery .st-g-dots .st-g-dot,
.st-modal .st-gallery .st-g-dots .st-g-dot {
  all: unset !important;
  width: 10px !important; height: 10px !important;
  border-radius: 50% !important;
  background: #7b8493 !important;
  border: 2px solid rgba(255,255,255,.3) !important;
  display: inline-block !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: 0 !important;
  /* esconder o texto acessível que o Elementor tenta dimensionar */
  font-size: 0 !important; line-height: 0 !important;
}
#stock-tokenization-pt .st-gallery .st-g-dots .st-g-dot[aria-current="true"],
#stock-tokenization-en .st-gallery .st-g-dots .st-g-dot[aria-current="true"],
.st-modal .st-gallery .st-g-dots .st-g-dot[aria-current="true"]{
  background: #36fba1 !important;
  transform: scale(1.3) !important;
}

/* garantir que o overlay fade não tapa as setas */
#stock-tokenization-pt .ta-slider::before,
#stock-tokenization-pt .ta-slider::after { pointer-events: none !important; z-index: 2 !important; }
#stock-tokenization-pt .ta-nav { z-index: 3 !important; }


/* === Close do modal: reset total contra Elementor === */
#stock-tokenization-pt .st-modal button.st-close,
#stock-tokenization-pt .st-dialog  button.st-close {
  all: unset !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.65) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10000 !important; /* acima de tudo no modal */
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-size: 20px !important;          /* tamanho do “×” */
  font-family: 'Akrobat', system-ui, sans-serif !important;
}

#stock-tokenization-pt .st-modal button.st-close:hover,
#stock-tokenization-pt .st-dialog  button.st-close:hover {
  background: rgba(0,0,0,.85) !important;
}

/* se preferires ícone sem depender do “x” no HTML */
#stock-tokenization-pt .st-modal button.st-close::before,
#stock-tokenization-pt .st-dialog  button.st-close::before {
  content: "×" !important;
}



/* Modal "Ver em 2023" – fundo escuro igual à section */
#stModal-pt.st-modal .st-dialog {
  background: #0e1116 !important;              /* escolhe aqui a cor que quiseres */
  border: 1px solid rgba(255, 255, 255, 0.12); /* opcional, igual ao resto do site */
}

/* garantir que nada por dentro pinta de branco */
#stModal-pt.st-modal .st-body,
#stModal-pt.st-modal .st-gallery {
  background: transparent !important;
}
/* ===== Fundo escuro para TODAS as modais do Stock ===== */
#stModal-pt.st-modal .st-dialog,
#stModal-pt.st-modal .st-dialog.st-dialog--game {
  background: rgba(16, 19, 25, 0.95) !important;   /* cor da section */
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* garantir que nada lá dentro pinta o rectângulo de branco */
#stModal-pt .st-body,
#stModal-pt .st-gallery,
#stModal-pt .st-g-wrap,
#stModal-pt .st-iframe {
  background: transparent !important;
}