/* ═══════════════════════════════════════════════════════════════════
   premium-2026.css — o site claro, de nível internacional (21-Out-2026)
   ═══════════════════════════════════════════════════════════════════
   Pedido do João: «torna o site do GestorPRO internacional e profissional
   em todos os sentidos, de alto escalão». Escolha dele: CLARO premium.

   Carrega DEPOIS do publico.css, site.css, marca-2026.css e do <style>
   do index.html. Não substitui nenhum: troca as variáveis para claro e
   corrige o branco que estava escrito à mão. Tirar a ligação a este
   ficheiro devolve o site escuro de antes.

   A regra da marca continua: azul é a massa, vermelho é a acção.
   Ficam ESCURAS de propósito (ilhas): a faixa do topo, a faixa da
   Facturação Electrónica, a chamada final, o rodapé e o ecrã de entrada.
   Nelas as variáveis voltam ao azul-noite (.pp-escuro). */

:root{
  --bg:#FFFFFF; --s1:#F6F8FB; --s2:#FFFFFF; --s3:#F1F4F9;
  --b1:#E5EAF1; --b2:#D3DCE7;
  --txt:#0B1628; --muted:#4A5A6F; --dim:#7A879A;
  --azul:#1B6FC9; --azul2:#1B6FC9; --azul3:#155EAD;
  --verde:#0E8F63; --green:#059669; --gold:#B7791F; --gold2:#D69E2E;
  --campo-azul:linear-gradient(135deg,#0B1F3A 0%,#103560 55%,#1B5FA8 100%);
  --azul-cheio:linear-gradient(135deg,#0B1F3A 0%,#103560 55%,#1B5FA8 100%);
  --sombra:0 24px 48px -16px rgba(16,32,64,.18);
  --pp-tinta:#0B1628; --pp-suave:#F6F8FB; --pp-linha:#E5EAF1;
  --pp-azul:#1B6FC9; --pp-verm:#EC1C24; --pp-verm2:#CA1118;
  --pp-sombra-1:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --pp-sombra-2:0 16px 40px -12px rgba(16,32,64,.16),0 2px 6px rgba(16,24,40,.05);
  --pp-sombra-3:0 40px 80px -24px rgba(16,40,80,.28),0 8px 24px -8px rgba(16,40,80,.12);
}

/* As ilhas escuras: as mesmas variáveis do azul-noite de antes */
.pp-escuro,.gm-faixa,.efd,.st-cta,.pb-rodape,body>footer,.modal-bg,#welcomeOverlay,#sysLoader,.st-faixa-parc,
#authPendingOverlay,#pwdResetOverlay,#companySetupOverlay,#escolhaPerfilOverlay{
  --bg:#071120; --s1:#0B1A2D; --s2:#12263D; --s3:#1A3350;
  --b1:#1E3A57; --b2:#2B4E70;
  --txt:#E8F0F8; --muted:#A3B5C9; --dim:#6F849C;
  --azul:#5FC4F8; --azul2:#7FD0FA; --azul3:#3BB2F6;
  --verde:#34D399; --green:#34D399; --gold:#F4B942;
}

html{background:#fff}
body{background:#fff;color:var(--txt);font-feature-settings:"ss01","cv11";letter-spacing:-.003em}
::selection{background:#D6E8FB;color:#0B1628}
body::before{display:none}           /* o ruído do index só fazia sentido no escuro */

/* ── TIPOGRAFIA ─────────────────────────────────────────────────── */
h1,h2,h3,h4{color:inherit}
.pb-tit,h2.sec-title{color:var(--txt);font-weight:800;letter-spacing:-.028em;line-height:1.12}
.pb-tit .grad,.sec-title .grad,.gm-tit em{
  background:linear-gradient(120deg,#155EAD 0%,#1B6FC9 45%,#2A8FE0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pb-sub,p.sec-sub{color:var(--muted)}
.pb-eyebrow,.sec-eyebrow{color:var(--pp-azul)}
.pb-azul .pb-eyebrow{color:var(--pp-azul)}
.sec-eyebrow{background:#EEF5FD;border-color:#D6E8FB}
.eyebrow-gold{background:#FDF6E7!important;color:#9A6512!important;border-color:#F4E2B8!important}
.eyebrow-green{background:#E9F8F1!important;color:#047857!important;border-color:#C6EEDC!important}
.eyebrow-purple{background:#F3EFFE!important;color:#6D28D9!important;border-color:#E2D8FC!important}

/* ── FAIXA DO TOPO: fina, azul-noite, como as marcas grandes ──────── */
.gm-faixa{background:#0B1628;border-bottom:0}
.gm-faixa::after{opacity:.45}

/* ── BARRA DO MENU: branca, vidro leve, um fio em baixo ───────────── */
.pb-nav,body>nav{background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 1px 0 var(--pp-linha)!important;border-bottom:0}
.pb-nav::after,body>nav::after{display:none}
.pb-marca strong,.nav-logo strong{color:var(--pp-tinta)}
.pb-marca-tx span,.nav-logo span{color:var(--dim)}
.pb-a,.nav-a{color:#34445A!important;font-weight:600}
.pb-a:hover,.nav-a:hover{color:var(--pp-tinta)!important;background:#F1F4F9}
.pb-a.on,.nav-a.on{color:var(--pp-tinta)!important;background:#EEF5FD}
.pb-entrar,.btn-login-nav{color:#34445A!important;font-weight:600}
.pb-entrar:hover,.btn-login-nav:hover{color:var(--pp-tinta)!important}
.pb-burger,.nav-burger{border-color:var(--pp-linha)}
.pb-burger span,.nav-burger span{background:var(--pp-tinta)}
.pb-drop-menu,.nav-drop-menu{box-shadow:0 24px 60px -12px rgba(16,32,64,.22),0 0 0 1px rgba(16,32,64,.06)!important;border:0!important}
@media (max-width:900px){
  .pb-links,.nav-links{background:#fff!important;border-bottom:1px solid var(--pp-linha);box-shadow:0 24px 40px -12px rgba(16,32,64,.18)!important}
  .pb-links .pb-a,.nav-links .nav-a,.pb-drop-btn,.nav-drop-btn{color:var(--pp-tinta)!important}
  .pb-drop-menu a:hover,.nav-drop-menu a:hover{background:#F1F4F9}
  .pb-links-acc{border-top-color:var(--pp-linha)}
}

/* ── BOTÕES ─────────────────────────────────────────────────────── */
.pb-btn,.gm-btn,.cta-main,.cta-secondary,.btn-reg-nav{border-radius:10px;letter-spacing:-.005em}
.pb-btn-red,.gm-btn-v,.cta-main,.btn-reg-nav{background:var(--pp-verm)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 1px 2px rgba(16,24,40,.08),0 8px 20px -6px rgba(236,28,36,.45)!important}
.pb-btn-red:hover,.gm-btn-v:hover,.cta-main:hover,.btn-reg-nav:hover{background:var(--pp-verm2)!important;transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(16,24,40,.08),0 14px 28px -8px rgba(236,28,36,.55)!important}
.pb-btn-linha,.gm-btn-l,.cta-secondary,.st-btn-branco{background:#fff!important;color:var(--pp-tinta)!important;
  border:1px solid var(--b2)!important;box-shadow:var(--pp-sombra-1)}
.pb-btn-linha:hover,.gm-btn-l:hover,.cta-secondary:hover,.st-btn-branco:hover{border-color:#9DB3CC!important;color:var(--pp-tinta)!important;background:#fff!important}
/* dentro das ilhas escuras o botão de linha volta a ser branco sobre escuro */
.st-cta .pb-btn-linha,.st-cta .st-btn-branco,.pp-escuro .pb-btn-linha{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;box-shadow:none}
.st-cta .pb-btn-linha:hover,.st-cta .st-btn-branco:hover{border-color:#fff!important}

/* ── SECÇÕES: branco e cinza-pérola, a alternar ───────────────────── */
.pb-sec{background:#fff}
.pb-escura{background:var(--pp-suave);border-color:var(--pp-linha)}
.pb-azul{background:
  radial-gradient(900px 480px at 88% -10%,rgba(59,178,246,.16),transparent 62%),
  radial-gradient(700px 420px at -8% 110%,rgba(236,28,36,.07),transparent 60%),
  linear-gradient(180deg,#F5F9FE 0%,#FFFFFF 100%);
  border-color:var(--pp-linha);color:var(--txt)}
.pb-azul .pb-sub{color:var(--muted)}
.pb-azul .pb-cartao{background:#fff;border-color:var(--pp-linha)}
.pb-azul .pb-cartao p{color:var(--muted)}
.pb-azul .pb-cartao-ic{background:#EEF5FD;color:var(--pp-azul)}

/* ── CARTÕES ────────────────────────────────────────────────────── */
.pb-cartao,.st-bloco,.st-passo,.st-plano,.gp-pr-card,.feat,.step,.plan,.partner-card,.faq-item,.st-faq details,.gp-pr-regras div,.st-ct,.acc-card{
  background:#fff!important;border:1px solid var(--pp-linha)!important;box-shadow:var(--pp-sombra-1)!important}
.pb-cartao:hover,.st-bloco:hover,.st-passo:hover,.feat:hover,.partner-card:hover,a.st-ct:hover{
  border-color:#C9D7E8!important;box-shadow:var(--pp-sombra-2)!important}
.pb-cartao::before{background:linear-gradient(90deg,transparent,var(--pp-azul),transparent)}
.pb-cartao-ic,.st-bloco h3 i,.feat-ic,.efd-ico{box-shadow:none}
.pb-cartao-ic,.st-bloco h3 i{background:#EEF5FD!important;color:var(--pp-azul)!important}
.pb-cartao p,.st-bloco>p,.st-passo p,.feat p,.step p,.pc-desc,.plan-desc{color:var(--muted)!important}
.pb-cartao h3,.st-bloco h3,.st-passo h3,.feat h3,.step h3,.pc-name,.plan-name,.pa-title,.cs-title,.acc-welcome h3,.acc-card-hdr h4,.suc-box h3{color:var(--txt)!important}
.st-passo::before{box-shadow:0 6px 14px -4px rgba(236,28,36,.5)}
.st-lista li{color:#26364B}
.pb-chip,.compliance-b{background:#E9F8F1!important;border-color:#C6EEDC!important;color:#047857!important}
.pb-numeros{background:var(--pp-linha);border-color:var(--pp-linha)}

/* ── HERÓI DAS PÁGINAS DE PRODUTO ─────────────────────────────────── */
.st-hero{color:var(--txt)}
.st-hero::before{background:radial-gradient(800px 480px at 92% 0%,rgba(59,178,246,.14),transparent 60%),
  radial-gradient(600px 380px at -5% 110%,rgba(236,28,36,.06),transparent 60%)}
.st-hero::after{background-image:linear-gradient(rgba(11,22,40,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,22,40,.045) 1px,transparent 1px)}
.st-hero h1{color:var(--pp-tinta)}
.st-hero .pb-sub{color:var(--muted)}
.st-selos{color:var(--muted)}
.st-selos i{color:var(--pp-azul)}
.st-desde{background:#fff;border-color:var(--pp-linha);color:var(--muted);box-shadow:var(--pp-sombra-1)}
.st-desde b{color:var(--pp-tinta)}
.st-mod-ic{box-shadow:0 12px 24px -8px rgba(16,32,64,.35);border-color:rgba(255,255,255,.6)}
.st-shot img{border:1px solid var(--pp-linha);box-shadow:var(--pp-sombra-3),0 0 0 8px rgba(255,255,255,.7)}

/* ── PREÇOS, TABELAS, PERGUNTAS ─────────────────────────────────── */
.st-sim{color:#059669}.st-nao,.st-lista li.nao::before{color:#DC2626}
.st-plano-poup,.gp-pr-preco span.eq{color:#047857!important;background:#E9F8F1}
.gp-pr-preco span.eq{background:none}
.gp-pr-per button span{background:#E9F8F1;color:#047857}
.gp-pr-per button[aria-pressed="true"],.st-aba[aria-selected="true"],.gp-pr-esc button[aria-pressed="true"],.gp-pr-selo{background:var(--pp-tinta)!important;color:#fff!important;border-color:var(--pp-tinta)!important}
.gp-pr-per{background:#fff;box-shadow:var(--pp-sombra-1)}
.st-tabela{background:#fff}
.st-tabela thead th{background:var(--pp-suave)}
.st-tabela tbody tr:hover td{background:#F8FAFD}
.st-tabela .st-grupo td{background:#F1F5FA;color:var(--pp-azul)}
.st-faq summary,.faq-q{color:var(--txt)!important}
.st-faq summary::after{color:var(--pp-azul)}
.faq-ic{background:#EEF5FD;border-color:#D6E8FB;color:var(--pp-azul)}
.st-msg.erro{background:#FEF2F2;color:#B91C1C;border-color:#FECACA}
.st-feito i{color:#059669}
.st-form input,.st-form select,.st-form textarea{background:#fff;border-color:var(--b2)}
.st-form input:focus,.st-form select:focus,.st-form textarea:focus{box-shadow:0 0 0 4px rgba(27,111,201,.14)}
.st-aviso{background:var(--pp-suave)}

/* ── MONTRA E PARCEIROS (eram vidro escuro) ───────────────────────── */
.st-emp,.st-parc .st-parc-c{background:#fff!important;border:1px solid var(--pp-linha)!important;box-shadow:var(--pp-sombra-1)!important}
.st-emp:hover,.st-parc .st-parc-c:hover{border-color:#C9D7E8!important;box-shadow:var(--pp-sombra-2)!important}
.st-emp .lg{border:1px solid var(--pp-linha)}
.st-parc-pe{border-top-color:var(--pp-linha)}
.st-parc-ic{border-color:var(--b2);background:#fff}
.st-parc-ok{color:#059669}
.st-parc-seta,.st-emp-seta{background:#fff;border-color:var(--pp-linha);color:var(--pp-tinta);box-shadow:var(--pp-sombra-2)}
.st-parc-seta:hover,.st-emp-seta:hover{background:#F6F8FB}
#lista::after{background-image:radial-gradient(rgba(11,22,40,.08) 1px,transparent 1.2px)}
.st-parc-busca,.st-parc-chip{background:#fff}
.st-parc-chip.on{background:var(--pp-tinta);border-color:var(--pp-tinta)}

/* ── CHAMADA FINAL: azul-noite, a única faixa escura da página ────── */
.st-cta{background:radial-gradient(600px 300px at 100% 0%,rgba(59,178,246,.28),transparent 60%),
  linear-gradient(135deg,#0B1628 0%,#0F2A4D 60%,#164C8C 100%);border:0;box-shadow:var(--pp-sombra-3)}
.st-cta::before{background:radial-gradient(closest-side,rgba(236,28,36,.35),transparent)}

/* ── TEXTO LEGAL ────────────────────────────────────────────────── */
.pb-legal p,.pb-legal li{color:#334155}
.pb-legal code{background:#F1F4F9;color:#155EAD}
.pb-nota,.pb-indice{background:var(--pp-suave)}

/* ── RODAPÉ: azul-noite, sóbrio ─────────────────────────────────── */
.pb-rodape,body>footer{background:#0B1628!important;border-top:0;color:var(--txt)}
.pb-rodape a:hover,body>footer a:hover{color:#fff!important}
.gm-lema{color:rgba(255,255,255,.92);border-bottom-color:rgba(255,255,255,.08)}

/* ═══ PÁGINA INICIAL (index.html) ═════════════════════════════════ */

/* O carrossel da marca, claro */
.gm-car{color:var(--pp-tinta);background:
  radial-gradient(1000px 560px at 86% 8%,rgba(59,178,246,.16),transparent 60%),
  radial-gradient(800px 520px at 4% 100%,rgba(236,28,36,.06),transparent 62%),
  linear-gradient(180deg,#F4F8FD 0%,#FFFFFF 78%)}
.gm-car::before{background-image:linear-gradient(rgba(11,22,40,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,22,40,.045) 1px,transparent 1px)}
.gm-num{color:#5B6B80}
.gm-sub{color:var(--muted)}
.gm-provas{color:#5B6B80}
.gm-provas i{color:var(--pp-azul)}
.gm-tit{color:var(--pp-tinta)}
.gm-vis::before{opacity:.18}
.gm-vis img{background:#fff;border:1px solid var(--pp-linha);box-shadow:var(--pp-sombra-3),0 0 0 8px rgba(255,255,255,.8)}
.gm-selo{box-shadow:var(--pp-sombra-2);border:1px solid var(--pp-linha)}
.gm-fc{background:rgba(255,255,255,.94);color:var(--pp-tinta);border:1px solid var(--pp-linha);box-shadow:var(--pp-sombra-2)}
.gm-fc i{color:#fff}
.gm-fc small{color:#5B6B80}
.gm-5 path,.gm-5 circle{fill-opacity:.035;stroke-opacity:.12}
.gm-pal{color:rgba(11,22,40,.42)}
.gm-pal:hover,.gm-pal.on{color:var(--pp-tinta)}
.gm-pal::before{background:rgba(11,22,40,.09)}
.gm-pal small{color:rgba(11,22,40,.45)}
.gm-pal span{color:#5B6B80}
.gm-cmd button{background:#fff;border-color:var(--pp-linha);color:var(--pp-tinta);box-shadow:var(--pp-sombra-1)}
.gm-cmd button:hover{background:#F6F8FB;border-color:#C9D7E8}

/* Faixa do certificado (já era branca) */
.trust-bar{border-color:var(--pp-linha)}

/* Os numeradores: cartões brancos sobre cinza-pérola */
.numeradores{background:var(--pp-suave);color:var(--pp-tinta);border-top:1px solid var(--pp-linha);border-bottom:1px solid var(--pp-linha)}
.numeradores::before{display:none}
.num-cenario{opacity:.12}
.num-topo{color:#5B6B80}
.num-item{background:#fff;border-color:var(--pp-linha);box-shadow:var(--pp-sombra-1);-webkit-backdrop-filter:none;backdrop-filter:none}
.num-item:hover{border-color:#C9D7E8;box-shadow:var(--pp-sombra-2)}
.num-ic{background:#F1F4F9}
.num-valor{color:var(--pp-tinta)}
.num-rotulo{color:#1F2F45}
.num-nota{color:#6B7A8F}

/* A montra das empresas: era um campo azul cheio */
.ad-campo{background:#fff!important;border-color:var(--pp-linha)}
.ad-campo::before{background:radial-gradient(circle,rgba(59,178,246,.10),transparent 65%)}
.ad-campo::after{background:radial-gradient(circle,rgba(236,28,36,.05),transparent 65%)}
.ad-campo .sec-eyebrow{background:#EEF5FD;color:var(--pp-azul);border-color:#D6E8FB}
.ad-campo .sec-sub{color:var(--muted)}
.ad-campo .sec-title .grad{-webkit-text-fill-color:transparent;color:transparent;
  background:linear-gradient(120deg,#155EAD,#2A8FE0);-webkit-background-clip:text;background-clip:text}
.ad-num{background:#fff;border-color:var(--pp-linha);color:var(--pp-tinta);box-shadow:var(--pp-sombra-1)}
.ad-num i{color:var(--pp-azul)}
.ad-filtro{border-color:var(--b2);color:#34445A;background:#fff}
.ad-filtro:hover{background:#F1F4F9}
.ad-filtro[aria-pressed="true"]{background:var(--pp-tinta);color:#fff;border-color:var(--pp-tinta)}
.ad-procura i{color:var(--dim)}
.ad-procura input{color:var(--pp-tinta);border-color:var(--b2);background:#fff}
.ad-procura input::placeholder{color:var(--dim)}
.ad-procura input:focus{background:#fff;border-color:var(--pp-azul)}
.ad-cartao{border-color:var(--pp-linha);box-shadow:var(--pp-sombra-1)}
.ad-cartao:hover{box-shadow:var(--pp-sombra-2)}
.ad-seta{box-shadow:var(--pp-sombra-2);border:1px solid var(--pp-linha)}
.ad-vazio{color:var(--muted);border-color:var(--b2)}
.ad-convite{background:#fff;border:1px dashed #B9C8DA;color:var(--pp-tinta)}
.ad-convite:hover{background:#F6F8FB;border-color:var(--pp-azul)}
.ad-convite-ic{background:#EEF5FD}
.ad-convite-t{color:var(--muted)}
.ad-convite-t b{color:var(--pp-tinta)}
.ad-convite-b{background:var(--pp-tinta);color:#fff}

/* Como funciona */
.cf-campo{background:var(--pp-suave);border-color:var(--pp-linha)}
.cf-campo .steps{box-shadow:var(--pp-sombra-2)}

/* Facturação electrónica: fica escura, é a faixa de autoridade */
.efd{background:radial-gradient(110% 90% at 8% 0%,rgba(59,178,246,.18) 0%,transparent 56%),
  radial-gradient(90% 80% at 100% 100%,rgba(236,28,36,.12) 0%,transparent 62%),
  linear-gradient(160deg,#0B1628 0%,#0E2A4B 55%,#0B1F3A 100%)}
.efd-card,.efd-nota{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}
.efd .sec-eyebrow{background:rgba(255,255,255,.08);color:#CFE6FB;border-color:rgba(255,255,255,.16)}
.efd h2.sec-title,.efd h3,.efd .sec-title{color:#fff!important}
.efd p,.efd .sec-sub{color:#B7C7D9!important}
.efd .sec-title .grad{background:linear-gradient(120deg,#7FD0FA,#3BB2F6);-webkit-background-clip:text;background-clip:text}

/* Planos */
#planos{background:#fff!important;border-color:var(--pp-linha)!important}

/* Módulos: era o campo azul cheio */
.features-bg{background:var(--pp-suave)!important;border-color:var(--pp-linha)}
.features-bg .sec-eyebrow{background:#EEF5FD;color:var(--pp-azul);border-color:#D6E8FB}
.features-bg p.sec-sub{color:var(--muted)}
.features-bg .feat{background:#fff!important;border-color:var(--pp-linha)!important}
.features-bg .feat::before{background:linear-gradient(135deg,rgba(27,111,201,.04),transparent)}
.features-bg .feat p{color:var(--muted)!important}
.features-bg .feat-ic{background:#EEF5FD;color:var(--pp-azul)}
.features-bg .feat-lgt{color:var(--pp-azul)}
.features-bg .compliance-bar{background:#fff;border-color:var(--pp-linha);box-shadow:var(--pp-sombra-1)}
.features-bg .compliance-label{color:#5B6B80}
.features-bg .compliance-b{background:#E9F8F1;border-color:#C6EEDC;color:#047857}
.mod-sel-b{background:#fff!important;color:#26364B!important;border:1px solid var(--b2)!important;box-shadow:var(--pp-sombra-1)!important}
.mod-sel-b:hover{border-color:#9DB3CC!important;transform:translateY(-1px)}
.mod-sel-b.on{background:var(--pp-tinta)!important;color:#fff!important;border-color:var(--pp-tinta)!important;
  box-shadow:0 10px 24px -10px rgba(11,22,40,.6)!important}
.mod-sel-b .mod-novo{background:var(--pp-verm);color:#fff;box-shadow:none}
.mod-intro{color:var(--muted)}
.mod-intro strong{color:var(--pp-tinta)}
.mod-fim{background:#fff;border-color:var(--pp-linha);box-shadow:var(--pp-sombra-1)}
.mod-fim>span{color:var(--muted)}
.mod-cta{background:var(--pp-tinta);color:#fff}
.mod-cta-ghost{background:#fff;color:var(--pp-tinta);border-color:var(--b2)}
.mod-cta-ghost:hover{background:#F6F8FB}
.mod-ambos{background:#F5F2FE;border-color:#E2D8FC}
.mod-ambos>i{color:#6D28D9}
.mod-ambos>div{color:#3F3A55}
.mod-ambos strong{color:var(--pp-tinta)}

/* Parceiros, perguntas, explorar, contacto */
.pc-ic{background:#FDF6E7;border-color:#F4E2B8;color:#B7791F}
.pc-pct{background:#FDF6E7;border-color:#F4E2B8;color:#9A6512}
.partner-access{background:linear-gradient(135deg,#FFFBF2,#FFF6E3);border-color:#F4E2B8}
.btn-partner-join{color:#9A6512;border-color:#E9CF94}
#faq{background:var(--pp-suave)!important;border-color:var(--pp-linha)!important}
#parceiros,#mais{background:#fff!important;border-color:var(--pp-linha)!important}
.contact-wrap{background:linear-gradient(135deg,#FFFFFF 0%,#F6F9FD 100%)!important;border:1px solid var(--pp-linha)!important;box-shadow:var(--pp-sombra-2)}
.cs-sub{color:var(--muted)}
.cs-link{background:#fff;border-color:var(--pp-linha);color:var(--pp-tinta);box-shadow:var(--pp-sombra-1)}
.cs-link:hover{background:#fff;border-color:#C9D7E8}
.step-arrow{background:#fff}

/* Botões do index que eram azul sobre escuro */
.btn-plan.border{color:var(--pp-tinta);border-color:var(--b2)}
.btn-plan.border:hover{color:var(--pp-azul);border-color:var(--pp-azul)}

/* Rodapé do index */
body>footer .footer-col h5{color:#fff}
body>footer .footer-col a,body>footer .footer-brand p{color:#A3B5C9}
body>footer .foot-copy,body>footer .foot-links a{color:#6F849C}

/* O botão de idioma tem o estilo dentro do js/idioma.js (serve também
   as páginas que não carregam este ficheiro). */

/* «Mais sobre o GestorPRO»: os cartões têm o estilo escrito no HTML */
#mais .sec-wrap>div>a{background:#fff!important;border:1px solid var(--pp-linha)!important;box-shadow:var(--pp-sombra-1)}
#mais .sec-wrap>div>a:hover{box-shadow:var(--pp-sombra-2)}
#mais .sec-wrap>div>a>div[style*="color:#fff"]{color:var(--pp-tinta)!important}

/* Títulos e textos com o branco escrito no próprio HTML, por cima dos
   antigos campos azuis (blog, formação, termos, «Quem está por trás») */
.pb-azul :is(h1,h2,h3,p,span,div,strong,em)[style*="color:#fff"]:not([style*="background"]){color:var(--pp-tinta)!important}
.pb-azul :is(p,span,div)[style*="color:rgba(255,255,255"]:not([style*="background"]){color:var(--muted)!important}

/* O nome da marca no rodapé escuro */
.pb-rodape .pb-marca strong{color:#fff}
.pb-rodape .pb-marca span span,.pb-rodape .pb-marca-tx span{color:#A3B5C9}

/* Bolsa de emprego: os cartões eram vidro escuro sobre azul */
.vg-cartao,.vg-painel{background:#fff!important;border:1px solid var(--pp-linha)!important;box-shadow:var(--pp-sombra-1)!important}
.vg-cartao:hover{box-shadow:var(--pp-sombra-2)!important;border-color:#C9D7E8!important}
.vg-tit{color:var(--pp-tinta)!important}
.vg-emp{color:#26364B!important}
.vg-meta,.vg-quando{color:#5B6B80!important}
.vg-req,.vg-conta{color:var(--muted)!important}
.vg-campo{background:#fff!important;color:var(--pp-tinta)!important;border-color:var(--b2)!important}
.vg-campo::placeholder{color:var(--dim)!important}
.vg-campo option{background:#fff;color:var(--pp-tinta)}

/* ═══════════════════════════════════════════════════════════════════
   2.ª VOLTA (22-Out-2026) — AS CORES DA MARCA
   ═══════════════════════════════════════════════════════════════════
   O João: «muito feio com fundo branco — atraente, com as cores da
   identidade, mas internacional». O branco puro sai de todo o site:
     · heróis e faixas de autoridade em AZUL-NOITE com brilho celeste e
       uma brasa vermelha (a bandeira do 5);
     · faixas em AZUL VIVO da marca (montra, módulos, contacto);
     · o resto em AZUL-GELO, com cartões brancos por cima.
   As zonas escuras recebem as variáveis escuras; os cartões brancos que
   vivem dentro delas (preços, montra, formulários) recebem de volta as
   claras — por isso o texto fica sempre legível. */

/* Azul-gelo em vez de branco */
body,html{background:#EEF4FB}
.pb-sec,.cf-campo,.numeradores,#planos,#faq{background:
  radial-gradient(900px 420px at 100% 0%,rgba(59,178,246,.10),transparent 60%),
  linear-gradient(180deg,#F3F8FE 0%,#E8F1FB 100%)!important}

/* ── As zonas escuras: tokens do azul-noite ─────────────────────── */
:is(.gm-car,.pb-azul,.pb-escura,.efd,.features-bg,#parceiros,#mais,.ad-campo,#contacto){
  --bg:#071120; --s1:#0B1A2D; --s2:#12263D; --s3:#1A3350; --b1:#1E3A57; --b2:#2B4E70;
  --txt:#F1F6FC; --muted:#B4C6DA; --dim:#7F95AE;
  --azul:#7FD0FA; --azul2:#9EDBFB; --azul3:#3BB2F6; --verde:#34D399; --green:#34D399; --gold:#F4B942;
  --pp-tinta:#FFFFFF; --pp-linha:rgba(255,255,255,.13); --pp-suave:rgba(255,255,255,.04); --pp-azul:#7FD0FA;
  color:var(--txt)}

/* Azul-noite com brilho: heróis, parceiros */
.gm-car,.pb-azul,#parceiros{background:
  radial-gradient(900px 560px at 88% -10%,rgba(59,178,246,.42),transparent 60%),
  radial-gradient(700px 480px at -6% 110%,rgba(236,28,36,.28),transparent 60%),
  radial-gradient(600px 400px at 50% 120%,rgba(68,130,200,.25),transparent 70%),
  linear-gradient(160deg,#071731 0%,#0B2A55 55%,#0F3C78 100%)!important;
  border-color:rgba(255,255,255,.06)!important}
.pb-escura,#mais{background:
  radial-gradient(800px 420px at 0% 0%,rgba(59,178,246,.22),transparent 60%),
  radial-gradient(700px 420px at 100% 100%,rgba(236,28,36,.16),transparent 60%),
  linear-gradient(180deg,#081A33 0%,#0A2244 100%)!important;border-color:rgba(255,255,255,.06)!important}
/* Azul vivo da marca */
.ad-campo,.features-bg,#contacto{background:
  radial-gradient(900px 500px at 90% 0%,rgba(165,221,251,.35),transparent 60%),
  radial-gradient(700px 460px at 0% 100%,rgba(236,28,36,.22),transparent 62%),
  linear-gradient(150deg,#0A79B8 0%,#146DB9 45%,#1B5BA8 100%)!important;border-color:rgba(255,255,255,.12)!important}
.gm-car::before,.st-hero::after{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important}
.st-hero::before{background:none!important}

/* Títulos com destaque, sobre o escuro: celeste a brilhar */
:is(.gm-car,.pb-azul,.pb-escura,.efd,.features-bg,#parceiros,#mais,.ad-campo,#contacto) :is(.pb-tit .grad,.sec-title .grad,.gm-tit em){
  background:linear-gradient(120deg,#A5DDFB 0%,#5FC4F8 50%,#3BB2F6 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.gm-slide[style*="#EC1C24;"] .gm-tit em{background:linear-gradient(120deg,#FF8A8F,#FF4D55)!important;-webkit-background-clip:text!important;background-clip:text!important}
:is(.gm-car,.pb-azul,.pb-escura,.features-bg,#parceiros,#mais,.ad-campo,#contacto) :is(.pb-eyebrow,.sec-eyebrow){color:#A5DDFB!important}
:is(.features-bg,.ad-campo,#contacto,#parceiros,#mais) .sec-eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}

/* Cartões de vidro nas zonas escuras */
:is(.pb-azul,.pb-escura,.features-bg,#parceiros,#mais) :is(.pb-cartao,.st-bloco,.st-passo,.feat,.partner-card,.faq-item,.st-faq details,.st-ct,.step),
#mais .sec-wrap>div>a{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 40px -18px rgba(0,0,0,.55)!important}
:is(.pb-azul,.pb-escura,.features-bg,#parceiros,#mais) :is(.pb-cartao,.st-bloco,.st-passo,.feat,.partner-card,.st-ct):hover,
#mais .sec-wrap>div>a:hover{border-color:rgba(127,208,250,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px -16px rgba(0,0,0,.6)!important}
#mais .sec-wrap>div>a>div[style*="color:#fff"]{color:#fff!important}
:is(.pb-azul,.pb-escura,.features-bg,#parceiros,#mais) :is(.pb-cartao-ic,.st-bloco h3 i,.feat-ic){
  background:linear-gradient(135deg,rgba(59,178,246,.40),rgba(27,111,201,.40))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important}
:is(.pb-azul,.pb-escura,.features-bg) .st-lista li{color:#DCE7F3}
:is(.pb-escura,.pb-azul,.features-bg) :is(.pb-chip,.compliance-b){background:rgba(52,211,153,.14)!important;border-color:rgba(52,211,153,.35)!important;color:#6EE7B7!important}
.pc-ic,.pc-pct{background:rgba(244,185,66,.14)!important;border-color:rgba(244,185,66,.35)!important;color:#F6C761!important}
.st-passo::before{box-shadow:0 0 0 4px rgba(236,28,36,.18),0 8px 18px -4px rgba(236,28,36,.6)}

/* Cartões BRANCOS dentro das zonas escuras: tokens claros de volta */
:is(.st-emp,.st-parc-c,.partner-access,.contact-wrap,.mod-ambos,.mod-fim,.compliance-bar,.ad-cartao,.gm-selo,
    .gp-pr-card,.st-plano,.gp-pr-regras,.gp-pr-per,.st-tabela-cx,.st-form,.st-aviso){
  --bg:#FFFFFF; --s1:#F6F8FB; --s2:#FFFFFF; --s3:#F1F4F9; --b1:#E5EAF1; --b2:#D3DCE7;
  --txt:#0B1628; --muted:#4A5A6F; --dim:#7A879A; --azul:#1B6FC9; --azul3:#155EAD; --verde:#0E8F63; --green:#059669; --gold:#B7791F;
  --pp-tinta:#0B1628; --pp-linha:#E5EAF1; --pp-suave:#F6F8FB; --pp-azul:#1B6FC9; color:var(--txt)}
.features-bg :is(.mod-fim,.compliance-bar){background:rgba(255,255,255,.97)!important}
.features-bg .compliance-label{color:#5B6B80!important}
.features-bg .compliance-b{background:#E9F8F1!important;border-color:#C6EEDC!important;color:#047857!important}
:is(.pb-escura,.pb-azul) .st-bloco:has(.st-form){background:#fff!important;--txt:#0B1628;--muted:#4A5A6F;--pp-tinta:#0B1628;--b2:#D3DCE7;color:#0B1628}

/* Controlos sobre o escuro */
:is(.gm-car,.pb-azul,.pb-escura,.features-bg,#parceiros,#mais,.ad-campo,#contacto) :is(.pb-btn-linha,.gm-btn-l,.cta-secondary,.st-btn-branco,.mod-cta-ghost){
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:none!important}
:is(.gm-car,.pb-azul,.pb-escura,.features-bg,#parceiros,#mais,.ad-campo,#contacto) :is(.pb-btn-linha,.gm-btn-l,.cta-secondary,.st-btn-branco,.mod-cta-ghost):hover{background:rgba(255,255,255,.14)!important;border-color:#fff!important}
:is(.st-emp,.st-parc-c,.partner-access,.contact-wrap,.mod-fim,.gp-pr-card,.st-plano,.st-form) :is(.pb-btn-linha,.mod-cta-ghost){background:#fff!important;color:#0B1628!important;border:1px solid #D3DCE7!important}
.mod-sel-b{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important}
.mod-sel-b:hover{background:rgba(255,255,255,.16)!important;border-color:#fff!important}
.mod-sel-b.on{background:var(--pp-verm)!important;border-color:#fff!important;color:#fff!important;box-shadow:0 12px 28px -10px rgba(236,28,36,.8)!important}
.mod-sel-b .mod-novo,.mod-sel-b.on .mod-novo{background:#fff!important;color:#CA1118!important}
.mod-intro{color:rgba(255,255,255,.88)!important}.mod-intro strong{color:#fff!important}
.mod-fim .mod-cta{background:#0B1628!important;color:#fff!important}
.ad-num,.ad-filtro,.ad-procura input{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:none!important}
.ad-num i,.ad-procura i{color:#BFE3FF!important}
.ad-procura input::placeholder{color:rgba(255,255,255,.72)!important}
.ad-filtro[aria-pressed="true"],.st-parc-chip.on,:is(.pb-escura,.pb-azul) .st-aba[aria-selected="true"]{background:#fff!important;color:#0B2038!important;border-color:#fff!important}
.ad-convite{background:rgba(255,255,255,.12)!important;border:1px dashed rgba(255,255,255,.55)!important;color:#fff!important}
.ad-convite-t{color:rgba(255,255,255,.9)!important}.ad-convite-t b{color:#fff!important}
.ad-convite-b{background:#fff!important;color:#0B2038!important}
.ad-campo .sec-sub,.features-bg p.sec-sub{color:rgba(255,255,255,.88)!important}
.st-desde{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;color:rgba(255,255,255,.85)!important}
.st-desde b{color:#fff!important}
.st-shot img,.gm-vis img{border-color:rgba(255,255,255,.18)!important;box-shadow:0 40px 90px -20px rgba(0,0,0,.6),0 0 0 8px rgba(255,255,255,.05)!important}
/* as imagens do carrossel sao portateis recortados (fundo transparente): so o portatil, sem cartao a volta */
.gm-vis img{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
:is(.pb-escura,.pb-azul) :is(.st-parc-busca,.st-parc-chip,.st-parc-seta,.st-emp-seta){background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
#lista::after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px)!important}
:is(.pb-escura,.pb-azul) .st-faq summary{color:#fff!important}

/* O carrossel da marca, no escuro */
.gm-num{color:rgba(255,255,255,.72)!important}
.gm-sub{color:rgba(255,255,255,.84)!important}
.gm-provas{color:rgba(255,255,255,.78)!important}.gm-provas i{color:#7FD0FA!important}
.gm-pal{color:rgba(255,255,255,.45)!important}.gm-pal:hover,.gm-pal.on{color:#fff!important}
.gm-pal::before{background:rgba(255,255,255,.16)!important}
.gm-pal small{color:rgba(255,255,255,.5)!important}.gm-pal span{color:rgba(255,255,255,.62)!important}
.gm-cmd button{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:none!important}
.gm-fc{background:rgba(9,28,56,.82)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.gm-fc small{color:rgba(255,255,255,.7)!important}
.gm-5 path,.gm-5 circle{fill-opacity:.06;stroke-opacity:.22}
.gm-vis::before{opacity:.45!important}

.num-item{box-shadow:0 10px 26px -12px rgba(16,40,80,.25)!important}

/* Facturação electrónica: azul-noite mais rico */
.efd{background:
  radial-gradient(900px 520px at 6% 0%,rgba(59,178,246,.32),transparent 58%),
  radial-gradient(800px 480px at 100% 100%,rgba(236,28,36,.24),transparent 62%),
  linear-gradient(160deg,#071731 0%,#0B2A55 55%,#0A2246 100%)!important}

/* Contacto do index: secção azul vivo, cartão branco por cima */
#contacto .contact-wrap{box-shadow:0 40px 80px -30px rgba(3,16,40,.6)!important;border:0!important}

/* ── A barra do menu: azul-noite translúcido ────────────────────── */
.pb-nav,body>nav{background:rgba(7,23,49,.88)!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 30px -10px rgba(0,0,0,.4)!important}
.pb-nav::after,body>nav::after{display:block!important;opacity:.7}
.pb-marca strong,.nav-logo strong{color:#fff!important}
.pb-marca-tx span,.nav-logo span{color:#8FA6C0!important}
.pb-a,.nav-a,.pb-entrar,.btn-login-nav{color:rgba(255,255,255,.84)!important}
.pb-a:hover,.nav-a:hover,.pb-entrar:hover,.btn-login-nav:hover{color:#fff!important;background:rgba(255,255,255,.08)}
.pb-a.on,.nav-a.on{color:#fff!important;background:rgba(59,178,246,.18)!important}
.pb-burger,.nav-burger{border-color:rgba(255,255,255,.25)!important}
.pb-burger span,.nav-burger span{background:#fff!important}
.pb-nav .gp-lang,body>nav .gp-lang{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24);color:#fff}
.pb-nav .gp-lang b,body>nav .gp-lang b{color:#fff}.pb-nav .gp-lang span,body>nav .gp-lang span{color:rgba(255,255,255,.55)}
.pb-nav .gp-lang i,body>nav .gp-lang i{color:#7FD0FA}
.pb-nav .gp-lang:hover,body>nav .gp-lang:hover{background:rgba(255,255,255,.14)}
@media (max-width:900px){
  .pb-links,.nav-links{background:#0A1E3D!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .pb-links .pb-a,.nav-links .nav-a,.pb-drop-btn,.nav-drop-btn{color:#fff!important}
  .pb-drop-menu a:hover,.nav-drop-menu a:hover{background:rgba(255,255,255,.06)}
  .pb-links-acc{border-top-color:rgba(255,255,255,.1)}
  .pb-drop-menu .pb-nd-txt strong,.nav-drop-menu .nd-txt strong{color:#fff!important}
  .pb-drop-menu .pb-nd-txt em,.nav-drop-menu .nd-txt em{color:#9FB4C9!important}
}

/* Rodapé: o mesmo azul-noite, com o fio da marca em cima */
.pb-rodape,body>footer{background:
  radial-gradient(700px 300px at 0% 0%,rgba(59,178,246,.12),transparent 60%),
  linear-gradient(180deg,#071731,#050F22)!important;position:relative}
.pb-rodape::before,body>footer::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#EC1C24,#3BB2F6 45%,#4482C8)}

/* Formulários dentro das zonas escuras: cartão branco (o :is(#gp-nada) só dá peso) */
:is(.pb-escura,.pb-azul,#gp-nada) :is(.st-bloco,#gp-nada):has(.st-form){background:#fff!important;border-color:#fff!important;
  --txt:#0B1628;--muted:#4A5A6F;--dim:#7A879A;--pp-tinta:#0B1628;--b1:#E5EAF1;--b2:#D3DCE7;--azul:#1B6FC9;color:#0B1628}
:is(.pb-escura,.pb-azul,#gp-nada) :is(.st-bloco,#gp-nada):has(.st-form) h3 i{background:#EEF5FD!important;color:#1B6FC9!important}
.mod-ambos :is(.pb-btn-linha,.mod-cta,.mod-cta-ghost,a,button)[class]{background:#fff!important;color:#0B1628!important;border:1px solid #D3DCE7!important}

/* ═══════════════════════════════════════════════════════════════════
   3.ª VOLTA (22-Out-2026) — A VITRINE INTERNACIONAL
   ═══════════════════════════════════════════════════════════════════
   O João: «inspira-te nos sites internacionais, torna o site super
   atraente e robusto, com informações relevantes». Secções novas no
   index.html, com a linguagem dos grandes (Stripe, Salesforce, Odoo):
     .vt-fita      faixa de provas a correr por baixo do herói
     #plataforma   grelha «bento» com o produto
     #porque       comparação honesta (Excel · estrangeiro · GestorPRO)
     #sectores     entrada por actividade
     #seguranca    segurança e confiança
   Tudo o que se afirma é verdade do produto; nada de testemunhos nem
   números inventados. */

.vt-sec{position:relative;padding:clamp(72px,9vw,116px) clamp(18px,4vw,40px)!important;overflow:hidden}
.vt-wrap{max-width:1180px;margin:0 auto;position:relative;z-index:1}
.vt-claro{background:radial-gradient(900px 460px at 100% 0%,rgba(59,178,246,.12),transparent 60%),
  radial-gradient(700px 400px at 0% 100%,rgba(236,28,36,.05),transparent 60%),
  linear-gradient(180deg,#F3F8FE 0%,#E8F1FB 100%);color:#0B1628}
.vt-escuro{background:radial-gradient(900px 520px at 90% 0%,rgba(59,178,246,.32),transparent 60%),
  radial-gradient(700px 460px at 0% 100%,rgba(236,28,36,.22),transparent 62%),
  linear-gradient(160deg,#071731 0%,#0B2A55 60%,#0F3C78 100%);color:#F1F6FC}
.vt-escuro::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%)}

.vt-cab{max-width:720px;margin-bottom:clamp(34px,4vw,52px)}
.vt-centro{margin-left:auto;margin-right:auto;text-align:center}
.vt-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#1B6FC9;margin-bottom:16px}
.vt-eyebrow::before{content:'';width:24px;height:2px;border-radius:2px;background:#EC1C24}
.vt-escuro .vt-eyebrow{color:#A5DDFB}
.vt-tit{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#0B1628;margin:0 0 16px;text-wrap:balance}
.vt-tit span{background:linear-gradient(120deg,#155EAD,#1B6FC9 45%,#2A9BEA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vt-escuro .vt-tit{color:#fff}
.vt-escuro .vt-tit span{background:linear-gradient(120deg,#A5DDFB,#5FC4F8 55%,#3BB2F6);-webkit-background-clip:text;background-clip:text}
.vt-sub{font-size:clamp(15px,1.15vw,17px);line-height:1.7;color:#4A5A6F;max-width:60ch;margin:0}
.vt-centro .vt-sub{margin:0 auto}
.vt-escuro .vt-sub{color:#B4C6DA}

/* ── A faixa de provas ──────────────────────────────────────────── */
.vt-fita{position:relative;overflow:hidden;background:#06132A;border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);padding:15px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vt-fita-pista{display:flex;width:max-content;animation:vt-corre 48s linear infinite}
.vt-fita:hover .vt-fita-pista{animation-play-state:paused}
.vt-fita-grupo{display:flex;flex-shrink:0}
.vt-fita span{display:inline-flex;align-items:center;gap:9px;padding:0 26px;font-size:13.5px;font-weight:600;
  color:rgba(255,255,255,.82);white-space:nowrap;position:relative}
.vt-fita span::after{content:'';position:absolute;right:-2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#EC1C24}
.vt-fita i{color:#5FC4F8;font-size:13px}
@keyframes vt-corre{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vt-fita-pista{animation:none;flex-wrap:wrap;width:auto}.vt-fita-grupo[aria-hidden]{display:none}.vt-fita-grupo{flex-wrap:wrap;justify-content:center}}

/* ── A grelha bento ─────────────────────────────────────────────── */
.vt-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.vt-b{grid-column:span 4;position:relative;display:flex;flex-direction:column;gap:10px;overflow:hidden;
  padding:28px 26px;border-radius:22px;background:#fff;border:1px solid #E1E9F3;color:#0B1628;text-decoration:none;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px -22px rgba(16,40,80,.28);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
a.vt-b:hover{transform:translateY(-6px);border-color:#BFD5EE;box-shadow:0 2px 4px rgba(16,24,40,.05),0 30px 60px -24px rgba(16,40,80,.38)}
.vt-b h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.22;margin:4px 0 0;color:inherit}
.vt-b p{font-size:14.5px;line-height:1.65;color:#4A5A6F;margin:0}
.vt-b-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:19px;color:#fff;
  background:linear-gradient(135deg,#3BB2F6,#1B6FC9);box-shadow:0 10px 22px -8px rgba(27,111,201,.6)}
.vt-ic-verm{background:linear-gradient(135deg,#FF4D55,#CA1118);box-shadow:0 10px 22px -8px rgba(236,28,36,.6)}
.vt-b-mais{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:#1B6FC9;display:inline-flex;gap:8px;align-items:center}
a.vt-b:hover .vt-b-mais i{transform:translateX(4px)}
.vt-b-mais i{transition:transform .25s}

.vt-b-grande{grid-column:span 8;grid-row:span 2;padding:40px 40px 0;color:#fff;border:0;
  background:radial-gradient(700px 380px at 100% 0%,rgba(59,178,246,.45),transparent 60%),
    radial-gradient(500px 340px at 0% 100%,rgba(236,28,36,.30),transparent 60%),
    linear-gradient(150deg,#071731 0%,#0B2A55 60%,#103F7E 100%)}
.vt-b-grande p{color:#C3D3E5;max-width:52ch}
.vt-b-grande h3{font-size:clamp(22px,2.2vw,28px)}
.vt-b-grande .vt-b-mais{color:#7FD0FA;margin-top:6px}
.vt-b-tx{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.vt-b-et{align-self:flex-start;display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700;
  background:rgba(236,28,36,.16);border:1px solid rgba(255,120,126,.45);color:#FFD5D7}
.vt-b-lista{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.vt-b-lista li{font-size:13.5px;color:#E3ECF7;display:flex;gap:8px;align-items:center}
.vt-b-lista li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#34D399}
.vt-b-grande img{display:block;width:92%;height:auto;margin:22px -4% -2px auto;align-self:flex-end;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));transition:transform .6s cubic-bezier(.22,1,.36,1)}
.vt-b-grande:hover img{transform:translateY(-8px) scale(1.015)}

.vt-b-alto{grid-row:span 2}
.vt-recibo{margin:8px 0 4px;border-radius:14px;background:#F5F8FC;border:1px solid #E1E9F3;padding:6px 14px}
.vt-recibo div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #D6E0EC;font-size:13.5px}
.vt-recibo div:last-child{border-bottom:0}
.vt-recibo span{color:#5B6B80}
.vt-recibo b{color:#0B1628;font-weight:800}
.vt-recibo .ok b{color:#059669}

.vt-b-img{padding-bottom:0}
.vt-b-img img{display:block;width:118%;max-width:none;height:auto;margin:14px -9% -6% auto;
  filter:drop-shadow(0 18px 26px rgba(16,40,80,.25));transition:transform .5s cubic-bezier(.22,1,.36,1)}
.vt-b-img:hover img{transform:translateY(-6px)}

.vt-b-largo{grid-column:span 8;flex-direction:row;align-items:center;gap:26px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0A79B8,#146DB9 50%,#1B5BA8);border:0;color:#fff}
.vt-b-largo p{color:rgba(255,255,255,.86)}
.vt-b-largo-tx{flex:1 1 220px}
.vt-mods{flex:2 1 360px;display:flex;flex-wrap:wrap;gap:8px}
.vt-mods a{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border-radius:11px;font-size:13px;font-weight:700;
  color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);transition:background .2s,transform .2s}
.vt-mods a:hover{background:#fff;color:#0B2038;transform:translateY(-2px)}

/* ── A comparação ───────────────────────────────────────────────── */
.vt-comp{max-width:1040px;margin:0 auto;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E1E9F3;
  box-shadow:0 30px 70px -34px rgba(16,40,80,.4)}
.vt-comp-l{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.2fr;align-items:stretch;border-bottom:1px solid #EDF2F8}
.vt-comp-l:last-child{border-bottom:0}
.vt-comp-l>span{padding:17px 20px;font-size:14px;display:flex;align-items:center;gap:9px;color:#26364B}
.vt-comp-l>span:first-child{font-weight:700;color:#0B1628}
.vt-comp-cab>span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5B6B80;background:#F5F8FC}
.vt-comp-cab>span.vt-nos{background:linear-gradient(135deg,#0B2A55,#1B6FC9);color:#fff;letter-spacing:.02em;text-transform:none;font-size:15px}
.vt-comp-l>span.vt-nos{background:#EEF5FD;font-weight:700;color:#0B1628;box-shadow:inset 2px 0 0 #1B6FC9,inset -2px 0 0 #1B6FC9}
.vt-comp-l:last-child>span.vt-nos{box-shadow:inset 2px 0 0 #1B6FC9,inset -2px 0 0 #1B6FC9,inset 0 -2px 0 #1B6FC9}
.vt-comp .sim i{color:#059669}.vt-comp .nao i{color:#DC2626}.vt-comp .talvez i{color:#B7791F}
.vt-comp .nao,.vt-comp .talvez{color:#5B6B80}

/* ── Por sector ─────────────────────────────────────────────────── */
.vt-sect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vt-sect a{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 20px;border-radius:20px;background:#fff;
  border:1px solid #E1E9F3;text-decoration:none;color:#0B1628;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px -22px rgba(16,40,80,.3);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.vt-sect a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#EC1C24,#3BB2F6);
  transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.vt-sect a:hover{transform:translateY(-5px);border-color:#BFD5EE;box-shadow:0 26px 50px -24px rgba(16,40,80,.4)}
.vt-sect a:hover::after{transform:scaleX(1)}
.vt-sect a>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:19px;margin-bottom:6px;
  color:#1B6FC9;background:#EEF5FD;transition:background .3s,color .3s}
.vt-sect a:hover>i{background:linear-gradient(135deg,#FF4D55,#CA1118);color:#fff}
.vt-sect b{font-size:16.5px;font-weight:800;letter-spacing:-.015em}
.vt-sect span{font-size:13.5px;line-height:1.6;color:#4A5A6F}
.vt-sect em{margin-top:auto;padding-top:6px;font-style:normal;font-size:13px;font-weight:700;color:#1B6FC9;display:inline-flex;gap:7px;align-items:center}

/* ── Segurança ──────────────────────────────────────────────────── */
.vt-seg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center}
.vt-lig{display:inline-flex;gap:8px;align-items:center;margin-top:24px;font-weight:700;font-size:14.5px;color:#7FD0FA;text-decoration:none}
.vt-lig:hover{color:#fff}
.vt-seg-grelha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vt-seg-grelha div{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.vt-seg-grelha i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;color:#fff;margin-bottom:6px;
  background:linear-gradient(135deg,rgba(59,178,246,.55),rgba(27,111,201,.55))}
.vt-seg-grelha b{font-size:15px;color:#fff}
.vt-seg-grelha span{font-size:13.5px;line-height:1.6;color:#B4C6DA}

/* ── Ecrãs mais pequenos ────────────────────────────────────────── */
@media (max-width:1000px){
  .vt-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-b,.vt-b-alto{grid-column:span 1;grid-row:auto}
  .vt-b-grande,.vt-b-largo{grid-column:span 2;grid-row:auto}
  .vt-sect{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-seg{grid-template-columns:1fr}
}
@media (max-width:700px){
  .vt-comp{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .vt-comp-l{min-width:700px}
}
@media (max-width:640px){
  .vt-bento,.vt-sect,.vt-seg-grelha{grid-template-columns:1fr}
  .vt-b,.vt-b-alto,.vt-b-grande,.vt-b-largo{grid-column:auto}
  .vt-b-grande{padding:28px 24px 0}
  .vt-b{padding:24px 22px}
  .vt-b-img{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){.vt-b,.vt-sect a,.vt-b img{transition:none!important}a.vt-b:hover,.vt-sect a:hover{transform:none}}

/* Aviso «Preencha com atenção» do registo (22-Out-2026): o texto herdava
   uma cor escura sobre o fundo escuro do ecrã de entrada. */
.modal-bg div[style*="rgba(245,158,11,.12)"]{background:rgba(245,158,11,.16)!important;border-color:rgba(251,191,36,.55)!important}
.modal-bg div[style*="rgba(245,158,11,.12)"]>div{color:#FDECC8!important;opacity:1!important}
.modal-bg div[style*="rgba(245,158,11,.12)"] strong{color:#FFD166!important}
.modal-bg div[style*="rgba(245,158,11,.12)"]>i{color:#FBBF24!important}