@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: #E9E9E9;
  --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);
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.15,1240,18,1.2,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  /* font-size -2: 12.10px → 12.50px */
  --font-size-minor: clamp(0.76rem, 0.75rem + 0.04vw, 0.78rem);
  /* font-size -1: 13.91px → 15.00px */
  --font-size-small: clamp(0.87rem, 0.85rem + 0.12vw, 0.94rem);
  /* font-size 0: 16.00px → 18.00px */
  --font-size-base: clamp(1.00rem, 0.96rem + 0.22vw, 1.13rem);
  /* font-size 1: 18.40px → 21.60px */
  --font-size-6: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  /* font-size 2: 21.16px → 25.92px */
  --font-size-5: clamp(1.32rem, 1.22rem + 0.52vw, 1.62rem);
  /* font-size 3: 24.33px → 31.10px */
  --font-size-4: clamp(1.52rem, 1.37rem + 0.74vw, 1.94rem);
  /* font-size 4: 27.98px → 37.32px */
  --font-size-3: clamp(1.75rem, 1.55rem + 1.02vw, 2.33rem);
  /* font-size 5: 32.18px → 44.79px */
  --font-size-2: clamp(2.01rem, 1.74rem + 1.37vw, 2.80rem);
  /* font-size 6: 37.01px → 53.75px */
  --font-size-1: clamp(2.31rem, 1.95rem + 1.82vw, 3.36rem);
}

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

body {
  width: 100vw;
  font-family: "Asap", sans-serif;
  position: relative;
  z-index: -5;
}

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

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

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

/* 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;
}

/* PESO DAS FONTES */
.fs-1 {
  font-size: var(--font-size-1) !important;
  line-height: calc(0.5rem + var(--font-size-1));
}
.fs-2 {
  font-size: var(--font-size-2) !important;
  line-height: calc(0.5rem + var(--font-size-2));
}
.fs-3 {
  font-size: var(--font-size-3) !important;
  line-height: calc(0.5rem + var(--font-size-3));
}
.fs-4 {
  font-size: var(--font-size-4) !important;
  line-height: calc(0.5rem + var(--font-size-4));
}
.fs-5 {
  font-size: var(--font-size-5) !important;
  line-height: calc(0.5rem + var(--font-size-5));
}
.fs-6 {
  font-size: var(--font-size-6) !important;
  line-height: calc(0.5rem + var(--font-size-6));
}
.fs-base {
  font-size: var(--font-size-base) !important;
  line-height: calc(0.3rem + var(--font-size-base));
}
.fs-small {
  font-size: var(--font-size-small) !important;
  line-height: calc(0.3rem + var(--font-size-small));
}
.fs-08 {
  font-size: 0.8rem !important;
}
.fs-100 {
  font-size: 1rem !important;
}
.fs-125 {
  font-size: 1.25rem !important;
}
.fs-150 {
  font-size: 1.5rem !important;
}
.fs-175 {
  font-size: 1.75rem !important;
}
.fs-200 {
  font-size: 2rem !important;
}
.fs-225 {
  font-size: 2.25rem !important;
}
.fs-250 {
  font-size: 2.5rem !important;
}
.fs-275 {
  font-size: 2.75rem !important;
}
.fs-300 {
  font-size: 3rem !important;
}
.fs-400 {
  font-size: 4rem !important;
}
.fs-500 {
  font-size: 5rem !important;
}

