/* =========================================================
   supercrédito | base
   Cores, letras e peças usadas na página e no simulador.
   ========================================================= */
:root{
  color-scheme: light;
  /* Cores da Gestlifes: o site mostra a marca Gestlifes, como o supercredito.pt. */
  --blue:#1F45C2; --blue-press:#17369A; --navy:#0A1B4D; --ink:#22294A; --muted:#5B6382;
  --soft:#ECF0FC; --line:#DFE4F2; --bg:#FFFFFF; --tint:#F4F5F8; --on-dark:#C9D4FA;
  --gold:#FFCB47; --gold-ink:#2B2000; --gold-soft:#FFF6DC;
  --good:#0F7A57; --good-soft:#E6F5EE; --warn:#8F5D00; --warn-soft:#FFF4DE; --bad:#C2372E; --bad-soft:#FCEBEA;

  /* Tons de apoio, para não haver cores soltas nos componentes.
     O simulador.css usa os primeiros oito. */
  --white:#FFFFFF; --focus:#9DB2F5; --line-hover:#B9C7F2; --placeholder:#C3CADF; --off:#CDD4E6;
  --disabled:#AEBBE6; --good-line:#9FD6BF; --glow:#4C70F0;
  --save:#1E7A5B; --save-ink:#EFFFF7; --save-off:#33406B; --save-off-ink:#DCE3FB;
  --on-blue:#DCE4FF; --on-navy:#B9C4EA; --gold-line:#F3DFA0;

  --display:"Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --body:"Figtree", "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased}
button,input,select{font:inherit; color:inherit}
button{cursor:pointer; -webkit-tap-highlight-color:transparent}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--focus); outline-offset:2px}
.wrap{max-width:1060px; margin:0 auto; padding-inline:20px}

/* Âncoras não ficam escondidas por baixo do cabeçalho fixo. */
section[id]{scroll-margin-top:64px}

/* Botão principal. Fica na base porque o simulador também o usa. */
.btn{display:flex; align-items:center; justify-content:center; gap:10px; width:100%; max-width:520px; margin:0 auto; min-height:56px; border:0; border-radius:16px; background:var(--blue); color:var(--white); font-weight:700; font-size:17px; box-shadow:0 10px 24px -10px color-mix(in srgb, var(--blue) 60%, transparent); transition:background .15s}
.btn:hover{background:var(--blue-press)}
.btn:disabled{background:var(--disabled); box-shadow:none; cursor:not-allowed}