:root {
  --cor-bg: #ffffff;
  --cor-primaria: #FFFF00;
  --cor-secundaria: #4A4A4A;
  --cor-laranja: #FF8B00;
  --cor-laranja2: #FFCA00;
  --cor-info: #6c757d;
  --cor-icone-1: #54d062;
  --cor-icone-2: #009ff4;
  --cor-icone-3: #ff7d5e;

  --cor-promo-preco: #60ea70;
  --cor-promo-preco: #ffa559;
  --cor-promo-preco: #00e1f1;
  --cor-notificacoes: #e03333;
}

@font-face {
  font-family: Gotham-Bold;
  src: url("../fonts/GothamRoundedBold_21016.ttf");
}
@font-face {
  font-family: Gotham-Medium;
  src: url("../fonts/GothamRoundedMedium_21022.ttf");
}
@font-face {
  font-family: Gotham-Book;
  src: url("../fonts/GothamRoundedBook_21018.ttf");
}

* {
  font-family: Gotham-Book;
}

body {
  background-color: var(--cor-bg);
  color: var(--cor-secundaria);
}

.btn{
  border-radius: 25px !important;
}

/*reestilizando os botoes*/
.btn-outline-primary{
  border-color: var(--cor-primaria);
  color: var(--cor-primaria);
}
.btn-outline-primary:hover{
  background: var(--cor-primaria);
  border-color: var(--cor-primaria);
  color: var(--cor-laranja);
}

.btn-outline-secondary{
  color: var(--cor-secundaria);
  border-color: var(--cor-secundaria);
}
.btn-outline-secondary:hover{
  background: var(--cor-secundaria);
}

.btn-outline-light{
  border-color: var(--cor-bg);
  color: var(--cor-bg);
}
.btn-outline-light:hover{
  background: var(--cor-laranja2);
  border-color: var(--cor-laranja2);
  color: var(--cor-light);
}

.btn-outline-warning{
  border-color: var(--cor-laranja);
  color: var(--cor-laranja);
}
.btn-outline-warning:hover{
  background: var(--cor-laranja);
  border-color: var(--cor-laranja);
  color: var(--cor-secundaria);
}

.btn-outline-info{
  border-radius: 50px;
  width: 48px;
  border-color: var(--cor-bg);
  color: var(--cor-bg);
}
.btn-outline-info:hover{
  background: var(--cor-bg);
  border-color: var(--cor-bg);
  color: var(--cor-secundaria);
}
/*fim da reestilizacao dos botoes*/

.container-bg-01{
  background-image: url('../../images/bg_topo.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--cor-laranja2);
  /*height: 775px;*/
}
.container-bg-02{
  background-color: var(--cor-laranja2);
}
.container-bg-03{
  background-image: url('../../images/bg_conteudo.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-color: var(--cor-laranja2);*/
}
.container-bg-04{
  background-image: url('../../images/bg_rodape.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-logo{
  /*height: 70% !important;*/
  padding-bottom: 30px;
}

.div-personagem-01{
  width: 343px;
  height: 600px;
  background-image: url('../../images/personagem_masc.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -100%;
  left: -60%;
}
.div-personagem-02{
  width: 391px;
  height: 600px;
  background-image: url('../../images/personagem_fem.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -50%;
  right: -20%;
}

.div-divisoria{
  height: 1px;
}

.container-titulo {
  font-family: Gotham-Medium;
  font-size: 200%;
}
.container-titulo-suplinhado{
  width: 20px;
  height: 4px;
  margin-bottom: 15px;
  border-radius: 15px;
  background: var(--cor-secundaria)
}
.texto-rodape {
  color: var(--cor-bg);
}