/* BOTÕES */
.btn {
  padding: 0.3rem 1rem;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  outline: none !important;
}
.btn:focus {
  box-shadow: none !important;
}
.btn-primary {
  border-color: var(--turq);
  background-color: var(--turq);
  color: var(--branco);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover {
  border-color: var(--turq-500);
  background-color: var(--turq-500);
}
.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, .btn-primary:active, .btn-primary.active {
  border-color: var(--turq-600);
  background-color: var(--turq-600);
  box-shadow: none !important;
}
.btn-primary:focus-visible {
  outline: 0 !important;
}
.btn-outline-primary {
  border-color: var(--turq);
  background-color: var(--transparente) !important;
  color: var(--turq);
}
.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);
  color: var(--branco);
}
.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, .btn-outline-primary:active, .btn-outline-primary.active {
  border-color: var(--turq-200);
  background-color: var(--turq-200);
  box-shadow: none !important;
}
.btn-outline-primary:focus-visible {
  outline: 0;
}
.btn-secondary {
  border-color: var(--turq);
  background-color: var(--transparente) !important;
  color: var(--turq);
}
.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(--turq);
  color: var(--branco);
}
.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, .btn-secondary:active, .btn-secondary.active {
  border-color: var(--turq-200);
  background-color: var(--turq-200);
  box-shadow: none !important;
}
.btn-secondary:focus-visible {
  outline: 0;
}
.btn-branco {
  border-color: var(--branco) !important;
  background-color: var(--branco) !important;
  color: var(--verdee) !important;
}
.btn-branco:not(:disabled):not(.disabled).active, .btn-branco:not(:disabled):not(.disabled):active, .show > .btn-branco.dropdown-toggle, .btn-branco:hover {
  background-color: var(--cinza-200) !important;
  border-color: var(--cinza-200) !important;
}
.btn-branco.focus, .btn-branco:focus, .btn-branco:not(:disabled):not(.disabled).active:focus, .btn-branco:not(:disabled):not(.disabled):active:focus, .show > .btn-branco.dropdown-toggle:focus, .btn-branco:active, .btn-branco.active {
  border-color: var(--cinza-300);
  background-color: var(--cinza-300);
  box-shadow: none !important;
}
.btn-branco:focus-visible {
  outline: 0px !important;
}
.btn-verdee {
  border-color: var(--verdee) !important;
  background-color: var(--verdee) !important;
  color: var(--branco);
}
.btn-verdee:not(:disabled):not(.disabled).active, .btn-verdee:not(:disabled):not(.disabled):active, .show > .btn-verdee.dropdown-toggle, .btn-verdee:hover {
  background-color: var(--verdee-500) !important;
  border-color: var(--verdee-500) !important;
}
.btn-verdee.focus, .btn-verdee:focus, .btn-verdee:not(:disabled):not(.disabled).active:focus, .btn-verdee:not(:disabled):not(.disabled):active:focus, .show > .btn-verdee.dropdown-toggle:focus, .btn-verdee:active, .btn-verdee.active {
  border-color: var(--verdee-300);
  background-color: var(--verdee-300);
  box-shadow: none !important;
}
.btn-verdee:focus-visible {
  outline: 0px !important;
}
.btn-verdem {
  border-color: var(--verdem) !important;
  background-color: var(--verdem) !important;
  color: var(--branco) !important;
}
.btn-verdem:not(:disabled):not(.disabled).active, .btn-verdem:not(:disabled):not(.disabled):active, .show > .btn-verdem.dropdown-toggle, .btn-verdem:hover {
  background-color: var(--verdem-500) !important;
  border-color: var(--verdem-500) !important;
}
.btn-verdem.focus, .btn-verdem:focus, .btn-verdem:not(:disabled):not(.disabled).active:focus, .btn-verdem:not(:disabled):not(.disabled):active:focus, .show > .btn-verdem.dropdown-toggle:focus, .btn-verdem:active, .btn-verdem.active {
  border-color: var(--verdem-300);
  background-color: var(--verdem-300);
  box-shadow: none !important;
}
.btn-verdem:focus-visible {
  outline: 0px !important;
}
.btn-verdec {
  border-color: var(--verdec) !important;
  background-color: var(--verdec) !important;
  color: var(--verdee) !important;
}
.btn-verdec:not(:disabled):not(.disabled).active, .btn-verdec:not(:disabled):not(.disabled):active, .show > .btn-verdec.dropdown-toggle, .btn-verdec:hover {
  background-color: var(--verdec-500) !important;
  border-color: var(--verdec-500) !important;
}
.btn-verdec.focus, .btn-verdec:focus, .btn-verdec:not(:disabled):not(.disabled).active:focus, .btn-verdec:not(:disabled):not(.disabled):active:focus, .show > .btn-verdec.dropdown-toggle:focus, .btn-verdec:active, .btn-verdec.active {
  border-color: var(--verdec-300);
  background-color: var(--verdec-300);
  box-shadow: none !important;
}
.btn-verdec:focus-visible {
  outline: 0px !important;
}
.btn-click {
  box-shadow: none !important;
}
.btn-click:hover {
  transform: translateX(2px) translateY(2px);
}
.btn-click:active {
  transform: translateX(4px) translateY(4px);
}
.btn-click-shadow {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
.btn-click-shadow:hover {
  transform: translateX(2px) translateY(2px);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-click-shadow:active {
  transform: translateX(4px) translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.btn-click-img {
  box-shadow: none !important;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.2));
}
.btn-click-img:hover {
  transform: translateX(2px) translateY(2px);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
.btn-click-img:active {
  transform: translateX(4px) translateY(4px);
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2));
}

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

/* FILL */
.fill-turq {
  fill: var(--turq) !important;
}
.fill-turq-200 {
  fill: var(--turq-200) !important;
}
.fill-turq-300 {
  fill: var(--turq-300) !important;
}
.fill-turq-500 {
  fill: var(--turq-500) !important;
}
.fill-turq-600 {
  fill: var(--turq-600) !important;
}
.fill-verdee {
  fill: var(--verdee) !important;
}
.fill-verdee-200 {
  fill: var(--verdee-200) !important;
}
.fill-verdee-300 {
  fill: var(--verdee-300) !important;
}
.fill-verdee-500 {
  fill: var(--verdee-500) !important;
}
.fill-verdee-600 {
  fill: var(--verdee-600) !important;
}
.fill-verdem {
  fill: var(--verdem) !important;
}
.fill-verdem-200 {
  fill: var(--verdem-200) !important;
}
.fill-verdem-300 {
  fill: var(--verdem-300) !important;
}
.fill-verdem-500 {
  fill: var(--verdem-500) !important;
}
.fill-verdem-600 {
  fill: var(--verdem-600) !important;
}
.fill-verdec {
  fill: var(--verdec) !important;
}
.fill-verdec-200 {
  fill: var(--verdec-200) !important;
}
.fill-verdec-300 {
  fill: var(--verdec-300) !important;
}
.fill-verdec-500 {
  fill: var(--verdec-500) !important;
}
.fill-verdec-600 {
  fill: var(--verdec-600) !important;
}
.fill-roxo {
  fill: var(--roxo) !important;
}
.fill-roxo-200 {
  fill: var(--roxo-200) !important;
}
.fill-roxo-300 {
  fill: var(--roxo-300) !important;
}
.fill-roxo-500 {
  fill: var(--roxo-500) !important;
}
.fill-roxo-600 {
  fill: var(--roxo-600) !important;
}
.fill-cinza-200 {
  fill: var(--cinza-200) !important;
}
.fill-cinza-300 {
  fill: var(--cinza-300) !important;
}
.fill-cinza-400 {
  fill: var(--cinza-400) !important;
}
.fill-cinza-500 {
  fill: var(--cinza-500) !important;
}
.fill-cinza-600 {
  fill: var(--cinza-600) !important;
}
.fill-branco {
  fill: var(--branco) !important;
}
.fill-preto {
  fill: var(--preto) !important;
}

