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

/* Outros títulos (h2 e sub) devem ser brancos */
#stock-tokenization-pt .st-h2,
#stock-tokenization-pt .st-sub {
  font-family: 'Akrobat', system-ui, sans-serif !important;
  color: #ffffff !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;
}



/* ===== 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;
}

/* ===== SVG labels: clique a funcionar em mobile (Safari incluído) ===== */
#stock-tokenization-pt .st-label svg,
#stock-tokenization-en .st-label svg {
  pointer-events: auto !important;
  touch-action: manipulation;
}

/* paths/defs não devem roubar taps */
#stock-tokenization-pt .st-label svg defs,
#stock-tokenization-en .st-label svg defs,
#stock-tokenization-pt .st-label svg path,
#stock-tokenization-en .st-label svg path {
  pointer-events: none !important;
}

/* texto + link clicável dentro do SVG */
#stock-tokenization-pt .st-label svg text,
#stock-tokenization-en .st-label svg text,
#stock-tokenization-pt .st-label svg textPath,
#stock-tokenization-en .st-label svg textPath,
#stock-tokenization-pt .st-label svg tspan,
#stock-tokenization-en .st-label svg tspan,
#stock-tokenization-pt .st-label svg a,
#stock-tokenization-en .st-label svg a {
  pointer-events: all !important;
  cursor: pointer;
}

/* o traço do JS nunca bloqueia clique */
#stock-tokenization-pt .st-strike-real-estate,
#stock-tokenization-en .st-strike-real-estate {
  pointer-events: none !important;
}

#stock-tokenization-pt .st-label-2,
#stock-tokenization-en .st-label-2,
#stock-tokenization-pt .st-label-5,
#stock-tokenization-en .st-label-5 {
  cursor: pointer !important;
}





/* ==========================================================
   SOLUÇÃO DEFINITIVA V2 (Posição Fixa + Clique Mobile)
   ========================================================== */

/* 1. Configuração da Label (SEM mexer no position:absolute original) */
#stock-tokenization-pt .st-label-2,
#stock-tokenization-en .st-label-2,
#stock-tokenization-pt .st-label-5,
#stock-tokenization-en .st-label-5 {
  /* Removemos o 'position: relative' que estragava o layout */
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 50 !important;
  text-decoration: none !important;
  /* Garante que a div não colapsa */
  transform-style: preserve-3d;
}

/* 2. A Caixa Invisível GIGANTE (Área de clique) */
/* Esta caixa posiciona-se em relação à label, sem a mover */
#stock-tokenization-pt .st-label-2::after,
#stock-tokenization-en .st-label-2::after,
#stock-tokenization-pt .st-label-5::after,
#stock-tokenization-en .st-label-5::after {
  content: "";
  position: absolute;
  /* Expandimos a área de clique 40px para todos os lados */
  top: -40px;
  bottom: -40px;
  left: -40px;
  right: -40px;
  z-index: 100;
  /* Fica por cima de tudo */
  cursor: pointer;
  /* Podes descomentar a linha abaixo para VER a caixa vermelha e testar */
  /* background: rgba(255, 0, 0, 0.3); */
}

/* 3. Ignorar cliques nos elementos visuais (texto, risco, svg) */
/* O clique vai passar através deles e acertar na caixa invisível do ponto 2 */
#stock-tokenization-pt .st-label-2 *,
#stock-tokenization-en .st-label-2 *,
#stock-tokenization-pt .st-label-5 *,
#stock-tokenization-en .st-label-5 * {
  pointer-events: none !important;
}