:root {
    --stfAzulPreto: #041a29;
    --stfPreto: #0e0e0e;
    --stfCinzaEscuroMenu: #1a1a1a;
    --stfCinzaEscuro: #404040;
    --stfCinza: #808080;
    --stfCinzaMedio: #525252;
    --stfCinzaClaro: #efefef;
    --stfCinzaBackground: rgba(0, 0, 0, 0.05);
    --stfCinzaAlpha60: rgba(0, 0, 0, 0.6);
    --stfCinzaAlpha40: rgba(0, 0, 0, 0.4);
    --stfBoxAlpha30: rgba(192, 192, 192, 0.3);
    --stfBranco: #fff;
    --stfBrancoAlfa40: rgba(255, 255, 255, 0.4);
    --stfBrancoAlfa80: rgba(255, 255, 255, 0.8);
    --stfBrancoAlfa15: rgba(255, 255, 255, 0.15);
    --stfAzul: #056bb3;
    --stfAzulMedio: #054c80;
    --stfAzulEscuro: #00354d;
    --stfAzulMenu: #002f4d;
    --stfAzulHover: #025780;
    --stfAzulHoverClaro: #75d2ff;
    --stfAzulEscuroAlfa60: rgba(0, 105, 152, 0.6);
    --stfAzulEscuroAlfa15: rgba(0, 105, 152, 0.15);
    --stfAzulEscuroAlfa10: rgba(0, 105, 152, 0.1);
    --stfAzulClaro: #00b9ff;
    --stfAzulCinza: #edf4fc;
    --stfVerde: #1dbf1d;
    --stfVerdeEscuro: #2b4d03;
    --stfVerdeClaro: #eff3e9;
    --stfAmarelo: #f0ad4e;
    --stfAmareloClaro: #f0ad4e;
    --stfVermelho: #a40000;
    --stfVermelhoClaro: #fceef0;
    --stfAzulQlik: #4477aa;
  }

.titulo-formulario {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
  
.divider-titulo-formulario {
    background: linear-gradient(
      90deg,
      var(--stfAzulQlik) 0%,
      rgba(243, 247, 249, 1) 100%
    );
    width: 100%;
    height: 3px;
}

#sumario {
    margin-top: 2rem;
    padding: 0 clamp(5px, 10%, calc(5%+80px));
    text-align: justify;
}
#sumario a {
    color: var(--stfAzulMedio);
}
.sumTIP {
    font-size: 1.2rem;
    font-weight: bold;
}

.sumTOP {
    font-size: 1rem;
    margin-top: .8rem;
}

.sumSTO {
    margin-top: .6rem;
    padding-left: 1rem;
}

.sumITE {
    margin-top: .2rem;
    padding-left: 2rem;
}

.sumSUB {
    padding-left: 3rem;
}
.sumSUB+.sumSUB {
    margin: .5rem 0;
}

#corpo {
    margin: 1rem 0;
    padding: 0 clamp(5px, 5%, 80px);
    text-align: justify;
}

.parTIP {
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    padding: .5rem 0;
}

.parTOP {
    color: var(--stfAzulEscuro);
    background-color: var(--stfAzulCinza);
    font-size: 1.5rem;
    text-align: center;
    padding: .5rem 0;
}
.parSTO {
    color: var(--stfAzulEscuro);
    background-color: var(--stfAzulCinza);
    margin: 1rem 0;
    font-size: 1.1rem;
    text-align: center;
    padding: .5rem 0;
}
.parITE,.parSUB {
    color: var(--stfAzulEscuro);
    background-color: var(--stfAzulCinza);
    margin: 1rem 0;
    font-size: .9rem;
    text-align: center;
    padding: .5rem 0;
}