/* WIDTH */
.w-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

/* HEIGTH */
.h-fit-content {
  height: -moz-fit-content;
  height: fit-content;
}
.h-100 {
  height: 100%;
}
.h-100-v {
  height: 100vh;
}
.h-75 {
  height: 75%;
}
.h-75-v {
  height: 75vh;
}
.h-50 {
  height: 50%;
}
.h-50-v {
  height: 50vh;
}
.h-25 {
  height: 25%;
}
.h-25-v {
  height: 25vh;
}

/* OPACITY */
.opacity-0 {
  opacity: 0;
}
.opacity-025 {
  opacity: 0.25;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-075 {
  opacity: 0.75;
}
.opacity-1 {
  opacity: 1;
}

.nowrap {
  white-space: nowrap;
}

.pacifico {
  font-family: "Pacifico", cursive;
}

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

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

.portlet-column-content.empty {
  padding: 0 !important;
}

h1 {
  font-size: var(--font-size-1) !important;
  line-height: calc(0.3rem + var(--font-size-1));
  font-weight: bold !important;
  color: var(--turq);
}
h2 {
  font-size: var(--font-size-2) !important;
  line-height: calc(0.3rem + var(--font-size-2));
  font-weight: bold !important;
  color: var(--turq);
}
h3 {
  font-size: var(--font-size-3) !important;
  line-height: calc(0.3rem + var(--font-size-3));
  font-weight: bold !important;
  color: var(--turq);
}
h4 {
  font-size: var(--font-size-4) !important;
  line-height: calc(0.3rem + var(--font-size-4));
  font-weight: bold !important;
  color: var(--turq);
}
h5 {
  font-size: var(--font-size-5) !important;
  line-height: calc(0.3rem + var(--font-size-5));
  font-weight: bold !important;
  color: var(--turq);
}
h6 {
  font-size: var(--font-size-6) !important;
  line-height: calc(0.3rem + var(--font-size-6));
  font-weight: bold !important;
  color: var(--turq);
}

p {
  font-size: var(--font-size-base) !important;
}

.small {
  font-size: var(--font-size-small) !important;
}

@media (min-width: 1280px) {
  .container {
    max-width: 1248px;
  }
}
.whatsapp.wpp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  animation: all 1s ease-in-out;
}
.whatsapp.wpp img {
  width: 70px;
  height: auto;
}
.whatsapp.wpp:hover {
  transform: scale(0.95, 0.95);
}
.whatsapp.wpp .btn:focus {
  transform: scale(0.9, 0.9);
  box-shadow: none !important;
}

@media (max-width: 550px) {
  footer .col-xs-6 {
    max-width: 100%;
    padding-bottom: 30px;
  }
}
footer .content {
  padding-top: 4.0625rem !important;
}

.fa-youtube-play:before {
  content: "\f167";
}

