.faixa-recado {

--r: var(--r-barra, 1rem);
  font-size: var(--r);

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

z-index: 100050;

display: flex;
  align-items: center;

justify-content: center;

gap: calc(1 * var(--r)) calc(2 * var(--r));
  flex-wrap: wrap;
  padding: calc(0.7 * var(--r)) calc(1.6 * var(--r));

background: rgba(17, 23, 26, 0.38);
  border-top: 1px solid rgba(255, 255, 255, 0.10);

backdrop-filter: blur(26px) saturate(120%);
  -webkit-backdrop-filter: blur(26px) saturate(120%);
  font-family: 'Source Sans 3', system-ui, sans-serif;

opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.faixa-recado.is-visivel {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.faixa-recado__texto {
  max-width: 96ch;
  margin: 0;

text-align: center;

text-wrap: balance;
  color: rgba(255, 255, 255, 0.78);
  font-size: calc(0.9 * var(--r));
  line-height: 1.45;
}

.faixa-recado__link {

display: block;
  margin-top: calc(0.45 * var(--r));
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.faixa-recado__link:hover {
  color: #DB3545;
}

.faixa-recado__aceitar {
  flex-shrink: 0;
  border: 0;
  border-radius: 999px;
  padding: calc(0.8 * var(--r)) calc(2.2 * var(--r));
  background: #17824A;
  color: #ffffff;
  font-family: inherit;
  font-size: calc(0.9 * var(--r));
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.faixa-recado__aceitar:hover {
  filter: brightness(1.1);
}

@media (max-width: 1024px) and (orientation: landscape) {
  .faixa-recado {

--r: 13px;
    gap: calc(0.5 * var(--r)) calc(1.2 * var(--r));
    padding: calc(0.4 * var(--r)) calc(1 * var(--r));
  }

.faixa-recado__texto {

max-width: 80ch;
    line-height: 1.5;

letter-spacing: 0.02em;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (min-height: 501px) {
  .faixa-recado {
    --r: var(--r-barra, 1rem);
    gap: calc(1 * var(--r)) calc(2 * var(--r));
    padding: calc(0.7 * var(--r)) calc(1.6 * var(--r));
  }
}

@media (min-width: 1025px) and (max-width: 1499px) and (orientation: landscape) {
  .faixa-recado {
    --r: 18px;
  }
}

@media (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {

.faixa-recado {
    --r: max(25px, min(29px, 2.2vh));
  }
}

@media (min-width: 1500px) and (orientation: landscape) {
  .faixa-recado {
    --r: 17px;
  }
}

.grecaptcha-badge {
  z-index: 100060 !important;
}