/* Compartilhado entre FRONT / THANKYOU / UPSELL1-3.
   Só regras com o MESMO seletor e a MESMA regra em 2+ páginas do funil.
   Paleta de cores (:root) e design de cada página ficam inline nas próprias páginas
   porque, apesar de escritos à mão, não são CSS reaproveitado — cada página tem sua
   própria paleta e layout, só coincidem em nomes curtos de classe (.btn, .card etc). */

#cookie-toggle {
  position: absolute;
  left: -9999px;
}

#cookie-toggle:checked + .cookie {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

.legal {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.modal-backdrop:target {
  display: flex;
}

.modal-body h3:first-child {
  margin-top: 0;
}

.muted {
  color: var(--muted);
}

body.modal-open {
  overflow: hidden;
}

details.faq-item summary::-webkit-details-marker {
  display: none;
}