.bg-mais {
  --plus-size:24px;
  position: absolute;
  background-size: var(--plus-size) var(--plus-size);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%23000000" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.turq {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%2300ae9d" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.verdee {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%23003641" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.verdem {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%237DB61C" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.verdec {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%23C9D200" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.roxo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%2349479D" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}
.bg-mais.branco {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><g><path fill="%23FFFFFF" d="m4.4,9c-.5,0-.7-.2-.7-.4v-3.3H.4c-.3,0-.4-.3-.4-.7v-.2c0-.4.1-.6.4-.6h3.3V.4c0-.3.2-.4.7-.4h.2c.4,0,.7.1.7.4v3.3h3.3c.2.1.4.3.4.7v.1c0,.5-.2.8-.5.8h-3.2v3.3c0,.2-.3.4-.7.4h-.2Z"/></g></svg>');
}

@media only screen and (min-width: 991px) {
  .nav-section .collapsing {
    height: 100% !important;
  }
}
.nav-section .nav-link {
  padding: 0rem 1rem;
  cursor: pointer;
  color: var(--branco) !important;
  font-size: 0.8rem;
}
@media (max-width: 992px) {
  .nav-section .nav-link {
    border: 0px;
    padding: 0.5rem 0rem;
  }
}

.nav-space {
  height: 77px;
  width: 100%;
}

#botao * {
  transition: all 0.3s ease-in-out;
}
#botao .card-float {
  max-width: 330px;
  border-radius: 1rem 0 1rem 0;
  position: fixed;
  bottom: 3vh;
  right: 10vw;
}
@media (max-width: 1840px) {
  #botao .card-float {
    right: 5vw;
  }
}
@media (max-width: 1620px) {
  #botao .card-float {
    right: 2vw;
  }
}
@media (max-width: 1510px) {
  #botao .card-float {
    right: 12px;
  }
}
#botao .card-float .content {
  flex-direction: column;
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
#botao .card-float .content * {
  transform: scale(0);
}
#botao .card-float.opening .content * {
  transform: scale(0.9);
}
#botao .card-float.closing .content * {
  transform: scale(0);
  display: none;
}
#botao .card-float.open .resize:after {
  transform: rotate(0.5turn);
}
#botao .card-float.open .question {
  position: absolute;
  top: -8px;
  right: -8px;
  cursor: pointer;
}
#botao .card-float.open .question .interrogacao {
  width: 20px;
  height: 20px;
  background-color: var(--turq);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  box-shadow: 2px 2px 6px var(--verdee-600);
}
#botao .card-float.open .question .interrogacao:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMDAwMDAwMzg0MDk5MDU3Nzk0Mjc1Nzk5ODAwMDAwMDIwMjk1MzU3MzMwMjkwMjExMDZfIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNDk0NzlEO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuMywxMC43Yy0wLjItMC4xLTAuMy0wLjMtMC4zLTAuNWMwLTAuNCwwLjEtMC44LDAuMi0xLjJDNi40LDguNiw2LjYsOC4zLDYuOCw4QzcuMSw3LjYsNy4zLDcuMyw3LjYsNwoJYzAuMy0wLjQsMC42LTAuNywwLjktMUM4LjcsNS43LDksNS40LDkuMiw1LjFjMC4yLTAuMywwLjMtMC41LDAuMy0wLjhjMC0wLjQtMC4xLTAuNy0wLjQtMC45QzguOCwzLjIsOC40LDMuMSw3LjgsMy4xCglDNy40LDMuMSw3LDMuMiw2LjcsMy4zQzYuMywzLjQsNiwzLjUsNS44LDMuNkM1LjUsMy43LDUuNCwzLjgsNS4yLDMuOEM1LjEsMy44LDUsMy43LDQuOCwzLjZDNC43LDMuNCw0LjUsMy4yLDQuNCwzCglDNC4zLDIuOCw0LjMsMi41LDQuMiwyLjNDNC4xLDIsNC4xLDEuOCw0LjEsMS43YzAtMC4yLDAuMS0wLjQsMC40LTAuNmMwLjMtMC4yLDAuNi0wLjMsMS0wLjVjMC40LTAuMSwwLjgtMC4yLDEuMy0wLjMKCWMwLjUtMC4xLDAuOS0wLjEsMS4zLTAuMWMxLDAsMS44LDAuMiwyLjUsMC41QzExLjQsMSwxMiwxLjQsMTIuMywyYzAuNCwwLjYsMC42LDEuMywwLjYsMi4xYzAsMC42LTAuMSwxLjEtMC4zLDEuNgoJYy0wLjIsMC40LTAuNSwwLjgtMC44LDEuMmMtMC4zLDAuMy0wLjYsMC43LTEsMWMtMC4zLDAuMy0wLjYsMC41LTAuOSwwLjhDOS43LDguOSw5LjUsOS4xLDkuMyw5LjRDOS4xLDkuNyw4LjksMTAsOC44LDEwLjMKCWMwLDAuMi0wLjIsMC40LTAuMywwLjVjLTAuMiwwLjEtMC41LDAuMS0wLjgsMC4xYzAsMC0wLjQsMC0wLjYsMEM2LjksMTAuOSw2LjUsMTAuOCw2LjMsMTAuN0w2LjMsMTAuN3ogTTcsMTUuOAoJYy0wLjUsMC0wLjgtMC4xLTEtMC4yYy0wLjItMC4xLTAuMy0wLjMtMC4zLTAuNXYtMmMwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC4yLTAuMSwwLjUtMC4yLDEtMC4yaDAuN2MwLjUsMCwwLjgsMC4xLDEsMC4yCglDOC45LDEyLjcsOSwxMi44LDksMTMuMXYyYzAsMC4yLTAuMSwwLjQtMC4zLDAuNWMtMC4yLDAuMS0wLjUsMC4yLTEsMC4ySDd6Ii8+Cjwvc3ZnPgo=");
  position: absolute;
  height: 22px;
  width: 12px;
}
#botao .card-float.open .content {
  width: auto;
  height: auto;
  opacity: 1;
  padding: 1rem;
}
#botao .card-float.open .content * {
  transform: scale(1);
}
#botao .card-position {
  right: -170px;
  top: 40px;
}

