{"id":48,"date":"2026-08-13T18:57:17","date_gmt":"2026-08-13T21:57:17","guid":{"rendered":"https:\/\/emissor.grupogladium.com.br\/?page_id=48"},"modified":"2026-08-14T10:55:15","modified_gmt":"2026-08-14T13:55:15","slug":"gladium-erp-emissor-de-notas-fiscais-com-certificado-digital-a1","status":"publish","type":"page","link":"https:\/\/emissor.grupogladium.com.br\/","title":{"rendered":"Gladium ERP: Emissor de Notas Fiscais com Certificado Digital A1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-365aa11 e-con-full e-flex e-con e-parent\" data-id=\"365aa11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b1f94 elementor-widget elementor-widget-html\" data-id=\"11b1f94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>Gladium ERP \u2014 Emissor de Notas Fiscais com Certificado Digital A1<\/title>\n<meta name=\"description\" content=\"Emita NF-e e NFS-e com o certificado digital A1 por nossa conta. Emissor de notas fiscais com suporte humano em cada etapa. Planos a partir de R$ 99\/m\u00eas.\">\n<meta name=\"theme-color\" content=\"#010309\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============================================================\n   BLINDAGEM CONTRA O TEMA\/ELEMENTOR (WordPress)\n   Zera estilos globais do tema antes de qualquer regra da p\u00e1gina, para o\n   widget n\u00e3o herdar margem de par\u00e1grafo, bullet de lista, sombra de imagem\n   do tema, sublinhado de link ou apar\u00eancia de bot\u00e3o do WP.\n   ============================================================ *\/\n#lp p, #lp h1, #lp h2, #lp h3, #lp h4, #lp h5, #lp h6, #lp figure, #lp blockquote{margin:0;padding:0}\n#lp ul, #lp ol{margin:0;padding:0;list-style:none}\n#lp img{max-width:100%;box-shadow:none;border:0}\n#lp a{text-decoration:none;box-shadow:none}\n#lp button, #lp input, #lp textarea{font-family:inherit;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}\n\n\/* ============================================================\n   TOKENS\n   ============================================================ *\/\/* ------------------------------------------------------------\n   >>> TAMANHOS DE TEXTO \u2014 mexa s\u00f3 aqui <<<\n\n   Cada valor \u00e9 clamp(m\u00ednimo, escala, m\u00e1ximo):\n     m\u00ednimo  = tamanho no celular\n     escala  = como cresce entre os dois (vw = % da largura da tela)\n     m\u00e1ximo  = tamanho no desktop grande\n\n   S\u00f3 quer mudar o desktop? Troque o terceiro n\u00famero.\n   S\u00f3 quer mudar o mobile?   Troque o primeiro.\n   1rem = 16px  \u00b7  2.5rem = 40px  \u00b7  4.375rem = 70px\n   ------------------------------------------------------------ *\/\n\n:root{\n  --fs-h1:        clamp(2.1rem,  3.1vw, 3.8rem);  \/* headline do hero *\/\n  --fs-h2:        clamp(1.65rem, 3.6vw, 2.9rem);    \/* t\u00edtulos de se\u00e7\u00e3o *\/\n  --fs-h3:        clamp(1.35rem, 2.2vw, 1.9rem);    \/* t\u00edtulos dos cards 01\/02\/03 *\/\n  --fs-h2-erp:    clamp(1.7rem, 2.9vw, 2.5rem);     \/* t\u00edtulo do bloco de m\u00f3dulos *\/\n  --fs-banner:    clamp(1.25rem, 2.4vw, 2rem);      \/* t\u00edtulo sobre o banner *\/\n  --fs-ecard:     clamp(1.05rem, 1.5vw, 1.32rem);   \/* t\u00edtulo dos cards de emiss\u00e3o *\/\n  --fs-lead:      clamp(.94rem,  1.1vw, 1rem);      \/* par\u00e1grafos de apoio *\/\n  --fs-hero-sub:  clamp(.9rem,   1.05vw, .98rem);   \/* subt\u00edtulo do hero *\/\n\n  --lh-h1:1.08;\n  --lh-h2:1.16;\n  --lh-h3:1.20;\n\n  --ls-h1:-.02em;   \/* letter-spacing: negativo aproxima as letras *\/\n  --ls-h2:-.018em;\n  --ls-h3:-.015em;\n}\n\n:root{\n  --blue:#2F6BFF;\n  --blue-hover:#1B57EB;\n  --blue-light:#7FB4FF;\n  --blue-deep:#0A3B84;\n  --blue-grad-a:#2D75DF;\n  --blue-grad-b:#0E3A89;\n\n  --navy-900:#010309;\n  --navy-800:#06224F;\n  --navy-700:#0C49A3;\n\n  --ink:#000000;\n  --ink-soft:#14161C;\n  --muted:#5B6472;\n  --muted-dark:#9AA4B4;\n\n  --bg:#FFFFFF;\n  --bg-soft:#FAFBFC;\n  --bg-lavender:#F2F6FC;\n  --line:#E4E9F2;\n  --line-dark:rgba(255,255,255,.12);\n\n  --container:1240px;\n  --gutter:24px;\n\n  --r-sm:6px;\n  --r-md:10px;\n  --r-lg:16px;\n  --r-xl:24px;\n  --r-pill:999px;\n\n  --shadow-card:0 1px 2px rgba(9,18,40,.04), 0 8px 24px rgba(9,18,40,.06);\n  --shadow-float:0 2px 6px rgba(9,18,40,.06), 0 18px 44px rgba(9,18,40,.12);\n  --shadow-btn:0 1px 2px rgba(6,26,70,.30), 0 10px 24px rgba(15,58,139,.32);\n\n  --mono:\"Space Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n  --sans:\"Space Grotesk\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n\n  --ease:cubic-bezier(.22,.61,.36,1);\n  --header-h:96px;\n  --trustbar-h:66px;   \/* altura da faixa de diferenciais sobre o hero *\/\n}\/* ============================================================\n   RESET\n   ============================================================ *\/\n\n\n#lp *, #lp *::before, #lp *::after{box-sizing:border-box}\n#lp{-webkit-text-size-adjust:100%}\n#lp{\n  margin:0;\n  font-family:var(--sans);\n  font-size:16px;\n  line-height:1.55;\n  color:var(--ink-soft);\n  background:var(--bg);\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n  overflow-x:clip;\n}\n#lp img, #lp svg, #lp video{display:block;max-width:100%}\n#lp img{height:auto}\n#lp h1, #lp h2, #lp h3, #lp h4, #lp p, #lp figure, #lp blockquote{margin:0}\n#lp ul, #lp ol{margin:0;padding:0;list-style:none}\n#lp a{color:inherit;text-decoration:none}\n#lp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}\n#lp :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}\/* ============================================================\n   PRIMITIVOS\n   ============================================================ *\/\/* --container \u00e9 a largura do CONTE\u00daDO. As laterais entram por fora,\n   ent\u00e3o em telas largas o conte\u00fado mede exatamente 1240px. *\/\n\n\n\n#lp .container{\n  width:100%;\n  max-width:calc(var(--container) + var(--gutter) * 2);\n  margin-inline:auto;\n  padding-inline:var(--gutter);\n}\n#lp .section{padding-block:clamp(64px,7vw,120px)}\/* R\u00f3tulo mono com bolinha *\/\n\n\n#lp .eyebrow{\n  display:inline-flex;align-items:center;gap:9px;\n  font-family:var(--sans);\n  font-size:13px;font-weight:500;letter-spacing:.01em;\n  color:var(--ink-soft);\n}\n#lp .eyebrow::before{\n  content:\"\";flex:none;width:7px;height:7px;border-radius:50%;\n  background:var(--blue);\n  box-shadow:0 0 0 3px rgba(47,107,255,.18);\n}\n#lp .eyebrow--onDark{color:#fff}\n#lp .eyebrow--center{justify-content:center}\/* R\u00f3tulo mono puro (01 \u00b7 O PONTO DE PARTIDA) *\/\n\n\n#lp .mono-label{\n  font-family:var(--mono);\n  font-size:11px;font-weight:400;\n  letter-spacing:.10em;text-transform:uppercase;\n  color:var(--blue);\n}\/* T\u00edtulos *\/\n\n\n#lp .h1{\n  font-size:var(--fs-h1);\n  line-height:var(--lh-h1);\n  font-weight:400;\n  letter-spacing:var(--ls-h1);\n}\n#lp .h2{\n  font-size:var(--fs-h2);\n  line-height:var(--lh-h2);\n  font-weight:400;\n  letter-spacing:var(--ls-h2);\n  color:var(--ink);\n}\n#lp .h3{\n  font-size:var(--fs-h3);\n  line-height:var(--lh-h3);\n  font-weight:500;\n  letter-spacing:var(--ls-h3);\n  color:var(--ink);\n}\n#lp .accent{color:var(--blue);font-weight:500}\n#lp .accent--light{color:var(--blue-light);font-weight:500}\n#lp .strong{font-weight:600;color:var(--ink)}\n\n#lp .lead{font-size:var(--fs-lead);line-height:1.6;color:var(--muted)}\n#lp .lead--onDark{color:rgba(255,255,255,.72)}\n\n#lp .stack-center{\n  display:flex;flex-direction:column;align-items:center;text-align:center;\n  gap:18px;\n}\n#lp .measure-lg{max-width:760px}\n#lp .measure-md{max-width:740px}\n#lp .measure-sm{max-width:480px}\/* ============================================================\n   BOT\u00d5ES\n   ============================================================ *\/\n\n\n#lp .btn{\n  display:inline-flex;align-items:center;gap:14px;\n  padding:6px 6px 6px 24px;\n  border-radius:var(--r-sm);\n  font-family:var(--mono);\n  font-size:12px;font-weight:700;\n  letter-spacing:.06em;text-transform:uppercase;\n  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease);\n  will-change:transform;\n}\n#lp .btn__arrow{\n  flex:none;\n  display:grid;place-items:center;\n  width:34px;height:34px;\n  border-radius:4px;\n  background:rgba(255,255,255,.14);\n  transition:background-color .25s var(--ease), transform .25s var(--ease);\n}\n#lp .btn__arrow svg{width:12px;height:12px}\n#lp .btn:hover .btn__arrow{background:rgba(255,255,255,.26);transform:translate(2px,-2px)}\n\n#lp .btn--primary{\n  color:#fff;\n  background:linear-gradient(103deg,var(--blue-grad-a) 0%,var(--blue-grad-b) 100%);\n  box-shadow:var(--shadow-btn);\n}\/* Especificidade dobrada (.btn.btn--primary) de prop\u00f3sito: sem isso a regra\n   .reveal.is-in{transform:none} empata e, por vir depois no arquivo, ganha \u2014\n   e o bot\u00e3o perde o hover de subir. *\/\n\n#lp .btn.btn--primary:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(6,26,70,.3),0 16px 34px rgba(15,58,139,.4)}\n#lp .btn.btn--primary:active{transform:translateY(0)}\n\n#lp .btn--ghost{\n  color:#fff;\n  padding:5px 5px 5px 18px;\n  gap:11px;\n  font-size:11px;\n}\n#lp .btn--ghost .btn__arrow{width:26px;height:26px;background:rgba(255,255,255,.10)}\n#lp .btn--ghost:hover .btn__arrow{background:rgba(255,255,255,.22)}\n\n#lp .btn--lg{padding:8px 8px 8px 30px;font-size:12.5px}\n#lp .btn--lg .btn__arrow{width:38px;height:38px}\/* ============================================================\n   HEADER\n   ============================================================ *\/\n\n\n#lp .header{\n  position:fixed;inset:0 0 auto 0;z-index:80;\n  padding:28px var(--gutter) 0;\n  transition:padding .3s var(--ease);\n}\n#lp .header.is-stuck{padding-top:12px}\n#lp .header__bar{\n  width:100%;max-width:1000px;margin-inline:auto;\n  display:flex;align-items:center;gap:24px;\n  height:66px;padding:0 8px 0 18px;\n  border-radius:var(--r-sm);\n  background:rgba(9,10,12,.72);\n  border:1px solid rgba(255,255,255,.08);\n  -webkit-backdrop-filter:blur(14px) saturate(140%);\n  backdrop-filter:blur(14px) saturate(140%);\n  transition:height .3s var(--ease), background-color .3s var(--ease), box-shadow .3s var(--ease);\n}\/* Encolhe de 66px para 52px assim que a p\u00e1gina rola *\/\n\n#lp .header.is-stuck .header__bar{\n  height:52px;\n  background:rgba(9,10,12,.92);\n  box-shadow:0 10px 34px rgba(0,0,0,.34);\n}\n\n#lp .brand{display:flex;align-items:center;flex:none}\n#lp .brand__logo{width:78px;height:auto;flex:none}\n\n#lp .nav{margin-left:auto;display:flex;align-items:center;gap:28px}\n#lp .nav__link{\n  font-size:13px;color:rgba(255,255,255,.78);\n  transition:color .2s var(--ease);\n  position:relative;\n}\n#lp .nav__link::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:-5px;height:1px;\n  background:var(--blue-light);\n  transform:scaleX(0);transform-origin:left;\n  transition:transform .28s var(--ease);\n}\n#lp .nav__link:hover{color:#fff}\n#lp .nav__link:hover::after{transform:scaleX(1)}\n\n#lp .header__cta{flex:none}\n\n#lp .burger{\n  display:none;flex:none;\n  width:40px;height:40px;margin-left:auto;\n  border-radius:4px;\n  place-items:center;\n}\n#lp .burger span{\n  display:block;width:18px;height:1.5px;background:#fff;border-radius:2px;\n  transition:transform .3s var(--ease), opacity .2s var(--ease);\n}\n#lp .burger span + span{margin-top:5px}\n#lp .burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}\n#lp .burger.is-open span:nth-child(2){opacity:0}\n#lp .burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}\/* Drawer mobile *\/\n\n\n#lp .drawer{\n  position:fixed;inset:0;z-index:79;\n  display:flex;flex-direction:column;justify-content:center;gap:6px;\n  padding:96px 32px 48px;\n  background:rgba(6,8,12,.97);\n  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);\n  opacity:0;visibility:hidden;\n  transition:opacity .3s var(--ease), visibility .3s;\n}\n#lp .drawer.is-open{opacity:1;visibility:visible}\n#lp .drawer a{\n  font-size:26px;font-weight:400;letter-spacing:-.01em;color:#fff;\n  padding-block:14px;border-bottom:1px solid rgba(255,255,255,.08);\n}\n#lp .drawer .btn{\n  margin-top:28px;align-self:flex-start;\n  padding:5px 5px 5px 18px;gap:11px;font-size:11px;\n}\n#lp .drawer .btn .btn__arrow{width:28px;height:28px}\/* ============================================================\n   1. HERO\n   ============================================================ *\/\n\n\n#lp .hero{\n  position:relative;\n  min-height:95vh;\n  display:flex;align-items:center;\n  padding-top:var(--header-h);\n  padding-bottom:calc(56px + var(--trustbar-h));\n  overflow:hidden;\n  background:var(--navy-900);\n}\n#lp .hero__media{position:absolute;inset:0;z-index:0}\n#lp .hero__media img{width:100%;height:100%;object-fit:cover;object-position:72% 50%}\n#lp .hero__inner{position:relative;z-index:2;width:100%}\n#lp .hero__content{max-width:660px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}\n\n#lp .chip{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:5px 14px 5px 5px;\n  border-radius:var(--r-pill);\n  background:rgba(255,255,255,.10);\n  border:1px solid rgba(255,255,255,.16);\n  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);\n  font-size:12.5px;color:#fff;\n}\n#lp .chip__tag{\n  padding:3px 11px;border-radius:var(--r-pill);\n  background:rgba(255,255,255,.92);\n  color:var(--navy-900);\n  font-size:11px;font-weight:600;letter-spacing:.01em;\n}\n#lp .hero .h1{color:#fff;max-width:20ch}\n#lp .hero__sub{max-width:44ch;font-size:clamp(.9rem,1.05vw,.98rem);line-height:1.6;color:rgba(255,255,255,.74)}\n#lp .hero__sub b{font-weight:600;color:#fff}\n#lp .hero__note{font-size:13px;color:rgba(255,255,255,.62)}\/* Trust bar \u2014 sobe por cima do fim do hero. Sem essa sobreposi\u00e7\u00e3o o blur n\u00e3o\n   teria imagem nenhuma atr\u00e1s para desfocar, j\u00e1 que a faixa \u00e9 irm\u00e3 do hero.\n   O --trustbar-h paga a conta nos dois lados: entra como padding extra no hero\n   e sai como margem negativa aqui, ent\u00e3o nada de conte\u00fado fica escondido. *\/\n\n\n#lp .trustbar{\n  position:relative;z-index:3;\n  margin-top:calc(-1 * var(--trustbar-h));\n  background:rgba(4,7,14,.30);\n  -webkit-backdrop-filter:blur(16px) saturate(135%);\n  backdrop-filter:blur(16px) saturate(135%);\n  border-top:1px solid rgba(255,255,255,.10);\n}\n#lp .trustbar__list{\n  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;\n  gap:clamp(20px,5vw,68px);\n  min-height:var(--trustbar-h);\n  padding-block:22px;\n}\n#lp .trustbar__item{\n  display:flex;align-items:center;gap:10px;\n  font-size:13px;color:rgba(255,255,255,.82);\n}\n#lp .trustbar__item::before{\n  content:\"\";flex:none;width:7px;height:7px;border-radius:50%;\n  background:var(--blue-light);\n  box-shadow:0 0 10px rgba(127,180,255,.7);\n}\/* ============================================================\n   2. FEATURES (imagem + cards flutuantes)\n   ============================================================ *\/\n\n\n#lp .features{\n  position:relative;\n  background:var(--bg);\n  overflow:hidden;\n}\n#lp .features::before{\n  content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;\n  background-image:url(\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/background-2-section.webp\");\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n}\n#lp .features .container{position:relative;z-index:1}\n\n#lp .showcase{position:relative;margin-top:clamp(40px,5vw,64px)}\n#lp .showcase__frame{\n  position:relative;\n  aspect-ratio:1568\/810;\n  width:100%;\n  border-radius:var(--r-md);\n  background:linear-gradient(180deg,#EFF1F4 0%,#E7EAEF 100%);\n  display:grid;place-items:center;\n  overflow:hidden;\n  \/* Sombra escura atr\u00e1s, para dar profundidade sem depender de borda ou\n     halo neon azul. *\/\n  box-shadow:\n    0 24px 60px rgba(1,3,9,.28),\n    0 8px 20px rgba(1,3,9,.16);\n}\n#lp .showcase::before{\n  content:\"\";position:absolute;inset:-12px;z-index:-1;\n  border-radius:calc(var(--r-md) + 12px);\n  background:radial-gradient(60% 70% at 50% 50%,rgba(1,3,9,.16),rgba(1,3,9,0) 72%);\n  filter:blur(24px);\n  pointer-events:none;\n}\n#lp .showcase__frame img{width:100%;height:100%;object-fit:cover}\n#lp .showcase__placeholder{\n  font-family:var(--mono);font-size:13px;color:#8A93A3;letter-spacing:.02em;\n}\n\n#lp .fcard{\n  display:flex;gap:14px;align-items:flex-start;\n  padding:16px 18px;\n  max-width:330px;\n  background:#fff;\n  border:1px solid rgba(19,46,110,.07);\n  border-radius:var(--r-md);\n  box-shadow:var(--shadow-float);\n}\n#lp .fcard__icon{\n  flex:none;display:grid;place-items:center;\n  width:34px;height:34px;border-radius:var(--r-sm);\n  background:#E7F0FF;color:var(--blue);\n}\n#lp .fcard__icon svg{width:16px;height:16px}\n#lp .fcard__title{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}\n#lp .fcard__desc{margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--muted)}\n\n#lp .showcase__cards{display:contents}\n@media (min-width:981px){\n  #lp .fcard{position:absolute;z-index:4}\/* Emiss\u00e3o r\u00e1pida: canto superior esquerdo, encostada na quina. *\/\n  \n  #lp .fcard--1{left:-2%;top:-34px}\/* Envio para a contabilidade: centrada na vertical, \u00e0 direita. *\/\n  \n  #lp .fcard--2{right:-2%;top:50%;transform:translateY(-50%)}\/* Organiza\u00e7\u00e3o autom\u00e1tica: base, centrada pelo pr\u00f3prio meio (o translateX\n     desconta metade da largura) e deslocada 5% \u00e0 direita. *\/\n  \n  #lp .fcard--3{left:55%;bottom:-34px;max-width:300px;transform:translateX(-50%)}\n}\n@media (max-width:980px){\n  #lp .showcase__cards{\n    display:grid;gap:14px;margin-top:20px;\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  }\n  #lp .fcard{max-width:none}\n}\/* ============================================================\n   3. TIPOS DE EMISS\u00c3O (dark \u2192 azul)\n   ============================================================ *\/\n\n\n#lp .emissao{\n  position:relative;\n  background:linear-gradient(180deg,#010309 0%,#03132C 34%,#072C64 68%,#0C49A3 100%);\n  color:#fff;\n  overflow:hidden;\n}\n#lp .emissao__head{\n  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;\n  gap:28px;margin-bottom:clamp(32px,4vw,52px);\n}\n#lp .emissao__head .h2{color:#fff;max-width:25ch}\n#lp .emissao__headText{max-width:34ch;text-align:right;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.62)}\n\n#lp .emissao__grid{\n  display:grid;gap:22px;\n  grid-template-columns:1fr 1fr 1.74fr;\n}\n#lp .ecard{\n  position:relative;\n  display:flex;flex-direction:column;justify-content:flex-end;\n  min-height:372px;\n  padding:24px;\n  border-radius:var(--r-md);\n  overflow:hidden;\n  isolation:isolate;\n}\n#lp .ecard__img{position:absolute;inset:0;z-index:-2}\n#lp .ecard__img img{width:100%;height:100%;object-fit:cover}\n#lp .ecard::after{\n  content:\"\";position:absolute;inset:0;z-index:-1;\n  background:linear-gradient(180deg, rgba(2,6,16,.15) 0%, rgba(2,6,16,.55) 52%, rgba(2,6,16,.88) 100%);\n  transition:background .35s var(--ease);\n}\/* Card inteiro \u00e9 o link. O hover acontece no card, n\u00e3o na imagem. *\/\n\n\n#lp a.ecard{\n  color:inherit;\n  outline:1px solid rgba(255,255,255,0);\n  outline-offset:0;\n  transition:transform .35s var(--ease), box-shadow .35s var(--ease), outline-color .35s var(--ease);\n}\n#lp a.ecard:hover{\n  transform:translateY(-6px);\n  outline-color:rgba(127,180,255,.55);\n  box-shadow:0 18px 44px rgba(2,10,32,.45);\n}\n#lp a.ecard:hover::after{\n  background:linear-gradient(180deg, rgba(4,16,44,.28) 0%, rgba(3,12,36,.62) 52%, rgba(2,8,24,.90) 100%);\n}\n#lp a.ecard:active{transform:translateY(-2px)}\n#lp .ecard__arrow{\n  position:absolute;top:16px;right:16px;z-index:1;\n  display:grid;place-items:center;width:30px;height:30px;\n  border-radius:4px;\n  background:rgba(255,255,255,.14);\n  border:1px solid rgba(255,255,255,.14);\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\n  transition:background-color .25s var(--ease), transform .25s var(--ease);\n}\n#lp .ecard__arrow svg{width:11px;height:11px;color:#fff}\n#lp .ecard:hover .ecard__arrow{background:rgba(255,255,255,.28);transform:translate(2px,-2px)}\n#lp .ecard__title{\n  display:flex;align-items:center;gap:10px;\n  font-size:clamp(1.05rem,1.5vw,1.32rem);font-weight:500;letter-spacing:-.01em;color:#fff;\n}\n#lp .ecard__title::before{\n  content:\"\";flex:none;width:7px;height:7px;border-radius:50%;\n  background:var(--blue-light);box-shadow:0 0 10px rgba(127,180,255,.8);\n}\n#lp .ecard__desc{margin-top:9px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72);max-width:40ch}\/* ============================================================\n   4. CERTIFICADO A1\n   ============================================================ *\/\n\n\n#lp .a1{background:var(--bg-lavender)}\n#lp .a1__grid{\n  display:grid;gap:20px;\n  grid-template-columns:590fr 635fr;\n  align-items:start;\n  margin-top:clamp(36px,4.5vw,56px);\n}\n#lp .a1__col{display:flex;flex-direction:column;gap:20px}\n\n#lp .stepcard{\n  background:#fff;\n  border:1px solid rgba(19,46,110,.07);\n  border-radius:var(--r-md);\n  padding:clamp(24px,2.6vw,34px);\n  box-shadow:var(--shadow-card);\n  transition:transform .35s var(--ease), box-shadow .35s var(--ease);\n}\n#lp .stepcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}\n#lp .stepcard .h3{margin-top:26px;max-width:17ch}\n#lp .stepcard__desc{margin-top:26px;font-size:13.5px;line-height:1.62;color:var(--muted);max-width:42ch}\/* Acompanha a rolagem enquanto os cards 01\/02\/03 passam ao lado.\n   S\u00f3 funciona porque nenhum ancestral tem overflow:hidden \u2014 o body usa\n   overflow-x:clip justamente por isso. *\/\n\n\n#lp .a1__figure{\n  position:sticky;\n  top:calc(var(--header-h) + 8px);\n  align-self:start;\n  border-radius:var(--r-md);\n  overflow:hidden;\n  min-height:460px;\n  display:flex;align-items:flex-end;\n  isolation:isolate;\n}\n#lp .a1__figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}\n#lp .a1__figure::after{\n  content:\"\";position:absolute;inset:0;z-index:-1;\n  background:linear-gradient(180deg,rgba(3,12,34,.30) 0%,rgba(3,12,34,.05) 45%,rgba(4,24,64,.72) 100%);\n}\n#lp .a1__badge{\n  position:absolute;top:16px;right:16px;\n  padding:5px 11px;border-radius:4px;\n  background:rgba(8,24,60,.62);\n  border:1px solid rgba(127,180,255,.45);\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\n  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--blue-light);\n}\n#lp .a1__caption{padding:24px;font-size:14.5px;color:#fff;font-weight:400}\/* ============================================================\n   5. BANNER ESPECIALISTA\n   ============================================================ *\/\n\n\n#lp .banner{\n  position:relative;\n  min-height:clamp(420px,50vw,720px);\n  display:flex;align-items:flex-end;\n  padding-block:clamp(32px,4vw,56px);\n  overflow:hidden;\n  background:var(--navy-900);\n}\n#lp .banner__img{position:absolute;inset:0;z-index:0}\n#lp .banner__img img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}\n#lp .banner__panel{\n  position:relative;z-index:2;\n  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;\n  padding:26px 22px 26px 30px;\n  border-radius:var(--r-sm);\n  background:rgba(6,10,18,.62);\n  border:1px solid rgba(255,255,255,.10);\n  -webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);\n}\n#lp .banner__title{\n  font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.24;font-weight:300;\n  letter-spacing:-.015em;color:#fff;max-width:22ch;\n}\n#lp .banner__title b{font-weight:600}\/* ============================================================\n   6. ATENDIMENTO (chat)\n   ============================================================ *\/\n\n\n#lp .atendimento{position:relative;background:var(--bg);overflow:hidden}\n#lp .atendimento::before{\n  content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;\n  background-image:radial-gradient(rgba(19,46,110,.13) 1px, transparent 1px);\n  background-size:22px 22px;\n  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%, #000 20%, transparent 72%);\n  mask-image:radial-gradient(ellipse 90% 70% at 50% 40%, #000 20%, transparent 72%);\n}\n#lp .atendimento .container{position:relative;z-index:1}\n#lp .atendimento__sub b{color:var(--ink);font-weight:600}\n\n#lp .chat{\n  position:relative;\n  max-width:830px;margin:clamp(38px,4.5vw,60px) auto 0;\n  border-radius:var(--r-md);\n  background:linear-gradient(155deg,#070C17 0%,#050A14 46%,#0A2B6B 84%,#1467E0 100%);\n  border:1px solid rgba(255,255,255,.09);\n  box-shadow:0 40px 90px rgba(6,20,54,.30);\n  overflow:hidden;\n  padding-bottom:64px;\n}\/* Faixa de pixels na base do painel de chat *\/\n\n#lp .chat::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:0;height:34px;\n  background-image:linear-gradient(90deg,\n    rgba(255,255,255,.10) 25%, transparent 25%, transparent 50%,\n    rgba(255,255,255,.10) 50%, rgba(255,255,255,.10) 75%, transparent 75%);\n  background-size:34px 17px;\n  background-repeat:repeat-x;\n  background-position:0 100%;\n  -webkit-mask-image:linear-gradient(180deg,transparent,#000 85%);\n  mask-image:linear-gradient(180deg,transparent,#000 85%);\n  pointer-events:none;\n}\n#lp .chat__head{\n  display:flex;align-items:center;gap:10px;\n  padding:16px 20px;\n  border-bottom:1px solid rgba(255,255,255,.07);\n}\n#lp .chat__avatar{\n  width:22px;height:22px;flex:none;border-radius:50%;\n  display:grid;place-items:center;\n  background:rgba(255,255,255,.10);color:#fff;\n}\n#lp .chat__avatar img{width:auto;height:11px}\n#lp .chat__who{font-size:12.5px;color:rgba(255,255,255,.86)}\n#lp .chat__status{\n  margin-left:auto;font-size:11.5px;color:var(--blue-light);\n  display:flex;align-items:center;gap:6px;\n}\n#lp .chat__status::before{\n  content:\"\";width:5px;height:5px;border-radius:50%;background:var(--blue-light);\n  box-shadow:0 0 8px var(--blue-light);\n  animation:pulse 2.4s var(--ease) infinite;\n}\n#lp .chat__body{\n  display:flex;flex-direction:column;gap:12px;\n  padding:22px 20px 8px;\n}\n#lp .msg{\n  max-width:76%;\n  padding:11px 14px 9px;\n  border-radius:var(--r-sm);\n  font-size:12.5px;line-height:1.5;\n  background:rgba(255,255,255,.055);\n  border:1px solid rgba(255,255,255,.07);\n  color:rgba(255,255,255,.88);\n}\n#lp .msg--out{\n  align-self:flex-end;\n  background:rgba(37,99,235,.20);\n  border-color:rgba(127,180,255,.22);\n}\n#lp .msg--link{\n  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;\n  max-width:max-content;\n  font-family:var(--mono);font-size:11.5px;color:var(--blue-light);\n}\n#lp .msg__time{\n  display:block;margin-top:5px;\n  font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;\n  color:rgba(255,255,255,.40);\n}\n#lp .msg--out .msg__time{text-align:left}\n#lp .typing{\n  align-self:flex-start;\n  display:inline-flex;align-items:center;gap:4px;\n  padding:9px 12px;border-radius:var(--r-sm);\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.07);\n}\n#lp .typing i{\n  width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.6);\n  animation:blink 1.4s var(--ease) infinite;\n}\n#lp .typing i:nth-child(2){animation-delay:.18s}\n#lp .typing i:nth-child(3){animation-delay:.36s}\/* ============================================================\n   7. ERP \/ M\u00d3DULOS\n   ============================================================ *\/\/* Menor que o padding padr\u00e3o de se\u00e7\u00e3o: a se\u00e7\u00e3o seguinte j\u00e1 abre com o pr\u00f3prio\n   respiro, e somados os dois deixavam um buraco grande demais. *\/\n\n\n\n#lp .erp{padding-bottom:clamp(32px,3vw,52px)}\n#lp .erp__card{\n  display:grid;\n  \/* A imagem do menu \u00e9 estreita (252px de largura). O texto fica com a maior\n     fatia \u2014 ao contr\u00e1rio da vers\u00e3o anterior, em que a arte \u00e9 que era larga. *\/\n  grid-template-columns:1fr 340px;\n  border-radius:var(--r-lg);\n  overflow:hidden;\n  border:1px solid rgba(19,46,110,.08);\n  background:var(--bg-lavender);\n  box-shadow:var(--shadow-card);\n}\n#lp .erp__left{padding:clamp(32px,3.4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:26px}\/* Sem max-width: a coluna de texto agora \u00e9 a larga do card, ent\u00e3o o t\u00edtulo\n   pode usar a linha inteira em vez de quebrar cedo. *\/\n\n#lp .erp__left .h2{font-size:var(--fs-h2-erp)}\n#lp .erp__left p{font-size:13.5px;line-height:1.62;color:var(--muted)}\n#lp .erp__left p b{color:var(--ink);font-weight:600}\n\n#lp .erp__right{\n  position:relative;\n  overflow:hidden;\n  background:#353A40; \/* mesmo cinza do fundo do menu, para a arte n\u00e3o recortar *\/\n  display:grid;place-items:center;\n  padding:clamp(24px,2.5vw,36px) 0;\n}\/* contain, n\u00e3o cover: a arte tem 252px de largura e ampliar borraria o menu.\n   402px \u00e9 a altura nativa \u2014 \u00e9 o teto, para n\u00e3o interpolar para cima. *\/\n\n#lp .erp__right img{\n  width:auto;height:100%;\n  max-width:100%;max-height:402px;\n  object-fit:contain;\n}\/* ============================================================\n   8. DEPOIMENTOS (marquee)\n   ============================================================ *\/\n\n\n#lp .depo{background:var(--bg);overflow:hidden}\n#lp .marquees{\n  display:flex;flex-direction:column;gap:0;\n  \/* O -18px de baixo compensa o padding que cada faixa ganhou para caber a\n     sombra. Em cima ele entra descontado do respiro, sen\u00e3o o subt\u00edtulo encosta.\n     (margin-block sozinho zerava o margin-top \u2014 por isso os dois separados.) *\/\n  margin-top:calc(clamp(44px,5vw,68px) - 18px);\n  margin-bottom:-18px;\n  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);\n  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);\n}\/* O overflow:hidden que segura o carrossel corta na horizontal E na vertical.\n   O padding abre espa\u00e7o dentro da \u00e1rea vis\u00edvel para a sombra dos cards. *\/\n\n#lp .marquee{display:flex;overflow:hidden;width:100%;padding-block:18px;--mq-gap:18px}\n#lp .marquee__track{\n  display:flex;gap:var(--mq-gap);flex:none;\n  width:max-content;\n  animation:scroll-left 226s linear infinite;\n}\n#lp .marquee--right .marquee__track{animation-name:scroll-right}\n#lp .marquee:hover .marquee__track{animation-play-state:paused}\n\n#lp .review{\n  flex:none;width:296px;\n  padding:20px;\n  background:#fff;\n  border:1px solid rgba(19,46,110,.08);\n  border-radius:var(--r-md);\n  box-shadow:var(--shadow-card);\n}\n#lp .review__top{display:flex;align-items:center;gap:12px}\n#lp .review__avatar{\n  width:42px;height:42px;flex:none;border-radius:50%;\n  object-fit:cover;\n  border:2px solid var(--blue);\n  padding:2px;\n  background:#fff;\n}\n#lp .review__who{min-width:0;flex:1}\n#lp .review__name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}\n#lp .review__meta{font-size:11.5px;color:var(--muted)}\n#lp .review__g{width:22px;height:22px;flex:none}\n#lp .review__rating{display:flex;align-items:center;gap:8px;margin-top:12px}\n#lp .review__stars{display:flex;gap:1.5px;color:#FBBC04}\n#lp .review__stars svg{width:12px;height:12px}\n#lp .review__when{font-size:11.5px;color:var(--muted)}\n#lp .review__text{margin-top:10px;font-size:12.5px;line-height:1.55;color:#3D4652}\/* ============================================================\n   9. CTA FINAL\n   ============================================================ *\/\n\n\n#lp .final{padding-bottom:clamp(64px,7vw,110px);background:var(--bg)}\/* Textura presa na base do card. O overflow:hidden do .final__box garante que\n   ela n\u00e3o vaze pelas bordas arredondadas. *\/\n\n#lp .final__pixels{\n  position:absolute;z-index:0;\n  left:0;right:0;bottom:0;\n  aspect-ratio:1145\/66;\n  background-image:url(\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/textura-comece-agora.webp\");\n  background-size:100% 100%;\n  background-repeat:no-repeat;\n  background-position:bottom center;\n  pointer-events:none;\n}\n#lp .final__box{\n  position:relative;\n  max-width:900px;margin-inline:auto;\n  padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) clamp(72px,7vw,96px);\n  border-radius:var(--r-lg);\n  background:linear-gradient(180deg,#FBFCFE 0%,#EEF3FC 100%);\n  border:1px solid rgba(19,46,110,.07);\n  overflow:hidden;\n  text-align:center;\n}\n#lp .final__box > *{position:relative;z-index:1}\n#lp .final__box .h2{max-width:22ch;margin-inline:auto}\/* ============================================================\n   10. FOOTER\n   ============================================================ *\/\n\n\n#lp .footer{\n  position:relative;\n  background:#020306;color:#fff;\n  padding-top:clamp(52px,6vw,80px);\n  overflow:hidden;\n}\n#lp .footer__grid{\n  display:grid;\n  grid-template-columns:1.15fr 1fr 1fr 1fr;\n  gap:clamp(28px,4vw,56px);\n  padding-bottom:clamp(56px,7vw,110px);\n}\n#lp .footer__brandbox{\n  align-self:start;\n  display:flex;flex-direction:column;gap:18px;\n  padding:20px;\n  border-radius:var(--r-sm);\n  border:1px solid rgba(255,255,255,.10);\n  background:rgba(255,255,255,.02);\n  max-width:250px;\n}\n#lp .footer__brandbox .btn{width:100%;justify-content:space-between}\n#lp .footer__colTitle{\n  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;\n  color:rgba(255,255,255,.38);margin-bottom:18px;\n}\n#lp .footer__links{display:flex;flex-direction:column;gap:11px}\n#lp .footer__links a{\n  font-size:13.5px;color:rgba(255,255,255,.72);\n  transition:color .2s var(--ease), transform .2s var(--ease);\n  width:max-content;\n}\n#lp .footer__links a:hover{color:#fff;transform:translateX(3px)}\n\n#lp .footer__bottom{\n  display:flex;flex-wrap:wrap;gap:14px 40px;\n  padding-block:22px;\n  border-top:1px solid rgba(255,255,255,.09);\n  font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;\n  color:rgba(255,255,255,.34);\n}\n#lp .footer__wordmark{\n  display:block;width:100%;\n  margin-top:-2px;\n  font-size:clamp(4.5rem,17.5vw,16rem);\n  font-weight:700;line-height:.78;letter-spacing:-.01em;\n  text-align:center;\n  color:transparent;\n  background:linear-gradient(180deg,#0B1A38 0%,#050A15 78%);\n  -webkit-background-clip:text;background-clip:text;\n  user-select:none;pointer-events:none;\n  overflow:hidden;\n  max-height:.62em;\n}\/* ============================================================\n   ANIMA\u00c7\u00d5ES\n   ============================================================ *\/\/* A faixa tem 2 c\u00f3pias id\u00eanticas. A largura \u00e9 2C + gap, ent\u00e3o -50% para\n   meio gap antes da emenda \u2014 da\u00ed o \"- gap\/2\", que fecha o loop sem salto. *\/@keyframes scroll-left{\n  from{transform:translateX(0)}\n  to{transform:translateX(calc(-50% - var(--mq-gap)\/2))}\n}@keyframes scroll-right{\n  from{transform:translateX(calc(-50% - var(--mq-gap)\/2))}\n  to{transform:translateX(0)}\n}@keyframes pulse{\n  0%,100%{opacity:1}\n  50%{opacity:.35}\n}@keyframes blink{\n  0%,60%,100%{opacity:.3;transform:translateY(0)}\n  30%{opacity:1;transform:translateY(-2px)}\n}\/* Entrada \u2014 anima s\u00f3 opacity+translate em elementos que n\u00e3o usam transform para posicionar *\/\n\n\n\n\n\n\n\n\n\n#lp .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease), transform .7s var(--ease)}\n#lp .reveal.is-in{opacity:1;transform:none}\n#lp .reveal--inline{display:flex}\n#lp .reveal[data-delay=\"1\"]{transition-delay:.08s}\n#lp .reveal[data-delay=\"2\"]{transition-delay:.16s}\n#lp .reveal[data-delay=\"3\"]{transition-delay:.24s}\n\n\/* ============================================================\n   RESPONSIVO\n   ============================================================ *\/\n@media (max-width:1100px){\n  #lp .emissao__grid{grid-template-columns:1fr 1fr}\n  #lp .emissao__grid .ecard--wide{grid-column:1 \/ -1;min-height:300px}\/* Empilhado o menu n\u00e3o precisa de uma faixa alta: a arte tem altura fixa\n     e o resto viraria fundo cinza vazio. *\/\n  \n  #lp .erp__card{grid-template-columns:1fr}\n  #lp .erp__right{min-height:0;padding:32px 0}\n  #lp .erp__right img{height:402px;max-height:52vh}\n}\n\n@media (max-width:980px){\n  :root{--gutter:20px;--header-h:84px}\n\n  #lp .nav, #lp .header__cta{display:none}\n  #lp .burger{display:grid}\n  #lp .header{padding-top:16px}\n  #lp .header__bar{height:56px}\/* Hero mais alto, conte\u00fado apoiado na base.\n     svh \u00e9 a altura da viewport com a barra do navegador vis\u00edvel \u2014 evita o\n     conte\u00fado ser empurrado para fora quando a barra some no scroll do iOS.\n     O vh vem antes como reserva para navegadores que n\u00e3o conhecem svh. *\/\n\n  \n  #lp .hero{\n    min-height:92vh;\n    min-height:92svh;\n    align-items:flex-end;\n    padding-block:calc(var(--header-h) + 44px) calc(40px + var(--trustbar-h));\n  }\/* Degrad\u00ea subindo da base para dar contraste ao texto.\n     z-index 1 fica entre a foto (0) e o conte\u00fado (2). *\/\n  \n  #lp .hero::after{\n    content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;\n    background:linear-gradient(180deg,\n      rgba(3,5,9,0) 26%,\n      rgba(3,5,9,.50) 55%,\n      rgba(3,5,9,.94) 80%,\n      rgba(3,5,9,.98) 100%);\n  }\n  #lp .hero__media img{object-position:72% 42%}\n  #lp .hero .h1{max-width:none}\n\n  #lp .emissao__head{flex-direction:column;align-items:flex-start;gap:16px}\n  #lp .emissao__headText{text-align:left;max-width:52ch}\n  #lp .emissao__head .h2{max-width:none}\n\n  #lp .a1__grid{grid-template-columns:1fr}\/* Empilhado n\u00e3o faz sentido grudar no topo *\/\n  \n  #lp .a1__figure{position:relative;top:auto;min-height:340px;order:-1}\n\n  #lp .banner__panel{padding:22px}\n  #lp .banner__title{max-width:none}\n\n  #lp .footer__grid{grid-template-columns:1fr 1fr;gap:36px 28px}\n  #lp .footer__brandbox{grid-column:1 \/ -1;max-width:280px}\n}\n\n@media (max-width:680px){\n  :root{--gutter:18px}\n  #lp .section{padding-block:56px}\n\n  #lp .btn{padding:6px 6px 6px 18px;font-size:11px;gap:10px}\n  #lp .btn__arrow{width:30px;height:30px}\n  #lp .btn--lg{padding:6px 6px 6px 20px;font-size:11.5px}\n  #lp .btn--lg .btn__arrow{width:32px;height:32px}\n\n  #lp .chip{font-size:11.5px;padding:4px 12px 4px 4px}\n  #lp .chip__tag{font-size:10px;padding:3px 9px}\n\n  #lp .emissao__grid{grid-template-columns:1fr;gap:16px}\n  #lp .emissao__grid .ecard--wide{min-height:280px}\n  #lp .ecard{min-height:300px;padding:20px}\/* Empilhada, a faixa cresce \u2014 o hero precisa saber a nova altura *\/\n\n  \n  :root{--trustbar-h:132px}\n  #lp .trustbar__list{\n    flex-direction:column;align-items:flex-start;justify-content:center;\n    gap:12px;padding-block:20px;\n  }\n\n  #lp .banner{min-height:0;padding-top:200px}\n  #lp .banner__panel{flex-direction:column;align-items:flex-start;gap:20px}\n  #lp .banner__panel .btn{width:100%;justify-content:space-between}\n\n  #lp .chat{border-radius:var(--r-sm);padding-bottom:44px}\n  #lp .chat__body{padding:18px 14px 8px}\n  #lp .msg{max-width:88%}\n\n      \n  #lp .review{width:262px;padding:17px}\n\n  #lp .final__box{padding-bottom:60px}\n  #lp .final__box .btn{width:100%;justify-content:space-between}\n\n  #lp .footer__grid{grid-template-columns:1fr;gap:32px}\n  #lp .footer__brandbox{max-width:none}\n  #lp .footer__bottom{flex-direction:column;gap:8px;font-size:9px}\n\n  #lp .marquee__track{animation-duration:160s}\n}\n\n@media (prefers-reduced-motion:reduce){\n  #lp *, #lp *::before, #lp *::after{\n    animation-duration:.001ms !important;\n    animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n    scroll-behavior:auto !important;\n  }\n  #lp .reveal{opacity:1;transform:none}\n  #lp .marquee__track{animation:none}\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"lp\">\n\n<!-- ============================ HEADER ============================ -->\n<header class=\"header\" id=\"header\" data-node-id=\"120:303\">\n  <div class=\"header__bar\">\n    <a class=\"brand\" href=\"#topo\" aria-label=\"Gladium ERP \u2014 in\u00edcio\">\n      <img decoding=\"async\" class=\"brand__logo\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/logo-branca.webp\" width=\"78\" height=\"26\" alt=\"Grupo Gladium ERP\">\n    <\/a>\n\n    <nav class=\"nav\" aria-label=\"Navega\u00e7\u00e3o principal\">\n      <a class=\"nav__link\" href=\"#como-funciona\">Como funciona<\/a>\n      <a class=\"nav__link\" href=\"#certificado-a1\">Certificado A1<\/a>\n      <a class=\"nav__link\" href=\"#depoimentos\">Depoimentos<\/a>\n    <\/nav>\n\n    <a class=\"btn btn--ghost header__cta\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n      Solicitar acesso\n      <span class=\"btn__arrow\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/span>\n    <\/a>\n\n    <button class=\"burger\" id=\"burger\" aria-label=\"Abrir menu\" aria-expanded=\"false\" aria-controls=\"drawer\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<div class=\"drawer\" id=\"drawer\">\n  <a href=\"#como-funciona\">Como funciona<\/a>\n  <a href=\"#certificado-a1\">Certificado A1<\/a>\n  <a href=\"#depoimentos\">Depoimentos<\/a>\n  <a class=\"btn btn--primary\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n    Solicitar acesso\n    <span class=\"btn__arrow\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/span>\n  <\/a>\n<\/div>\n\n<main id=\"topo\">\n\n<!-- ============================ 1. HERO ============================ -->\n<section class=\"hero\" data-node-id=\"hero\">\n  <div class=\"hero__media\">\n    <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/hero.webp\" alt=\"Empres\u00e1rio emitindo notas fiscais no computador do escrit\u00f3rio\" fetchpriority=\"high\" width=\"1920\" height=\"1000\">\n  <\/div>\n\n  <div class=\"container hero__inner\">\n    <div class=\"hero__content\">\n      <span class=\"chip reveal\">\n        <span class=\"chip__tag\">NF-e e NFS-e<\/span>\n        Emissor de Notas Fiscais\n      <\/span>\n\n      <h1 class=\"h1 reveal\" data-delay=\"1\">\n        Emita suas notas com\n        o <span class=\"accent--light\">certificado digital A1<\/span>\n        por nossa conta.\n      <\/h1>\n\n      <p class=\"hero__sub reveal\" data-delay=\"2\">\n        <b>Feito para empres\u00e1rios<\/b> que emitem notas de produtos e servi\u00e7os,\n        com suporte humano em cada etapa.\n      <\/p>\n\n      <!-- O .reveal fica no wrapper, nao no link: sen\u00e3o a animacao de entrada e o\n           hover disputam a mesma propriedade transform e o hover nao acontece. -->\n      <div class=\"reveal reveal--inline\" data-delay=\"3\">\n        <a class=\"btn btn--primary btn--lg\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n          Quero emitir minhas notas\n          <span class=\"btn__arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <p class=\"hero__note reveal\" data-delay=\"3\">Planos a partir de R$ 99\/m\u00eas.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Trust bar -->\n<section class=\"trustbar\" aria-label=\"Diferenciais\">\n  <div class=\"container\">\n    <ul class=\"trustbar__list\">\n      <li class=\"trustbar__item\">Mais de 10 anos de mercado<\/li>\n      <li class=\"trustbar__item\">Suporte humano todos os dias<\/li>\n      <li class=\"trustbar__item\">Atualizado com o governo<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<!-- ============================ 2. FEATURES ============================ -->\n<section class=\"section features\" id=\"como-funciona\" data-node-id=\"features\">\n  <div class=\"container\">\n    <div class=\"stack-center\">\n      <h2 class=\"h2 measure-lg reveal\">\n        Tudo que sua empresa precisa para emitir, organizar e enviar notas, <span class=\"accent\">sem complica\u00e7\u00e3o.<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"showcase reveal\" data-delay=\"1\">\n      <div class=\"showcase__frame\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/sistema-gladium-v2.webp\" width=\"1245\" height=\"641\" loading=\"lazy\"\n             alt=\"Telas do Gladium: listagem de notas fiscais emitidas com filtros de pesquisa e a janela de envio dos XMLs para o e-mail da contabilidade.\">\n      <\/div>\n\n      <div class=\"showcase__cards\">\n        <article class=\"fcard fcard--1\">\n          <span class=\"fcard__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9 1 3 9h4l-1 6 6-8H8l1-6Z\" fill=\"currentColor\"\/><\/svg>\n          <\/span>\n          <div>\n            <h3 class=\"fcard__title\">Emiss\u00e3o r\u00e1pida<\/h3>\n            <p class=\"fcard__desc\">Gere notas de produto e servi\u00e7o em poucos cliques, com valida\u00e7\u00e3o autom\u00e1tica.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"fcard fcard--2\">\n          <span class=\"fcard__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M14.5 1.5 1.8 6.4c-.5.2-.5.9 0 1.1l4.6 1.7 1.7 4.6c.2.5.9.5 1.1 0l4.9-12.7c.2-.5-.3-.9-.6-.6Z\" fill=\"currentColor\"\/><\/svg>\n          <\/span>\n          <div>\n            <h3 class=\"fcard__title\">Envio para a contabilidade<\/h3>\n            <p class=\"fcard__desc\">Selecione o per\u00edodo e envie o XML das notas em poucos cliques.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"fcard fcard--3\">\n          <span class=\"fcard__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"5.4\" height=\"5.4\" rx=\"1.2\" fill=\"currentColor\"\/><rect x=\"9.1\" y=\"1.5\" width=\"5.4\" height=\"5.4\" rx=\"1.2\" fill=\"currentColor\"\/><rect x=\"1.5\" y=\"9.1\" width=\"5.4\" height=\"5.4\" rx=\"1.2\" fill=\"currentColor\"\/><rect x=\"9.1\" y=\"9.1\" width=\"5.4\" height=\"5.4\" rx=\"1.2\" fill=\"currentColor\"\/><\/svg>\n          <\/span>\n          <div>\n            <h3 class=\"fcard__title\">Organiza\u00e7\u00e3o autom\u00e1tica<\/h3>\n            <p class=\"fcard__desc\">Todas as notas emitidas ficam centralizadas e f\u00e1ceis de consultar, sem planilha.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 3. TIPOS DE EMISS\u00c3O ============================ -->\n<section class=\"section emissao\" data-node-id=\"emissao\">\n  <div class=\"container\">\n    <div class=\"emissao__head\">\n      <div class=\"reveal\">\n        <span class=\"eyebrow eyebrow--onDark\">Tipos de emiss\u00e3o<\/span>\n        <h2 class=\"h2\" style=\"margin-top:16px\">\n          Emite nota de produto, de servi\u00e7o, ou os dois? <b class=\"strong\" style=\"color:#fff\">O Gladium resolve.<\/b>\n        <\/h2>\n      <\/div>\n      <p class=\"emissao__headText reveal\" data-delay=\"1\">\n        N\u00e3o importa o que sua empresa vende. Um emissor s\u00f3, para toda a opera\u00e7\u00e3o fiscal.\n      <\/p>\n    <\/div>\n\n    <div class=\"emissao__grid\">\n      <a class=\"ecard reveal\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"ecard__img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/emissao-produto.webp\" alt=\"Empres\u00e1ria conferindo notas de produto\" loading=\"lazy\" width=\"321\" height=\"362\"><\/span>\n        <span class=\"ecard__arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n        <h3 class=\"ecard__title\">Produto<\/h3>\n        <p class=\"ecard__desc\">NF-e com valida\u00e7\u00e3o autom\u00e1tica e envio \u00e0 contabilidade<\/p>\n      <\/a>\n\n      <a class=\"ecard reveal\" data-delay=\"1\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"ecard__img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/emissao-servico.webp\" alt=\"Prestador de servi\u00e7o emitindo NFS-e\" loading=\"lazy\" width=\"321\" height=\"362\"><\/span>\n        <span class=\"ecard__arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n        <h3 class=\"ecard__title\">Servi\u00e7o<\/h3>\n        <p class=\"ecard__desc\">NFS-e conforme as regras do seu munic\u00edpio<\/p>\n      <\/a>\n\n      <a class=\"ecard ecard--wide reveal\" data-delay=\"2\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"ecard__img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/emissao-ambos.webp\" alt=\"Empres\u00e1rio emitindo NF-e e NFS-e no mesmo sistema\" loading=\"lazy\" width=\"559\" height=\"362\"><\/span>\n        <span class=\"ecard__arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n        <h3 class=\"ecard__title\">Os dois no mesmo CNPJ<\/h3>\n        <p class=\"ecard__desc\">Emita NF-e e NFS-e no mesmo lugar, sem alternar entre sistemas<\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 4. CERTIFICADO A1 ============================ -->\n<section class=\"section a1\" id=\"certificado-a1\" data-node-id=\"a1\">\n  <div class=\"container\">\n    <div class=\"stack-center\">\n      <span class=\"eyebrow reveal\">Certificado digital A1<\/span>\n      <h2 class=\"h2 measure-md reveal\" data-delay=\"1\">\n        Toda nota come\u00e7a antes do n\u00famero. <span class=\"accent\">Come\u00e7a no A1.<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"a1__grid\">\n      <div class=\"a1__col\">\n        <article class=\"stepcard reveal\">\n          <span class=\"mono-label\">01 \u00b7 O ponto de partida<\/span>\n          <h3 class=\"h3\">Sem A1, a nota nem chega a existir.<\/h3>\n          <p class=\"stepcard__desc\">Ele autentica cada emiss\u00e3o da empresa. Quando fica para depois, a opera\u00e7\u00e3o inteira fica esperando.<\/p>\n        <\/article>\n\n        <article class=\"stepcard reveal\" data-delay=\"1\">\n          <span class=\"mono-label\">02 \u00b7 O que fazemos<\/span>\n          <h3 class=\"h3\">O A1 entra junto. N\u00e3o como outro problema.<\/h3>\n          <p class=\"stepcard__desc\">A Gladium acompanha o processo do certificado e conecta essa etapa \u00e0 ferramenta que voc\u00ea j\u00e1 vai usar para emitir.<\/p>\n        <\/article>\n\n        <article class=\"stepcard reveal\" data-delay=\"2\">\n          <span class=\"mono-label\">03 \u00b7 Como funciona<\/span>\n          <h3 class=\"h3\">Voc\u00ea chega \u00e0 primeira nota com o essencial resolvido.<\/h3>\n          <p class=\"stepcard__desc\">Se o A1 \u00e9 novo, acompanhamos a emiss\u00e3o. Se j\u00e1 existe, apontamos o arquivo no emissor e seguimos.<\/p>\n        <\/article>\n      <\/div>\n\n      <figure class=\"a1__figure reveal\" data-delay=\"1\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/a1-certificado.webp\" alt=\"Certificado digital A1 autenticando a emiss\u00e3o\" loading=\"lazy\" width=\"639\" height=\"456\">\n        <figcaption class=\"a1__caption\">Um arquivo. Toda a emiss\u00e3o.<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 5. BANNER ============================ -->\n<section class=\"banner\" data-node-id=\"banner\">\n  <div class=\"banner__img\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/banner-especialista.webp\" alt=\"Especialista Gladium em atendimento\" loading=\"lazy\" width=\"1920\" height=\"870\">\n  <\/div>\n  <div class=\"container\" style=\"position:relative;z-index:2\">\n    <div class=\"banner__panel reveal\">\n      <h2 class=\"banner__title\">Do cadastro \u00e0 <b>primeira nota<\/b>,<br>sem voc\u00ea travar em nada.<\/h2>\n      <a class=\"btn btn--primary btn--lg\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n        Falar com um especialista\n        <span class=\"btn__arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 6. ATENDIMENTO ============================ -->\n<section class=\"section atendimento\" data-node-id=\"atendimento\">\n  <div class=\"container\">\n    <div class=\"stack-center\">\n      <span class=\"eyebrow reveal\">Como funciona o atendimento<\/span>\n      <h2 class=\"h2 measure-lg reveal\" data-delay=\"1\">\n        Voc\u00ea n\u00e3o fica esperando resposta. <span class=\"accent\">O processo j\u00e1 come\u00e7a.<\/span>\n      <\/h2>\n      <p class=\"lead measure-lg atendimento__sub reveal\" data-delay=\"2\">\n        <b>Atendimento humano de segunda a sexta, das 8h \u00e0s 12h e das 14h \u00e0s 18h, e aos s\u00e1bados das 8h \u00e0s 12h.<\/b>\n        Fora desses hor\u00e1rios, nossa assistente virtual com IA atende voc\u00ea 24h.\n      <\/p>\n    <\/div>\n\n    <div class=\"chat reveal\" data-delay=\"1\" aria-label=\"Exemplo de conversa com o time comercial\">\n      <div class=\"chat__head\">\n        <span class=\"chat__avatar\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/logo-branca.webp\" width=\"78\" height=\"26\" alt=\"\" style=\"width:auto;height:11px\">\n        <\/span>\n        <span class=\"chat__who\">Gladium \u00b7 comercial<\/span>\n        <span class=\"chat__status\">on-line agora<\/span>\n      <\/div>\n\n      <div class=\"chat__body\">\n        <p class=\"msg msg--out\">Mandei o CNPJ e os dados do respons\u00e1vel.<span class=\"msg__time\">14:02 \u2713\u2713<\/span><\/p>\n        <p class=\"msg\">Recebi. Seu checkout est\u00e1 aqui, j\u00e1 com as condi\u00e7\u00f5es da sua opera\u00e7\u00e3o.<span class=\"msg__time\">14:04<\/span><\/p>\n        <p class=\"msg msg--link\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\" width=\"10\" height=\"10\" aria-hidden=\"true\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          checkout-emissor.link<span class=\"msg__time\">14:04<\/span>\n        <\/p>\n        <p class=\"msg msg--out\">Fechado. S\u00f3 que eu n\u00e3o tenho certificado A1.<span class=\"msg__time\">14:09 \u2713\u2713<\/span><\/p>\n        <p class=\"msg\">Sem problema, isso \u00e9 com a gente. J\u00e1 separei os dados que preciso e agendo com o Agente de Registro. Voc\u00ea n\u00e3o precisa procurar nada.<span class=\"msg__time\">14:10<\/span><\/p>\n        <p class=\"msg\">Seu m\u00f3dulo j\u00e1 est\u00e1 liberado para teste enquanto isso.<span class=\"msg__time\">14:11<\/span><\/p>\n        <span class=\"typing\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 7. ERP ============================ -->\n<section class=\"erp\" data-node-id=\"erp\">\n  <div class=\"container\">\n    <div class=\"erp__card reveal\">\n      <div class=\"erp__left\">\n        <h2 class=\"h2\">Por tr\u00e1s do emissor, tem um <span class=\"accent\">sistema inteiro<\/span> esperando.<\/h2>\n        <p>\n          Al\u00e9m do emissor, o Gladium abre m\u00f3dulos de <b>Financeiro, Estoque, CRM, Cadastro, Capta\u00e7\u00e3o,\n          Operacional, Recursos Humanos, Gestor, Administra\u00e7\u00e3o e Suporte<\/b>, todos no mesmo lugar\n          e no mesmo login.\n        <\/p>\n        <p>\n          Seus dados de cliente, produto e certificado j\u00e1 chegam prontos em cada m\u00f3dulo,\n          <b>sem recadastro.<\/b> Sua empresa cresce e o sistema acompanha, sem trocar de ferramenta.\n        <\/p>\n      <\/div>\n\n      <div class=\"erp__right\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/sistemas-adicionais.png\" width=\"252\" height=\"402\" loading=\"lazy\"\n             alt=\"Menu de navega\u00e7\u00e3o do Gladium com os m\u00f3dulos Administra\u00e7\u00e3o, Cadastro, Capta\u00e7\u00e3o, CRM, Estoque, Financeiro, Gestor, Operacional, Recursos Humanos e Suporte.\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 8. DEPOIMENTOS ============================ -->\n<section class=\"section depo\" id=\"depoimentos\" data-node-id=\"depoimentos\">\n  <div class=\"container\">\n    <div class=\"stack-center\">\n      <span class=\"eyebrow reveal\">Quem j\u00e1 usa<\/span>\n      <h2 class=\"h2 measure-md reveal\" data-delay=\"1\">\n        Empres\u00e1rios que j\u00e1 resolveram a nota fiscal com <span class=\"accent\">o Gladium<\/span>.\n      <\/h2>\n      <p class=\"lead reveal\" data-delay=\"2\">Avalia\u00e7\u00f5es reais de quem j\u00e1 usa o Gladium todos os dias.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"marquees\">\n    <div class=\"marquee marquee--right\" data-marquee><div class=\"marquee__track\" data-track><\/div><\/div>\n    <div class=\"marquee\" data-marquee><div class=\"marquee__track\" data-track><\/div><\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================ 9. CTA FINAL ============================ -->\n<section class=\"final\" data-node-id=\"cta-final\">\n  <div class=\"container\">\n    <div class=\"final__box reveal\">\n      <span class=\"final__pixels\" aria-hidden=\"true\"><\/span>\n      <span class=\"eyebrow eyebrow--center\">Comece agora<\/span>\n      <h2 class=\"h2\" style=\"margin-top:16px\">\n        Sua empresa n\u00e3o precisa mais esperar para <span class=\"accent\">emitir notas<\/span>.\n      <\/h2>\n      <a class=\"btn btn--primary btn--lg\" style=\"margin-top:30px\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n        Falar com um especialista\n        <span class=\"btn__arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<!-- ============================ FOOTER ============================ -->\n<footer class=\"footer\" data-node-id=\"footer\">\n  <div class=\"container\">\n    <div class=\"footer__grid\">\n      <div class=\"footer__brandbox\">\n        <a class=\"brand\" href=\"#topo\" aria-label=\"Gladium ERP\">\n          <img decoding=\"async\" class=\"brand__logo\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/logo-branca.webp\" width=\"78\" height=\"26\" alt=\"Grupo Gladium ERP\">\n        <\/a>\n        <a class=\"btn btn--primary\" href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">\n          Solicitar acesso\n          <span class=\"btn__arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 9 9 3M9 3H4.2M9 3v4.8\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <nav aria-labelledby=\"ft-produto\">\n        <h2 class=\"footer__colTitle\" id=\"ft-produto\">Produto<\/h2>\n        <ul class=\"footer__links\">\n          <li><a href=\"#como-funciona\">Emissor de NF<\/a><\/li>\n          <li><a href=\"#certificado-a1\">Certificado A1<\/a><\/li>\n          <li><a href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">M\u00f3dulos do ERP<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <nav aria-labelledby=\"ft-menu\">\n        <h2 class=\"footer__colTitle\" id=\"ft-menu\">Menu<\/h2>\n        <ul class=\"footer__links\">\n          <li><a href=\"#como-funciona\">Como funciona<\/a><\/li>\n          <li><a href=\"#certificado-a1\">Certificado A1<\/a><\/li>\n          <li><a href=\"#depoimentos\">Depoimentos<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <nav aria-labelledby=\"ft-contato\">\n        <h2 class=\"footer__colTitle\" id=\"ft-contato\">Contato<\/h2>\n        <ul class=\"footer__links\">\n          <li><a href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">WhatsApp comercial<\/a><\/li>\n          <li><a href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">Solicitar acesso<\/a><\/li>\n          <li><a href=\"https:\/\/wa.me\/556196019931?text=Ol%C3%A1%2C%20quero%20ativar%20o%20Emissor%20Fiscal%20do%20ERP%20Gladium%20e%20come%C3%A7ar%20a%20emitir%20nota%20fiscal.\" target=\"_blank\" rel=\"noopener\">Falar com o time<\/a><\/li>\n        <\/ul>\n      <\/nav>\n    <\/div>\n\n    <div class=\"footer__bottom\">\n      <span>\u00a9 2026 Grupo Gladium \u00b7 Todos os direitos reservados<\/span>\n      <span>Emissor de nota fiscal \u00b7 Certificado digital A1<\/span>\n    <\/div>\n  <\/div>\n\n  <span class=\"footer__wordmark\" aria-hidden=\"true\">GLADIUM<\/span>\n<\/footer>\n\n<script>\n(function(){\n  \"use strict\";\n\n  var reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  \/* ---------- Header sticky ---------- *\/\n  var header = document.getElementById(\"header\");\n  function onScroll(){\n    if(header) header.classList.toggle(\"is-stuck\", window.scrollY > 24);\n  }\n  window.addEventListener(\"scroll\", onScroll, {passive:true});\n  onScroll();\n\n  \/* ---------- Menu mobile (delega\u00e7\u00e3o) ---------- *\/\n  var drawer = document.getElementById(\"drawer\");\n  var burger = document.getElementById(\"burger\");\n\n  function closeDrawer(){\n    if(!drawer) return;\n    drawer.classList.remove(\"is-open\");\n    if(burger){ burger.classList.remove(\"is-open\"); burger.setAttribute(\"aria-expanded\",\"false\"); }\n    document.body.style.overflow = \"\";\n  }\n\n  document.addEventListener(\"click\", function(e){\n    var b = e.target.closest(\"#burger\");\n    if(b){\n      var open = drawer.classList.toggle(\"is-open\");\n      b.classList.toggle(\"is-open\", open);\n      b.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n      document.body.style.overflow = open ? \"hidden\" : \"\";\n      return;\n    }\n    if(e.target.closest(\"#drawer a\")) closeDrawer();\n  });\n\n  document.addEventListener(\"keydown\", function(e){\n    if(e.key === \"Escape\") closeDrawer();\n  });\n\n  \/* ---------- Reveal on scroll ---------- *\/\n  var revealables = document.querySelectorAll(\".reveal\");\n  if(reduced || !(\"IntersectionObserver\" in window)){\n    Array.prototype.forEach.call(revealables, function(el){ el.classList.add(\"is-in\"); });\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){\n          en.target.classList.add(\"is-in\");\n          io.unobserve(en.target);\n        }\n      });\n    }, {rootMargin:\"0px 0px -12% 0px\", threshold:0.08});\n    Array.prototype.forEach.call(revealables, function(el){ io.observe(el); });\n  }\n\n  \/* ---------- Depoimentos: marquee infinito ---------- *\/\n  \/* Avalia\u00e7\u00f5es reais do Google Meu Neg\u00f3cio \u2014 Grupo Gladium (4,7 \u00b7 51 avalia\u00e7\u00f5es).\n     Coletadas em 10\/08\/2026, apenas as de 5 estrelas com texto.\n     `foto` aponta para https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/, mesmo n\u00edvel das outras imagens do WordPress.\n     Se o arquivo n\u00e3o existir, o card cai no avatar de iniciais automaticamente. *\/\n  var REVIEWS = [\n    {name:\"Maria Aparecida Barbosa da Silva\", count:\"2 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"maria-aparecida\",\n     text:\"Gostaria de registrar minha satisfa\u00e7\u00e3o com o atendimento prestado durante o processo de aquisi\u00e7\u00e3o do certificado digital. Desde o in\u00edcio, a empresa demonstrou efici\u00eancia e clareza ao fornecer todas as informa\u00e7\u00f5es necess\u00e1rias.\"},\n    {name:\"Nara Marinho\", count:\"2 avalia\u00e7\u00f5es\", when:\"3 meses atr\u00e1s\", foto:\"nara-marinho\",\n     text:\"O atendimento do suporte \u00e9 de qualidade, sempre prestado com aten\u00e7\u00e3o, agilidade e clareza. Al\u00e9m disso, as emiss\u00f5es do certificado digital s\u00e3o simples, seguras e podem ser realizadas de forma totalmente online, o que traz mais praticidade e confian\u00e7a ao processo.\"},\n    {name:\"Arthur Porfirio\", count:\"9 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"arthur-porfirio\",\n     text:\"Melhor pre\u00e7o que encontrei para o certificado e-CNPJ A1, atendimento r\u00e1pido e na hora, em menos de 2 horas ap\u00f3s o primeiro contato eu j\u00e1 estava com meu certificado digital.\"},\n    {name:\"Victor Hugo Nogueira\", count:\"1 avalia\u00e7\u00e3o\", when:\"2 meses atr\u00e1s\", foto:\"victor-hugo\",\n     text:\"Todo processo foi r\u00e1pido, simples e eficiente. Com o acompanhamento t\u00e9cnico, a equipe procedeu com a emiss\u00e3o do certificado digital A1 com a agilidade na qual eu requeria. Agrade\u00e7o o apoio. Indico a todos.\"},\n    {name:\"Anderson Luiz\", count:\"10 avalia\u00e7\u00f5es\", when:\"3 meses atr\u00e1s\", foto:\"anderson-luiz\",\n     text:\"Pessoas competentes, pre\u00e7o acess\u00edvel e r\u00e1pido. N\u00e3o levou 4 horas todo o processo de primeiro contato, coleta de dados, videoconfer\u00eancia e emiss\u00e3o do certificado.\"},\n    {name:\"Lu\u00eds Carlos Jr.\", count:\"5 avalia\u00e7\u00f5es\", when:\"3 meses atr\u00e1s\", foto:\"luis-carlos\",\n     text:\"Emiss\u00e3o de certificado digital r\u00e1pida e eficiente. O ERP Gladium e o Gladium Talks tamb\u00e9m funcionam muito bem. O suporte resolve e se mostra empenhado na resolu\u00e7\u00e3o de problemas. Equipe comercial, tamb\u00e9m, muito sol\u00edcita!\"},\n    {name:\"Sissa Fernandes\", count:\"4 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"sissa-fernandes\",\n     text:\"Foi \u00f3timo. Fui muito bem atendida. O atendente bem atencioso e resolveu prontamente o meu problema.\"},\n    {name:\"Elmice Maria Catta Preta Carneiro\", count:\"3 avalia\u00e7\u00f5es\", when:\"um m\u00eas atr\u00e1s\", foto:\"elmice-maria\",\n     text:\"Excelente. Atendimento r\u00e1pido e eficiente. Clareza nas orienta\u00e7\u00f5es e o atendente muito atencioso.\"},\n    {name:\"Dhiego Junger\", count:\"11 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"dhiego-junger\",\n     text:\"Me salvou no meu sistema. Atendimento r\u00e1pido e o J\u00fanior me atendeu muito bem.\"},\n    {name:\"Nanderson Matheus\", count:\"2 avalia\u00e7\u00f5es\", when:\"3 meses atr\u00e1s\", foto:\"nanderson-matheus\",\n     text:\"O suporte \u00e9 atencioso e busca compreender o problema a fundo antes de sugerir solu\u00e7\u00f5es.\"},\n    {name:\"allugre\", count:\"3 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"allugre\",\n     text:\"Fui super bem atendido por J\u00fanior, do in\u00edcio at\u00e9 o fim. A verifica\u00e7\u00e3o por v\u00eddeo foi r\u00e1pida e eficiente tamb\u00e9m.\"},\n    {name:\"Kumon Itabira\", count:\"2 avalia\u00e7\u00f5es\", when:\"um m\u00eas atr\u00e1s\", foto:\"kumon-itabira\",\n     text:\"Fui muito bem atendida e minha demanda foi resolvida com agilidade.\"},\n    {name:\"Bruno Noli\", count:\"1 avalia\u00e7\u00e3o\", when:\"2 meses atr\u00e1s\", foto:\"bruno-noli\",\n     text:\"Muito tranquilo, tudo esclarecido. Servi\u00e7o r\u00e1pido e de qualidade.\"},\n    {name:\"Ioshua Schmitz\", count:\"4 avalia\u00e7\u00f5es\", when:\"3 meses atr\u00e1s\", foto:\"ioshua-schmitz\",\n     text:\"R\u00e1pido, eficiente e \u00f3timo custo-benef\u00edcio. Recomendo.\"},\n    {name:\"Antenor Fa\", count:\"2 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"antenor-fa\",\n     text:\"Excelentes profissionais. Super dedicados e atenciosos.\"},\n    {name:\"Maria Higor\", count:\"3 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"maria-higor\",\n     text:\"Muito atencioso e resolveu tudo. Indico.\"},\n    {name:\"Camila Salom\u00e3o\", count:\"11 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"camila-salomao\",\n     text:\"Instala\u00e7\u00e3o r\u00e1pida, e muito bom o atendimento.\"},\n    {name:\"Jessica Carvalho\", count:\"6 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"jessica-carvalho\",\n     text:\"Atenciosos, prestativos e muito eficientes.\"},\n    {name:\"Asas do Rock\", count:\"5 avalia\u00e7\u00f5es\", when:\"2 meses atr\u00e1s\", foto:\"asas-do-rock\",\n     text:\"O emissor de nota me ajudou muito.\"}\n  ];\n\n  var G_SVG = '<svg class=\"review__g\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\n    '<path fill=\"#4285F4\" d=\"M23.5 12.27c0-.82-.07-1.6-.21-2.36H12v4.47h6.45a5.5 5.5 0 0 1-2.39 3.61v3h3.86c2.26-2.08 3.58-5.15 3.58-8.72Z\"\/>' +\n    '<path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.87-3c-1.07.72-2.45 1.15-4.06 1.15-3.12 0-5.77-2.11-6.71-4.95H1.3v3.1A12 12 0 0 0 12 24Z\"\/>' +\n    '<path fill=\"#FBBC05\" d=\"M5.29 14.29a7.2 7.2 0 0 1 0-4.58v-3.1H1.3a12 12 0 0 0 0 10.78l3.99-3.1Z\"\/>' +\n    '<path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0A12 12 0 0 0 1.3 6.61l3.99 3.1C6.23 6.86 8.88 4.75 12 4.75Z\"\/><\/svg>';\n\n  var STAR = '<svg viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"m6 .8 1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 9l-3.2 1.7.6-3.6L.8 4.6l3.6-.5L6 .8Z\"\/><\/svg>';\n\n  \/* Avatar placeholder em SVG inline \u2014 trocar por foto real do Google *\/\n  function avatarFor(name){\n    var initials = name.split(\" \").slice(0,2).map(function(w){return w[0];}).join(\"\");\n    var svg = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\">' +\n      '<defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">' +\n      '<stop offset=\"0\" stop-color=\"#3F6FD8\"\/><stop offset=\"1\" stop-color=\"#12306E\"\/><\/linearGradient><\/defs>' +\n      '<rect width=\"80\" height=\"80\" rx=\"40\" fill=\"url(#g)\"\/>' +\n      '<text x=\"40\" y=\"52\" font-family=\"Space Grotesk, sans-serif\" font-size=\"30\" font-weight=\"600\" ' +\n      'fill=\"#fff\" text-anchor=\"middle\">' + initials + '<\/text><\/svg>';\n    return \"data:image\/svg+xml;charset=utf-8,\" + encodeURIComponent(svg);\n  }\n\n  function reviewHTML(r){\n    return '<article class=\"review\">' +\n      '<div class=\"review__top\">' +\n        \/\/ Tenta a foto do Google baixada localmente; se o arquivo ainda n\u00e3o\n        \/\/ existir, o onerror troca pelo avatar de iniciais sem quebrar o card.\n        '<img loading=\"lazy\" decoding=\"async\" class=\"review__avatar\" src=\"https:\/\/emissor.grupogladium.com.br\/wp-content\/uploads\/2026\/08\/' + r.foto + '.webp\" ' +\n             'alt=\"Foto de ' + r.name + '\" width=\"42\" height=\"42\" loading=\"lazy\" ' +\n             'data-fallback=\"' + avatarFor(r.name) + '\">' +\n        '<div class=\"review__who\">' +\n          '<div class=\"review__name\">' + r.name + '<\/div>' +\n          '<div class=\"review__meta\">' + r.count + '<\/div>' +\n        '<\/div>' + G_SVG +\n      '<\/div>' +\n      '<div class=\"review__rating\">' +\n        '<span class=\"review__stars\">' + STAR + STAR + STAR + STAR + STAR + '<\/span>' +\n        '<span class=\"review__when\">' + r.when + '<\/span>' +\n      '<\/div>' +\n      '<p class=\"review__text\">' + r.text + '<\/p>' +\n    '<\/article>';\n  }\n\n  var tracks = document.querySelectorAll(\"[data-track]\");\n  Array.prototype.forEach.call(tracks, function(track, i){\n    \/\/ Cada faixa come\u00e7a em um ponto diferente da lista para n\u00e3o ficarem id\u00eanticas\n    var list = REVIEWS.slice(i).concat(REVIEWS.slice(0, i));\n    var half = list.map(reviewHTML).join(\"\");\n    \/\/ Duplicado: a anima\u00e7\u00e3o anda -50% e emenda sem salto\n    track.innerHTML = half + half;\n  });\n\n  \/\/ Foto que n\u00e3o carregou cai para o avatar de iniciais.\n  \/\/ 'error' n\u00e3o borbulha, por isso o listener usa captura em vez de delega\u00e7\u00e3o.\n  document.addEventListener(\"error\", function(e){\n    var img = e.target;\n    if(img && img.classList && img.classList.contains(\"review__avatar\")){\n      var fb = img.getAttribute(\"data-fallback\");\n      if(fb && img.src !== fb){ img.src = fb; }\n    }\n  }, true);\n})();\n<\/script>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gladium ERP \u2014 Emissor de Notas Fiscais com Certificado Digital A1 Como funciona Certificado A1 Depoimentos Solicitar acesso Como funciona Certificado A1 Depoimentos Solicitar acesso NF-e e NFS-e Emissor de Notas Fiscais Emita suas notas com o certificado digital A1 por nossa conta. Feito para empres\u00e1rios que emitem notas de produtos e servi\u00e7os, com suporte [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=48"}],"version-history":[{"count":16,"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/emissor.grupogladium.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}