@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:#00AE9D;
  --turqd:#009082;
  --azul:#003641;
  --verde:#7DB61C;
  --verdec:#C9D200;
  --roxo:#49479D;
  --branco:#fff;
  --cinzac:#F9F9F9;
  --cinzam:#D1D1D1;
  --cinza:#5E5E5E;
  --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(--azul);
}

svg {
  width: 100%;
  height: auto;
}

/* COR DAS FONTES */
.c-turq {
  color: var(--turq) !important;
}
.c-azul {
  color: var(--azul) !important;
}
.c-verde {
  color: var(--verde) !important;
}
.c-verdec {
  color: var(--verdec) !important;
}
.c-roxo {
  color: var(--roxo) !important;
}
.c-branco {
  color: var(--branco) !important;
}
.c-cinza {
  color: var(--cinza) !important;
}
.c-cinzac {
  color: var(--cinzac) !important;
}
.c-cinzam {
  color: var(--cinzam) !important;
}
.c-preto {
  color: var(--preto) !important;
}

/* COR DOS FUNDOS */
.b-turq {
  background-color: var(--turq) !important;
}
.b-azul {
  background-color: var(--azul) !important;
}
.b-verde {
  background-color: var(--verde) !important;
}
.b-verdec {
  background-color: var(--verdec) !important;
}
.b-roxo {
  background-color: var(--roxo) !important;
}
.b-branco {
  background-color: var(--branco) !important;
}
.b-cinza {
  background-color: var(--cinza) !important;
}
.b-cinzac {
  background-color: var(--cinzac) !important;
}
.b-cinzam {
  background-color: var(--cinzam) !important;
}
.b-preto {
  background-color: var(--preto) !important;
}

/* COR DA BORDA */
/* PESO DA BORDA */
.border-turq {
  border-color: var(--turq) !important;
}
.border-azul {
  border-color: var(--azul) !important;
}
.border-verde {
  border-color: var(--verde) !important;
}
.border-verdec {
  border-color: var(--verdec) !important;
}
.border-roxo {
  border-color: var(--roxo) !important;
}
.border-branco {
  border-color: var(--branco) !important;
}
.border-cinza {
  border-color: var(--cinza) !important;
}
.border-cinzac {
  border-color: var(--cinzac) !important;
}
.border-cinzam {
  border-color: var(--cinzam) !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(--azul);
  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(--azul);
  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);
  background-color: var(--verdec);
  color: var(--azul);
  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(--azul);
  border-color: var(--azul);
  color: var(--verdec);
}
.btn-secondary:focus-visible {
  outline: var(--verdec) auto 1px;
}
.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.2rem 0 var(--verdec);
  background-color: var(--azul);
}
.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);
}

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

.v-center {
  display: flex;
  align-items: center;
}

.h-center {
  display: flex;
  justify-content: center;
}

h1 {
  font-size: 3.5rem !important;
}

h2 {
  font-size: 2.5rem !important;
}

h3 {
  font-size: 2rem !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700 !important;
}

.icon {
  height: 60px;
}

.navbar-nav .nav-item {
  text-align: end;
}
.navbar-nav .nav-link {
  color: var(--azul) !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(--verdec) 30%, var(--turq) 80%);
  position: relative;
}
#banner .mais-bg {
  background-image: url(../images/+turq1.png);
  position: absolute;
  top: 0;
  bottom: 50%;
  right: 0;
  left: 0;
}
#banner .margin-left {
  margin-top: 1rem;
  margin-left: 140px;
}
@media (max-width: 1200px) {
  #banner .margin-left {
    margin-left: 52px;
  }
}
@media (max-width: 992px) {
  #banner .margin-left {
    margin-left: 0px;
  }
}

#regulamento .btn-click {
  box-shadow: none !important;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.2));
}
#regulamento .btn-click:hover {
  transform: translateX(0px) translateY(3px);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
#regulamento .btn-click:active {
  transform: translateX(0px) translateY(6px);
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2));
}

#premiacao .mais-bg {
  background-image: url(../images/+turq.png);
}
#premiacao .card-outline {
  background: var(--verdec);
  border: 4px solid var(--turq);
  border-radius: 1.5rem;
}
#premiacao .card-outline img {
  transform: scale(1.2);
}
@media (max-width: 1200px) {
  #premiacao .card-outline img {
    transform: scale(1.25);
  }
}
@media (max-width: 576px) {
  #premiacao .card-outline img {
    transform: scale(1.2);
  }
}
@media (max-width: 480px) {
  #premiacao .card-outline img {
    transform: scale(1.25);
  }
}
@media (max-width: 430px) {
  #premiacao .card-outline img {
    transform: scale(1.3);
  }
}
#premiacao .card-outline .btn {
  margin-bottom: -60px;
  border-radius: 0.5rem;
  padding: 0rem 0.75rem;
}

#cupons .form-control {
  border: 0px solid var(--azul);
}
#cupons .form-control:focus {
  border-color: var(--azul);
  box-shadow: 0 0 0.2rem 0 var(--verdec);
}
#cupons .sem_registro {
  display: none;
}
#cupons .erro-cupons {
  margin-bottom: 10px;
  text-align: center;
}
#cupons .content-produtos, #cupons .content-produtos th td, #cupons .content-produtos tbody td {
  padding: 5px;
}
#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: 0px 10px;
}
#ganhadores table thead {
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
#ganhadores table thead tr {
  background: var(--azul);
  color: var(--turq);
}
#ganhadores table thead tr .thead {
  padding: 0.75rem;
}
#ganhadores table thead tr th:after {
  content: "|";
  right: 0;
  position: absolute;
}
@media (max-width: 992px) {
  #ganhadores table thead tr th:after {
    top: 33%;
  }
}
#ganhadores table thead tr th:nth-last-child(1):after {
  content: "";
}
#ganhadores table tbody tr:nth-child(odd) {
  color: var(--branco);
}
#ganhadores table .azul {
  color: var(--azul) !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 */