#painel {
  z-index: 999;
}
#painel-opener {
  z-index: 10;
  position: absolute;
  top: -19.5px;
  cursor: pointer;
  width: 100%;
}
#painel-opener .resize {
  width: 270px;
  height: 20px;
  background-color: var(--verdee);
  border: 0.5px solid var(--verdec);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem 0.25rem 0 0;
}
#painel-opener .resize:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzOTggMC40OTk5OTlDNi41MTg4OCAtMC4xNjY2NjcgNy40ODExMiAtMC4xNjY2NjcgNy44NjYwMyAwLjVMMTMuMDYyMiA5LjVDMTMuNDQ3MSAxMC4xNjY3IDEyLjk2NiAxMSAxMi4xOTYyIDExSDEuODAzODVDMS4wMzQwNSAxMSAwLjU1MjkyMiAxMC4xNjY3IDAuOTM3ODIyIDkuNUw2LjEzMzk4IDAuNDk5OTk5WiIgZmlsbD0iI0M5RDIwMSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 10px;
  width: 12px;
  transition: all 0.2s ease-in-out;
}
#painel-img {
  width: 330px;
  position: relative;
}
#painel-img-shape {
  overflow: visible !important;
}
#painel-img-letter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#painel-dots circle {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1px;
  stroke-linecap: butt;
  animation: blinkDots 1.5s infinite; /* Altere a duração e a velocidade conforme necessário */
  position: relative;
}
#painel-dots circle:nth-child(2n) {
  fill: var(--branco);
  animation-delay: 0.5s;
}
#painel-dots circle:nth-child(3n) {
  animation-delay: 1s;
}
#painel-lights circle {
  --blur-size:10px;
  fill: transparent;
  stroke: #fff;
  stroke-width: 1px;
  stroke-linecap: butt;
  animation: blinkLights 1.5s infinite; /* Altere a duração e a velocidade conforme necessário */
  position: relative;
}
#painel-lights circle:nth-child(2n) {
  animation-delay: 0.5s;
}
#painel-lights circle:nth-child(3n) {
  animation-delay: 1s;
}
#painel-content {
  margin-top: -2px;
  width: 270px !important;
  margin-inline: auto;
  background-color: var(--verdee);
  border: 0.5px solid var(--verdec);
  border-radius: 0 0 0.25rem 0.25rem;
}
#painel-rasp {
  display: none;
  border: 0px;
  border-radius: 1rem;
  position: relative;
  width: 238px;
  height: 180px;
  margin: 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  color: var(--branco);
}
#painel-rasp .canvas {
  position: absolute;
  inset: 0;
}
#painel-rasp .form {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#painel-input-cod {
  position: relative;
  display: none;
}
#painel-cod {
  background: var(--verdee-200);
  color: var(--branco);
  margin-bottom: 1rem;
  border: 0px;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.5rem;
  outline: 0 !important;
  font-size: 1.2rem;
  position: relative;
}
#painel-cod::-moz-placeholder {
  color: var(--branco);
  opacity: 0.5;
}
#painel-cod::placeholder {
  color: var(--branco);
  opacity: 0.5;
}
#painel-paste-cod {
  display: none;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMDAwMDAwNTM1MDM1MjUxOTY4NTMwMzEyNTAwMDAwMDMxMjk3NjUyMjgzMDAxODQyMTJfIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjcsMC40SDYuMUM1LDAuNCw0LjIsMS4zLDQuMiwyLjN2MS44SDIuM2MtMS4xLDAtMS45LDAuOS0xLjksMnY3LjZjMCwxLjEsMC45LDEuOSwxLjksMS45aDcuNgoJYzEuMSwwLDEuOS0wLjksMS45LTEuOXYtMS44aDEuOWMxLjEsMCwxLjktMC45LDEuOS0xLjlWMi4zQzE1LjYsMS4yLDE0LjgsMC40LDEzLjcsMC40eiBNMTQuMSw5LjljMCwwLjItMC4yLDAuNC0wLjQsMC40aC0xLjlWNi4xCgljMC0xLjEtMC45LTEuOS0xLjktMS45SDUuN1YyLjNjMC0wLjIsMC4yLTAuNCwwLjQtMC40aDcuNmMwLjIsMCwwLjQsMC4yLDAuNCwwLjRWOS45eiIvPgo8L3N2Zz4K");
  position: absolute;
  width: 20px;
  height: 20px;
  top: 12px;
  right: 10px;
  opacity: 0.5;
  cursor: pointer;
}
#painel-paste-cod:hover {
  opacity: 1;
}
#painel-paste-cod.success {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjOWQyMDA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTUuNTcsMTQuMjloMGMtLjI3LDAtLjUyLS4xMS0uNzEtLjNMLjM4LDkuNDNjLS4zOS0uMzktLjM4LTEuMDMuMDEtMS40MS4zOS0uMzksMS4wMy0uMzgsMS40MS4wMWwzLjc3LDMuODRMMTQuMTUsMy4xN2MuMzktLjM5LDEuMDItLjQsMS40MSwwLC4zOS4zOS40LDEuMDIsMCwxLjQxTDYuMjksMTMuOTljLS4xOS4xOS0uNDQuMy0uNzEuM1oiLz48L3N2Zz4=");
  opacity: 1;
}
#painel-btn {
  width: 100%;
  max-width: 214.5px;
  margin: auto;
}
#painel.painel-2 #painel-input-cod {
  display: inline-block !important;
}
#painel.painel-3 #painel-rasp {
  display: inline-block !important;
}
#painel.painel-3 #painel-opener:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#painel.painel-3 #painel-opener .resize:after {
  opacity: 0.5;
}
#painel h1 {
  font-size: var(--font-size-2) !important;
}
#painel h5 {
  font-size: var(--font-size-6) !important;
}
#painel .small {
  font-size: var(--font-size-minor) !important;
}

