@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Asap:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pacifico&display=swap");
:root {
  --turq-200:#00E0CA;
  --turq-300:##00CCB8;
  --turq:#00ae9d;
  --turq-500:#00A091;
  --turq-600:#009285;
  --verdee-200:#005566;
  --verdee-300:#004452;
  --verdee:#003641;
  --verdee-500:#002A33;
  --verdee-600:#001E24;
  --verdem-200:#92D421;
  --verdem-300:#86C21E;
  --verdem:#7DB61C;
  --verdem-500:#73A81A;
  --verdem-600:#679617;
  --verdec-200:#EAF500;
  --verdec-300:#D7E000;
  --verdec:#C9D200;
  --verdec-500:#B9C200;
  --verdec-600:#A6AD00;
  --roxo-200:#5956B3;
  --roxo-300:#4E4CA9;
  --roxo:#49479D;
  --roxo-500:#41408C;
  --roxo-600:#3B397E;
  --branco:#FFFFFF;
  --cinza-200:#F2F2F2;
  --cinza-300:#F9F9F9;
  --cinza-400:#D1D1D1;
  --cinza-500:#B4B4B4;
  --cinza-600:#9d9d9d;
  --cinza-700:#6e6e6e;
  --cinza-800:#5E5E5E;
  --cinza-900:#333;
  --preto:#000;
  --transparente:rgba(0,0,0,0);
}

/* 
--------------------------------
GERAIS
--------------------------------
*/
html {
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  width: 100vw;
  font-family: "Asap", sans-serif;
  overflow-x: hidden;
  color: var(--verdee);
}

/* COR DAS FONTES */
.c-turq {
  color: var(--turq) !important;
}
.c-verdee {
  color: var(--verdee) !important;
}
.c-verdem {
  color: var(--verdem) !important;
}
.c-verdec {
  color: var(--verdec) !important;
}
.c-roxo {
  color: var(--roxo) !important;
}
.c-branco {
  color: var(--branco) !important;
}
.c-preto {
  color: var(--preto) !important;
}

/* COR DOS FUNDOS */
.bg-turq {
  background-color: var(--turq) !important;
}
.bg-verdee {
  background-color: var(--verdee) !important;
}
.bg-verdem {
  background-color: var(--verdem) !important;
}
.bg-verdec {
  background-color: var(--verdec) !important;
}
.bg-roxo {
  background-color: var(--roxo) !important;
}
.bg-branco {
  background-color: var(--branco) !important;
}
.bg-preto {
  background-color: var(--preto) !important;
}

/* COR DA BORDA */
/* PESO DA BORDA */
.border-turq {
  border-color: var(--turq) !important;
}
.border-verdee {
  border-color: var(--verdee) !important;
}
.border-verdem {
  border-color: var(--verdem) !important;
}
.border-verdec {
  border-color: var(--verdec) !important;
}
.border-roxo {
  border-color: var(--roxo) !important;
}
.border-branco {
  border-color: var(--branco) !important;
}
.border-preto {
  border-color: var(--preto) !important;
}
.border-1 {
  border-style: solid;
  border-width: 1px;
}
.border-2 {
  border-style: solid;
  border-width: 2px;
}
.border-3 {
  border-style: solid;
  border-width: 3px;
}
.border-4 {
  border-style: solid;
  border-width: 4px;
}
.border-5 {
  border-style: solid;
  border-width: 5px;
}
.border-radius-05 {
  border-radius: 0.5rem;
}
.border-radius-075 {
  border-radius: 0.75rem;
}
.border-radius-1 {
  border-radius: 1rem;
}
.border-radius-15 {
  border-radius: 1.5rem;
}
.border-radius-2 {
  border-radius: 2rem;
}
.border-radius-25 {
  border-radius: 2.5rem;
}

/* PESO DAS FONTES */
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}

