/* Contraste e area de toque do site publico.
   Carregado depois do <style> de cada pagina: mesma especificidade, esta folha vence.
   --tx-3 antigo #4e5e7a sobre #07090f = 3.04:1. Novo #7d8eb4 = 6.07:1 (card #111620 = 5.52:1).
   Tema claro antigo #96a3be sobre #fff = 2.54:1. Novo #526082 = 6.26:1 (#f8f9fc = 5.95:1). */
:root { --tx-3: #7d8eb4; }
[data-theme="light"] { --tx-3: #526082; }

.burger {
  width: 44px;
  height: 44px;
  padding: 0;
  align-items: center;
}
.burger span { width: 18px; }

.theme-toggle,
.theme-btn,
#themeToggle {
  min-height: 44px;
  min-width: 44px;
  box-sizing: border-box;
}

.btn,
.fwc-cta,
.terms-link,
.bio-link,
.social-link {
  min-height: 44px;
  min-width: 44px;
  box-sizing: border-box;
}

.ft-links a,
a[style*="--tx-3"] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 4px;
  box-sizing: border-box;
}

a.site-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 4px;
  box-sizing: border-box;
}

.custom-check {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
}
.custom-check input {
  width: 44px;
  height: 44px;
  z-index: 1;
}
.custom-check .box { position: relative; }

.lead-check {
  align-items: center;
  min-height: 44px;
}
.lead-check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 44px;
  height: 44px;
  margin: 0;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  position: relative;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
}
.lead-check input[type="checkbox"]::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid var(--bdr-2);
  background: var(--bg-2);
  box-sizing: border-box;
}
.lead-check input[type="checkbox"]:checked::before {
  background: var(--grad-btn);
  border-color: transparent;
}
.lead-check input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 15px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}
.lead-check input[type="checkbox"]:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}