#premios {
  overflow: hidden;
  background-color: var(--turq);
  background: radial-gradient(circle, var(--turq-200) 0%, var(--turq-500) 100%);
}
#premios .bg-verdem {
  height: 20px;
  width: 100%;
  position: relative;
  z-index: 3;
}
#premios .placa {
  width: 100%;
}
#premios .placa-200 {
  padding-inline: 1.5rem;
  position: relative;
  z-index: 1;
  margin-left: 1.75rem;
}
@media (max-width: 767px) {
  #premios .placa-200 {
    margin-left: 0.75rem;
    padding-inline: 1.5rem;
    margin-top: -20%;
  }
}
@media (max-width: 576px) {
  #premios .placa-200 {
    margin-left: 0.5rem;
    padding-inline: 1.75rem;
    transform: translate(2%, 0%);
  }
}
#premios .placa-instantaneos {
  position: relative;
  z-index: 2;
  margin-left: -1.5rem;
}
@media (max-width: 992px) {
  #premios .placa-instantaneos {
    margin-left: -1rem;
  }
}
@media (max-width: 767px) {
  #premios .placa-instantaneos {
    margin-left: 0rem;
    margin-top: -8%;
  }
}
.btn-regulamento {
  background-color: var(--turq);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: 0.3s ease-in-out;
}
.btn-regulamento:hover {
  transform: translateY(2px);
}
.btn-regulamento:active {
  transform: translateY(4px);
}

#participe {
  overflow-x: hidden;
}
#participe .mateus {
  bottom: 0;
  z-index: 1;
  max-height: 85%;
}
@media (max-width: 1280px) {
  #participe .mateus {
    max-height: 82%;
    left: -40px;
  }
}
@media (max-width: 992px) {
  #participe .mateus {
    left: -130px;
  }
}
@media (max-width: 576px) {
  #participe .mateus {
    left: -100px;
    max-height: 85%;
  }
}
@media (max-width: 500px) {
  #participe .mateus {
    max-height: 90%;
  }
}
#participe svg {
  overflow: visible !important;
}
@media (max-width: 1199px) {
  #participe svg {
    transform: scale(1.075);
  }
}
#participe #dots circle {
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: butt;
  animation: blinkDots 1.5s ease-in-out infinite; /* Altere a duração e a velocidade conforme necessário */
  position: relative;
}
#participe #dots circle:nth-child(2n) {
  fill: var(--branco);
  animation-delay: 0.5s;
}
#participe #dots circle:nth-child(3n) {
  animation-delay: 1s;
}
#participe #lights circle {
  --blur-size:30px;
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: butt;
  animation: blinkLights 1.5s ease-in-out infinite; /* Altere a duração e a velocidade conforme necessário */
  position: relative;
}
#participe #lights circle:nth-child(2n) {
  animation-delay: 0.5s;
}
#participe #lights circle:nth-child(3n) {
  animation-delay: 1s;
}
#participe .text {
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#participe .text-glow {
  text-shadow: 1px 1px 0 var(--verdec), 1px -1px 0 var(--verdec), -1px 1px 0 var(--verdec), -1px -1px 0 var(--verdec), 1px 0px 0 var(--verdec), 0px 1px 0 var(--verdec), -1px 0px 0 var(--verdec), 0px -1px 0 var(--verdec), 0px 0px 30px var(--verdec);
}
@media (max-width: 576px) {
  #participe .text {
    max-width: 80%;
    right: 0;
  }
}
#participe .text .btn {
  width: 70%;
}
#participe .text-1m {
  margin-bottom: 1rem;
}
#participe .text-2m {
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  #participe .text-1 {
    font-size: var(--font-size-2) !important;
    line-height: calc(0.3rem + var(--font-size-2));
  }
  #participe .text-2 {
    font-size: var(--font-size-3) !important;
    line-height: calc(0.3rem + var(--font-size-3));
  }
}
@media (max-width: 767px) {
  #participe .text-1 {
    font-size: var(--font-size-3) !important;
    line-height: calc(0.3rem + var(--font-size-3));
  }
  #participe .text-1m {
    margin-bottom: 0.25rem;
  }
  #participe .text-2 {
    font-size: var(--font-size-4) !important;
    line-height: calc(0.3rem + var(--font-size-3));
  }
  #participe .text-2m {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 500px) {
  #participe .text-1 {
    font-size: var(--font-size-5) !important;
    line-height: calc(0.3rem + var(--font-size-5));
  }
  #participe .text-1m {
    margin-bottom: 0.25rem;
  }
  #participe .text-2 {
    font-size: var(--font-size-6) !important;
    line-height: calc(0.3rem + var(--font-size-6));
  }
  #participe .text-2m {
    margin-bottom: 0.5rem;
  }
}

#mensal {
  overflow-x: hidden;
}
#mensal .jorge {
  bottom: 0;
  right: 0;
  z-index: 1;
  max-height: 90%;
}
@media (max-width: 992px) {
  #mensal .jorge {
    right: -90px;
    max-height: 85%;
  }
}
@media (max-width: 765px) {
  #mensal .jorge {
    right: -75px;
  }
}
#mensal .placa-caminhoes {
  max-height: 300px;
}
#mensal .btn {
  background: var(--branco);
  color: var(--turq);
}