/* BOTÕES */
.btn-primary {
  border-color: var(--turq);
  background-color: var(--turq);
  color: var(--branco);
  transition: 0.5s all ease-in-out;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover {
  background-color: var(--verdee);
  border-color: var(--turq);
}
.btn-primary:focus-visible {
  outline: var(--verdec) auto 1px;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--verdec);
}
.btn-outline-primary {
  font-size: var(--font-geral);
  border-color: var(--turq);
  color: var(--verdee);
  transition: 0.5s all ease-in-out;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover {
  background-color: var(--turq);
  border-color: var(--turq);
  color: var(--branco);
  font-size: calc(var(--font-geral) + 0.1rem);
}
.btn-outline-primary:focus-visible {
  outline: var(--verdec) auto 1px;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--verdec) !important;
}
.btn-secondary {
  border-color: var(--verdec) !important;
  background-color: var(--verdec) !important;
  color: var(--verdee) !important;
  font-weight: bold;
  padding: 0.3rem 1rem;
  transition: 0.5s all ease-in-out;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:hover {
  background-color: var(--verdec) !important;
}
.btn-secondary:focus-visible {
  outline: var(--verdee) auto 1px !important;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem var(--verdee) !important;
}
.btn-click {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.btn-click:hover {
  transform: translateX(2px) translateY(2px);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-click:active {
  transform: translateX(4px) translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.btn-click-img {
  box-shadow: none !important;
  transition: all 0.3s ease-in-out;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.2));
}
.btn-click-img:hover {
  transform: translateX(0px) translateY(3px);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
.btn-click-img:active {
  transform: translateX(0px) translateY(6px);
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2));
}

/* ALINHAMENTO */
.center-s {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-v {
  display: flex;
  align-items: center;
}
.center-h {
  display: flex;
  justify-content: center;
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

body #content, #content, .portlet-column {
  padding: 0 !important;
}

h1 {
  font-size: 5rem !important;
}
@media (max-width: 767px) {
  h1 {
    font-size: calc(2rem + 7.5vw) !important;
  }
}

h2 {
  font-size: 2.15rem !important;
}
@media (max-width: 767px) {
  h2 {
    font-size: calc(1.3rem + 2vw) !important;
  }
}

h3 {
  font-size: 2rem !important;
}
@media (max-width: 767px) {
  h3 {
    font-size: calc(1rem + 2vw) !important;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0;
}

.nowrap {
  white-space: nowrap;
}

.icon {
  height: 60px;
}

.navbar-nav .nav-item {
  text-align: end;
}
.navbar-nav .nav-link {
  color: var(--branco) !important;
  font-weight: 600;
  line-height: 1rem;
  display: inline-flex;
  border-bottom: 2px solid var(--transparente);
}
.navbar-nav .nav-link:hover {
  border-bottom: 2px solid var(--verdec);
  font-weight: 700;
}
.navbar-nav .nav-link span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1rem;
  margin-right: 0.25rem;
}

#banner {
  background: var(--verdec);
  background: linear-gradient(0deg, var(--turq) 30%, var(--roxo) 80%);
  position: relative;
}
#banner .mais-bg {
  background-image: url(../images/+roxo.png);
  background-size: 22px;
  position: absolute;
  top: 0;
  bottom: 47%;
  right: 0;
  left: 0;
}
#banner .sutitle {
  max-width: 834px;
  margin: auto;
  margin-top: 1rem;
}

#premiacao .mais-bg {
  background-image: url(../images/+verdee.png);
  background-size: 22px;
}
#premiacao .card-outline {
  border: 2px solid var(--verdee);
  border-radius: 0.5rem;
}

#cupons .form-control {
  border: 0px solid var(--verdee);
}
#cupons .form-control:focus {
  border-color: var(--verdee);
  box-shadow: 0 0 0.2rem 0 var(--verdec);
}
#cupons .sem_registro {
  display: none;
}
#cupons .erro-cupons {
  margin-bottom: 10px;
  text-align: center;
  color: var(--branco);
}
#cupons .content-produtos, #cupons .content-produtos th td, #cupons .content-produtos tbody td {
  padding: 5px;
  color: var(--branco);
}
#cupons #paginacao ul {
  padding: 10px 0 40px 0;
  margin: 0px auto;
  border-top: 1px solid #e9e9e9;
  list-style: none;
  width: 80%;
  text-align: center;
}
#cupons #paginacao ul li {
  display: inline;
  padding: 0 5px;
}
#cupons #paginacao ul li a {
  padding: 2px 10px;
  display: inline-block;
  text-decoration: none;
  color: var(--branco);
}
#cupons #paginacao ul li .anterior, #cupons #paginacao ul li .proximo {
  background: #00ae9d;
  border-radius: 5px;
  font-size: 9pt;
}

#ganhadores table {
  text-align: center;
  vertical-align: middle;
  border-collapse: separate;
  border-spacing: 2px 5px;
}
#ganhadores table thead {
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
#ganhadores table thead tr {
  background: var(--verdec);
  color: var(--verdee);
  /*
  th{

    &:after{
      content: "|";
      right: 0;
      position: absolute;
      @media (max-width:992px) {
        top: 33%;
      }
    }
    &:nth-last-child(1):after{
      content: "";
    }
  }
  */
}
#ganhadores table thead tr .thead {
  padding: 0.75rem;
}
#ganhadores table tbody tr:nth-child(odd) {
  color: var(--branco);
}
#ganhadores table .verdee {
  color: var(--verdee) !important;
}
#ganhadores table tr th:nth-last-child(1), #ganhadores table tr td:nth-last-child(1) {
  border-radius: 0 5px 5px 0;
}
#ganhadores table tr th:nth-child(1), #ganhadores table tr td:nth-child(1) {
  border-radius: 5px 0 0 5px;
}
#ganhadores table th, #ganhadores table td {
  border: none;
  vertical-align: middle;
}
#ganhadores table td {
  background-color: var(--branco);
}

#footer span {
  white-space: nowrap;
}/*# sourceMappingURL=styles.css.map */