:root {
  --gold-on-light: #7D683A;
  --muted-on-light: #5F5B54;
}

.wf-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.wf-bt,
.wf-x { min-width: 44px; min-height: 44px; }

.wf-ov[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.wf-ov[aria-hidden="false"] { visibility: visible; }

/* Dourado e texto secundario em superficies claras. */
.section-head .eyebrow,
.section-head .gold,
.ask .eyebrow,
.tri-en,
.angra-collection-gallery__title,
section[style*="background:var(--paper)"] .eyebrow,
section[style*="background:var(--ivory)"] .eyebrow,
section[style*="background: var(--paper)"] .eyebrow,
section[style*="background: var(--ivory)"] .eyebrow { color: var(--gold-on-light) !important; }

.section-head p:not(.eyebrow),
.card-info p,
.pillar p,
.tri-d,
.cmp-l,
.cmp-k,
.proof-list i,
.proof-n,
.t-list .d,
.t-list .pl,
.ask .lead,
.fld label,
.consent,
.send p,
.angra-collection-gallery__credit { color: var(--muted-on-light) !important; }

/* Texto secundario em superficies escuras: 4.5:1 ou mais. */
.f1-p,
.contagem,
.lista .pl,
.lista .cat,
.lista .go,
.gal5 .cred { color: rgba(242, 237, 227, .62) !important; }

/* Ajustes escuros que nao podem herdar os tokens de superficie clara. */
.curtain-mark > span { color: #CDB777 !important; opacity: 1 !important; animation: none !important; }
.hq-porta.cheia { background: var(--ivory, #F2EDE3) !important; border-color: var(--ivory, #F2EDE3) !important; color: #000 !important; }
.acesso .section-head p,
.wm-note,
.ag-list .pl,
.footer-brand p,
.footer-bottom { color: rgba(242, 237, 227, .62) !important; }

/* Rotulos dourados em paginas de fundo claro. */
.ct .eyebrow { color: var(--gold-on-light) !important; }
.top .wrap > .lang > a { color: #CFC8B8 !important; opacity: 1 !important; }

/* Mantem o texto de consentimento como um unico bloco ao lado do campo. */
.consent > span { min-width: 0; }

@media (max-width: 760px) {
  #leitura-aprofundada .wrap > a { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}