#sorte .form-control {
  text-align: center;
  padding: 1.5rem 0.75rem;
  width: 80%;
  color: var(--verdee);
}
#sorte .form-control::-moz-placeholder {
  color: var(--cinza-500);
}
#sorte .form-control::placeholder {
  color: var(--cinza-500);
}
#sorte .form-control:focus {
  border-color: var(--verdec);
  outline: 0;
  box-shadow: 0 0 0.5rem 0rem var(--verdec-200);
}
@media (max-width: 765px) {
  #sorte .form-control {
    padding: 2rem 0.5rem;
    width: 100%;
  }
}
#sorte #consulta .ola {
  position: relative;
  z-index: 2;
}
#sorte #consulta .num-cods {
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
}
#sorte #consulta .num-cods .codigos {
  background: transparent;
  border: 1px solid var(--turq);
  padding: 0.3rem 0.75rem;
  border-radius: 0.5rem;
  position: relative;
}
#sorte #consulta .table {
  border-collapse: separate;
  border-spacing: 0.5rem 1rem;
  table-layout: fixed;
  vertical-align: middle;
}
@media only screen and (max-width: 400px) {
  #sorte #consulta .table {
    font-size: 0.9rem !important;
  }
}
#sorte #consulta .table th, #sorte #consulta .table td {
  border-radius: 0.5rem;
}
#sorte #consulta .table th {
  background: transparent;
  color: var(--branco);
  font-weight: 400;
}
#sorte #consulta .table tr td {
  font-style: italic;
  background: var(--cinza-200);
  color: var(--verdee) !important;
  opacity: 1;
}
#sorte #consulta .table tr.active td {
  opacity: 1;
}
#sorte #consulta .table tr.active td:nth-child(1) {
  position: relative;
  transition: all 0.3s ease-in-out;
  color: var(--branco);
  cursor: pointer;
}
#sorte #consulta .table tr.active td:nth-child(1).success::after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjOWQyMDA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTUuNTcsMTQuMjloMGMtLjI3LDAtLjUyLS4xMS0uNzEtLjNMLjM4LDkuNDNjLS4zOS0uMzktLjM4LTEuMDMuMDEtMS40MS4zOS0uMzksMS4wMy0uMzgsMS40MS4wMWwzLjc3LDMuODRMMTQuMTUsMy4xN2MuMzktLjM5LDEuMDItLjQsMS40MSwwLC4zOS4zOS40LDEuMDIsMCwxLjQxTDYuMjksMTMuOTljLS4xOS4xOS0uNDQuMy0uNzEuM1oiLz48L3N2Zz4=");
  opacity: 1;
}
#sorte #consulta .table tr.active td:nth-child(1)::after {
  transition: all 0.3s ease-in-out;
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDM2NDE7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8xLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEzLjcuNGgtNy42Yy0xLjEsMC0xLjkuOS0xLjksMS45djEuOGgtMS45Yy0xLjEsMC0xLjkuOS0xLjksMnY3LjZjMCwxLjEuOSwxLjksMS45LDEuOWg3LjZjMS4xLDAsMS45LS45LDEuOS0xLjl2LTEuOGgxLjljMS4xLDAsMS45LS45LDEuOS0xLjlWMi4zYzAtMS4xLS44LTEuOS0xLjktMS45Wm0tMy40LDEzLjNjMCwuMi0uMi40LS40LjRIMi4zYy0uMiwwLS40LS4yLS40LS40di03LjZjMC0uMi4yLS40LjQtLjRoNy42Yy4yLDAsLjQuMi40LjQsMCwwLDAsNy42LDAsNy42Wm0zLjgtMy44YzAsLjItLjIuNC0uNC40aC0xLjl2LTQuMmMwLTEuMS0uOS0xLjktMS45LTEuOWgtNC4ydi0xLjljMC0uMi4yLS40LjQtLjRoNy42Yy4yLDAsLjQuMi40LjR2Ny42aDBaIi8+PC9nPjwvc3ZnPg==");
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  opacity: 0.5;
}
@media only screen and (max-width: 567px) {
  #sorte #consulta .table tr.active td:nth-child(1)::after {
    width: 12px;
    height: 12px;
    top: 8px;
  }
}
@media only screen and (max-width: 390px) {
  #sorte #consulta .table tr.active td:nth-child(1)::after {
    top: -7px;
    right: -1px;
  }
}
#sorte #consulta .table tr.active td:nth-child(1):hover {
  transition: all 0.2s ease-in-out;
}
#sorte #consulta .table tr.active td:nth-child(1):hover::after {
  opacity: 1;
}
#sorte #consulta .table tr.active td:nth-child(2) {
  background: var(--verdec);
}
#sorte #consulta .table tr.win td {
  opacity: 1;
  animation: neon 4s infinite ease-in-out;
  color: var(--verdec) !important;
  border: 1px solid var(--verdec);
}
#sorte #consulta .table tr.win td:nth-child(2) {
  font-weight: bold;
  box-shadow: 0 0 6px var(--verdec);
}
#sorte #consulta .sem_registro {
  display: none;
}
#sorte #consulta .msg_retorno {
  color: var(--turq);
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}
#sorte #consulta #paginacao ul {
  padding: 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
  display: flex;
  margin: 0px auto;
  list-style: none;
  width: 80%;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
}
#sorte #consulta #paginacao ul li {
  display: inline;
  padding: 0 5px;
}
#sorte #consulta #paginacao ul li a {
  padding: 0.3rem 1rem;
  display: inline-block;
  color: var(--verdee);
  text-decoration: none;
  font-weight: 700;
}
#sorte #consulta #paginacao ul li .anterior, #sorte #consulta #paginacao ul li .proximo {
  background: var(--verdee);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
}

#ganhadores .table {
  border-collapse: separate;
  border-spacing: 0.25rem;
}
#ganhadores .table th {
  color: var(--verdec);
  font-size: var(--font-size-6) !important;
}
#ganhadores .table td {
  background-color: var(--turq);
  color: var(--verdee);
  font-weight: 600;
  border-radius: 0.5rem;
}

