:root {

  --color-primary: #00ADEF;
  --color-accent-orange: #F5B23C;
  --color-accent-blue: #1BC3D6;
  --color-accent-green: #C0D140;
  --color-accent-red: #FD6262;
  --color-darkgray: #313131;
  --color-midgray: #717171;
  --color-lightgray: #EDEDED;

  /* Porto Serviço */

  --color-portoseguro: #0046C0;
  --color-portoseguro-primary: #00A1FC;
  --color-neutras-white: #FFFFFF;
  --color-neutras-black: #000000;
  --color-neutras-black-075: #404040;
  --color-neutras-black-045: #B3B3B3;
  --color-neutras-black-005: #F7F7F7;
  
}

body {
  margin: 0;
  font-size: 16px;
  min-height: 100vh;
  /* background-color: var(--color-lightgray); */
  color: var(--color-darkgray, black);
  font-family: 'Roboto', sans-serif;
  text-rendering: optimizeSpeed;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
margin: 0;
padding: 0;
}


figure,
img {
display: block;
max-width: 100%;
height: auto;
}

input,
button,
textarea,
select {
font: inherit;
}