/* ibexGo PLUS - base.css
   Extraido do prototipo aprovado em 01/09/2026.
   Manual completo v2.0, capitulo 16 (design system).
   Tokens, reset, tipografia, botoes e barra de progresso. */

:root{
  --azul:#14539B; --azul-esc:#0E3D75; --azul-cl:#E8F0FA; --azul-borda:#BBD3EE;
  --verde:#12B76A; --verde-cl:#E6F8F0;
  --amb:#F79009;  --amb-cl:#FEF4E6;
  --verm:#F04438; --verm-cl:#FEECEB;
  --tinta:#10202F; --tinta-2:#41546B; --tinta-3:#7A8CA1;
  --roxo:#8B5CF6; --roxo-cl:#F1EBFE; --rosa:#EC4899; --rosa-cl:#FDECF5;
  --agua:#06B6D4; --agua-cl:#E4F8FC; --verde-cl2:#D9F7E9;
  --fundo:#F5F7FA; --sup:#FFFFFF; --borda:#E2E8F0; --borda-2:#CBD5E1;
  --r:14px; --r-sm:10px;
  --sombra:0 1px 2px rgba(16,32,47,.06), 0 1px 3px rgba(16,32,47,.04);
  --sombra-alta:0 8px 28px rgba(16,32,47,.14);
  --lateral:262px; --topo:66px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"DM Sans",system-ui,sans-serif;background:var(--fundo);color:var(--tinta);font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
a{color:var(--azul);text-decoration:none}
::selection{background:var(--azul-cl)}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:4px}
.mono{font-family:"IBM Plex Mono",monospace;font-size:.92em;letter-spacing:-.02em}

/* ---------- TIPO ---------- */
h2.tit{font-size:27px;font-weight:700;letter-spacing:-.8px;margin-bottom:3px}
.sub{color:var(--tinta-3);font-size:14.5px}
h3.sec{font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:12px}
.cab{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.cab .acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

/* ---------- BOTÕES ---------- */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-sm);font-weight:600;font-size:15px;border:1px solid transparent;white-space:nowrap;transition:background .12s,border-color .12s}
.b svg{width:19px;height:19px}
.b-p{background:var(--azul);color:#fff}
.b-p:hover{background:var(--azul-esc)}
.b-s{background:var(--sup);border-color:var(--borda-2);color:var(--tinta)}
.b-s:hover{background:var(--fundo);border-color:var(--tinta-3)}
.b-f{color:var(--tinta-2)}
.b-f:hover{background:var(--fundo)}
.b-d{background:var(--verm);color:#fff}
.b-d:hover{filter:brightness(.93)}
.b-g{height:52px;padding:0 24px;font-size:17px}
.b-p:disabled,.b-s:disabled{opacity:.45;cursor:not-allowed}

/* ---------- BARRA DE PROGRESSO ---------- */
.pb{height:8px;background:var(--borda);border-radius:4px;overflow:hidden}
.pb i{display:block;height:100%;background:linear-gradient(90deg,var(--azul),#2B7BD6);border-radius:4px;transition:width .3s}
.pb.ok i{background:var(--verde)} .pb.al i{background:var(--amb)} .pb.er i{background:var(--verm)}