#premios .num {
  height: 22px;
  width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 0.25rem;
}

#footer {
  overflow: hidden;
  background: var(--verdee);
  fill: var(--branco);
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden;
  position: relative;
  z-index: 990;
}
#footer .social {
  padding-bottom: 3rem;
  margin-bottom: 1.5rem;
}
#footer .c-rodape {
  color: var(--branco) !important;
}
#footer #sicoob-logo-box {
  display: none;
}
#footer.bg-branco {
  background: var(--branco);
  fill: var(--verdee);
}
#footer.bg-branco .c-rodape {
  color: var(--verdee) !important;
}
#footer.bg-turq {
  background: var(--turq);
  fill: var(--branco);
}
#footer.bg-turq .c-rodape {
  color: var(--branco) !important;
}
#footer.bg-turq .social, #footer.bg-branco .social {
  padding-bottom: 0rem;
  margin-bottom: 1.5rem;
}
#footer.bg-turq #sicoob-logo-box, #footer.bg-branco #sicoob-logo-box {
  display: inline;
}
#footer.bg-turq #sicoob-logo, #footer.bg-branco #sicoob-logo {
  display: none;
}

/* CSS para adicionar animações aos círculos */
@keyframes blinkDots {
  0% {
    fill: transparent; /* Cor do preenchimento quando ligado */
    box-shadow: none; /* Sombra quando ligado */
  }
  50% {
    fill: #FFF; /* Cor do preenchimento quando desligado */
    box-shadow: 0 0 50px FFF; /* Sem sombra */
  }
  100% {
    fill: transparent; /* Cor do preenchimento quando ligado */
    box-shadow: none; /* Sombra quando ligado */
  }
}
@keyframes blinkLights {
  0% {
    filter: blur(0px);
    fill: transparent;
  }
  50% {
    filter: blur(var(--blur-size));
    fill: #FFF;
  }
  100% {
    filter: blur(0px);
    fill: transparent;
  }
}
#winners {
  text-align: center;
  color: var(--branco);
  min-height: 70vh;
}
#winners .accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M12.9809 0.25L1.44319 0.25C0.629817 0.25 0.156694 1.16937 0.629457 1.83124L6.21223 9.64712C6.60352 10.1949 7.4134 10.2074 7.82139 9.67192L13.7763 1.85604C14.2779 1.19779 13.8085 0.25 12.9809 0.25Z' fill='white'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M12.9809 0.25L1.44319 0.25C0.629817 0.25 0.156694 1.16937 0.629457 1.83124L6.21223 9.64712C6.60352 10.1949 7.4134 10.2074 7.82139 9.67192L13.7763 1.85604C14.2779 1.19779 13.8085 0.25 12.9809 0.25Z' fill='white'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-btn-icon-width: 1rem;
  --bs-accordion-bg: $cinza-300;
}
#winners .accordion-item {
  border: 0px !important;
  margin-bottom: 1rem;
}
#winners .accordion-header {
  line-height: 1 !important;
}
#winners .accordion-button {
  border-color: transparent !important;
  box-shadow: none !important;
}
#winners .accordion-button::after {
  background-position: center;
  rotate: -90deg;
}
#winners .dataTable {
  width: 100%;
  border-radius: 0rem;
  background: transparent;
  color: var(--verdee);
  overflow: hidden;
  border: 0px;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
#winners .dataTable thead tr {
  border: 0px;
}
#winners .dataTable thead tr th {
  padding: 0.75rem;
  border: 0px;
  font-size: 1rem;
}
#winners .dataTable tbody tr {
  border: 0px;
}
#winners .dataTable tbody tr td {
  padding: 0.75rem !important;
  font-size: 0.9rem;
}
#winners .dataTables_wrapper {
  overflow-x: visible;
  overflow-y: unset;
}
#winners .dataTables_wrapper .dataTables_info,
#winners .dataTables_wrapper .dataTables_length label,
#winners .dataTables_wrapper .dataTables_filter label,
#winners .dataTables_wrapper .dataTables_paginate * {
  color: var(--verdee) !important;
}
#winners .dataTables_length {
  float: none;
  text-align: start;
}
#winners .dataTables_length select {
  background: var(--cinza-200);
  padding: 0.3rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--turq);
}
#winners .dataTables_filter {
  width: 100%;
  margin-bottom: 10px;
}
#winners .dataTables_filter label {
  width: 100%;
}
#winners .dataTables_filter label input {
  background: var(--cinza-200);
  width: 100%;
  margin: 0px;
  padding: 0.75rem;
  border: 1px solid var(--turq);
  border-radius: 0.5rem;
  outline: 0px !important;
}
#winners table.dataTable {
  border-collapse: separate;
  border-spacing: 0.25rem;
}
#winners table.dataTable th {
  background: transparent;
  color: var(--verdec);
  font-size: var(--font-size-6) !important;
}
#winners table.dataTable td {
  background-color: var(--turq);
  color: var(--verdee);
  font-weight: 600;
  border-radius: 0.5rem;
}
#winners .nav-link {
  border: 1px solid var(--turq);
  color: var(--turq);
}
#winners .nav-link.active {
  background: var(--turq);
  color: var(--branco);
}

.preloader {
  background-color: #ffffff;
  bottom: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader img {
  max-width: 150px;
}/*# sourceMappingURL=styles.css.map */