/* estilo/base.css
 * Cores, tipografia e espacamento do sistema inteiro.
 * Mudou aqui, mudou em tudo. Nenhum arquivo redefine cor por conta propria.
 */
:root{
  --navy:#0b2136; --navy2:#143c5e; --navy3:#1d5480;
  --gold:#c9a227; --gold2:#e8c96b;
  --ink:#16202b; --muted:#5d6d7a; --linha:#d3dce5; --borda:#b9c6d3; --bg:#eaeef2; --card:#fff;
  --verde:#127a52; --verde-luz:#e6f5ee;
  --vermelho:#b53f26; --vermelho-luz:#fdece7;
  --azul:#2f6fa8; --azul-luz:#e8f1f8;
  --raio:12px;
  --sombra:0 1px 2px rgba(11,33,54,.06),0 10px 28px rgba(11,33,54,.09);
  --sombra2:0 3px 6px rgba(11,33,54,.1),0 22px 52px rgba(11,33,54,.2);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-size:17px; line-height:1.62;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* Nada de fonte menor que 14px em texto visivel. */
h1,h2,h3{margin:0;letter-spacing:-.015em}
a{color:var(--azul)}

/* iPhone: campo com letra menor que 16px faz o navegador dar zoom ao tocar e nao voltar.
   No celular, todo campo tem no minimo 16px. */
@media (max-width:700px){
  input,select,textarea,button{font-size:16px!important}
  input.val{width:120px}
}

/* nada estoura de lado: a pagina nunca fica mais larga que a tela */
html,body{overflow-x:hidden;max-width:100%;position:relative}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%}