/* Definições padrão */
:root {
  /*azuis*/
  --c-azul-super-escuro-background: #00143c;
  --c-azul-escuro-background: #002570;
  --c-azul-escuro-font: #00227f;
  --c-azul-mais-escuro-font: #002838;
  --c-azul-claro-font: #188cff;
  --c-azul-claro-botao-background: #edf1f7;
  --c-azul-900: #135863;
  --c-lilas-claro: #a197bd;
  --c-lilas-medio: #71619c;
  --c-lilas-escuro: #605285;
  --c-cinza-desabilitado: #8a8a8a;

  --azul-botao: #229caf;
  --azul-hover-botao: #c1e8ee;
  --verde-background: #45b384;
  --verde-lima: #afca0b;

  --gradiente-azul: linear-gradient(white 0, #c1e8ee 50%, white 100%);
}

@font-face {
  font-family: "Outfit";
  src: url("Outfit-VariableFont_wght.ttf") format("truetype");
}

@font-face {
  font-family: "Encode";
  src: url("EncodeSans-VariableFont_wdth,wght.ttf") format("truetype");
}

html {
  scroll-behavior: smooth;
}

iframe { width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; }

button {
  background-color: unset;
  border: unset;
  cursor: pointer;
}

main {
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto";
}

div {
  box-sizing: border-box;
}

.corpo {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.corpo .areautil {
  width: 100%;
  max-width: 1920px;
  margin-right: 10px;
  margin-left: 10px;
}

.btnPrincipal {
  border: 2px solid var(--azul-botao);
  background-color: #ffffff;
  padding: 12px 24px;
  font-family: "Outfit";
  font-weight: 600;
  border-radius: 10px;
  font-size: 16px;
  line-height: 16px;
  color: var(--azul-botao);
  text-decoration: none;
}

.btnPrincipal:hover {
  background-color: var(--azul-hover-botao);
}

.btnPrincipal.ativo {
  background-color: var(--azul-botao);
  color: #ffffff;
}

section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section .container {
  width: min(1280px, calc(100dvw - 80px));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn {
  background: var(--azul-botao);
  font-family: "Outfit";
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 10px;
  text-decoration: none;
}

.btn_cinza {
  background: var(--c-cinza-desabilitado);
  font-family: "Outfit";
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 10px;
  text-decoration: none;
}

.btn_branco {
  background: #ffffff;
  font-family: "Outfit";
  color: var(--azul-botao);
  font-size: 16px;
  font-weight: 600;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 10px;
  border: 2px solid var(--azul-botao);
  text-decoration: none;
}

.espacamento_direito {
  margin-right: 10px;
}

.accordion {
    max-width: 800px;
}

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-title {
    width: 100%;
    padding: 15px;
    border: 0;
    background: #f5f5f5;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    background-image: url('../images/chevron-down.png');
    background-repeat: no-repeat;
    background-size: auto 28px;
    background-position: right 15px center;
}

.accordion-item .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
    padding: 0 15px;
}

.accordion-item.active .accordion-content {
    max-height: 500px;
    padding: 15px;
}
.accordion-item.active .accordion-title {
    background-image: url('../images/chevron-up.png');
}



@media (max-width: 800px) {
}