:root {
  --cor_primaria: #365AA1;
  --cor_secundaria: #53BDCA;
  --cor_terciaria: #AF6231;
  --branco: #ffffff;
  --cinza_claro: #F8F8F8;
  --cinza_escuro: #9D9E9F;
  --preto: #000;
}

.cor-primaria {
  color: var(--cor_primaria);
}

.cor-secundaria {
  color: var(--cor_secundaria);
}

.cor-terciaria {
  color: var(--cor_terciaria);
}

.cor-branco {
  color: var(--branco);
}

.cor-cinza_claro {
  color: var(--cinza_claro);
}

.cor-cinza_escuro {
  color: var(--cinza_escuro);
}

.cor-preto {
  color: var(--preto);
}

.bg-primaria {
  background-color: var(--cor_primaria);
}

.bg-secundaria {
  background-color: var(--cor_secundaria);
}

.bg-terciaria {
  background-color: var(--cor_terciaria);
}

.bg-branco {
  background-color: var(--branco);
}

.bg-cinza_claro {
  background-color: var(--cinza_claro);
}

.bg-cinza_escuro {
  background-color: var(--cinza_escuro);
}

.bg-preto {
  background-color: var(--preto);
}

*:not(span.fs-5), *:after:not(span.fs-5), *:before:not(span.fs-5) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: 100%;
  list-style-type: none;
  font-family: Poppins, sans-serif;
}

a {
  text-decoration: none;
}

textarea {
  resize: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.nav-link {
  font-weight: 500;
  color: var(--preto);
}

.nav-item a:hover {
  background-color: var(--cor_primaria);
  color: white;
}

.btn-padrao-outline-1 {
  --bs-btn-color: var(--cor_primaria);
  --bs-btn-border-color: var(--cor_primaria);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--cor_primaria);
  --bs-btn-hover-border-color: var(--cor_primaria);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--cor_primaria);
  --bs-btn-active-border-color: var(--cor_primaria);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--cor_primaria);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--cor_primaria);
}

.btn-padrao-2 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #53bdca;
  --bs-btn-border-color: #53bdca;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #36a1af;
  --bs-btn-hover-border-color: #36a1af;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #287883;
  --bs-btn-active-border-color: #22646d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #98d7df;
  --bs-btn-disabled-border-color: #98d7df;
}

.btn-acessar {
  /*border-radius: 50px;*/
  font-weight: bold;
  /*border-width: 2px;*/
  /*font-size: 1em;*/
}

.btn-corpo {
  border-radius: 50px;
}

.my-6 {
  margin-top: 3.5rem!important;
  margin-bottom: 3.5rem!important;
}

.my-7 {
  margin-top: 4rem!important;
  margin-bottom: 4rem!important;
}

.my-8 {
  margin-top: 4.5rem!important;
  margin-bottom: 4.5rem!important;
}

.btn-padrao-outline-branco {
  --bs-btn-color: var(--branco);
  --bs-btn-border-color: var(--branco);
  --bs-btn-hover-color: var(--cor_primaria);
  --bs-btn-hover-bg: var(--branco);
  --bs-btn-hover-border-color: var(--branco);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--branco);
  --bs-btn-active-border-color: var(--branco);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--branco);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--branco);
}

section:not(.sem-padding) {
  padding-top: 4em;
  padding-bottom: 4em;
}

.paragrafo-solucao {
  color: var(--preto);
}

.heading-solucao {
  color: var(--preto);
}

.card-planos {
  border-radius: 25px;
}

.card.active {
  border: solid 3px var(--cor_primaria);
}

.card-passo-a-passo {
  border-radius: 26px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 3px 6px #00000029;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}

.accordion-button, .accordion-button:hover, .accordion-button:active, .accordion-body {
  background-color: var(--cor_primaria)!important;
  color: #fff;
}

.accordion-item {
  color: #fff;
  background-color: var(--cor_primaria);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

@media (min-width: 992px) and (max-width:1200px) {
  .nav-item {
    /*font-size: 1em;*/
  }
}