/*estilos base*/
body {
      font-family: 'Roboto', sans-serif;
      color: #3f3f3f;
      /* font-size: 16px; */
}
.tela {
      position: relative;
      min-height: 100%;
      min-height: 100vh;
      min-height: calc(100 * var(--vh));
      min-height: 100svh;
      background-color: #f9f9fb;
      overflow-x: hidden;
}
.screen {
      position: relative;
      min-height: 100%;
      min-height: 100vh;
      min-height: calc(100 * var(--vh));
      min-height: 100svh;
      padding-top: 1rem;
}
.screen.fluid {
      min-height: unset;
}

/*estilos de espaçamentos*/
.padding-top {
      padding-top: 1rem;
}

/*estilos de cores de fontes e cores de fundo*/
.blue-1 {
      color: #57E4FF;
}

.blue-2 {
      color: #1C52C5;
}
.blue-3 {
      color: #0e387a;
}
.white {
      color: #fff;
}
.black {
      color: #000;
}

.radius-1 {
      border-radius: 0.25rem;
}

.bg-black {
      background-color: #000;
}
.bg-darkness {
      background-color: #132E32;
}
.bg-white {
      background-color: #fff;
}
.bg-blue-1 {
      background-color: #57E4FF;
}
.bg-blue-2 {
      background-color: #1C52C5;
}
.bg-blue-3 {
      background-color: #0e387a;
}