/* Tokens próprios evitam que estilos de uma página alterem os controles de privacidade. */
:root {
  --consent-bg: #171918;
  --consent-ink: #f5f5f1;
  --consent-border: #747b70;
  --consent-radius: .75rem;
  --consent-space: 1rem;
}
.amado-consent, .amado-consent-trigger { box-sizing: border-box; font: 400 .875rem/1.5 Arial, sans-serif; color: var(--consent-ink); background: var(--consent-bg); }
.amado-consent { position: fixed; z-index: 10000; inset: auto var(--consent-space) var(--consent-space) auto; width: min(24rem, calc(100% - 2 * var(--consent-space))); max-height: calc(100dvh - 2 * var(--consent-space)); overflow: auto; padding: var(--consent-space); border: .0625rem solid var(--consent-border); border-radius: var(--consent-radius); box-shadow: 0 .5rem 2rem #0005; text-align: left; }
.amado-consent[hidden] { display: none; }
.amado-consent h2 { font: 700 1rem/1.4 Arial, sans-serif; margin: 0 2.5rem .5rem 0; color: inherit; }
.amado-consent p { font: inherit; margin: 0 0 .75rem; color: inherit; }
.amado-consent a { color: inherit; text-decoration: underline; }
.amado-consent details { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; }
.amado-consent summary { display: list-item; cursor: pointer; min-height: 2.75rem; align-content: center; margin: 0; padding: 0; font: inherit; background: transparent; color: inherit; text-decoration: underline; }
.amado-consent details summary::after, .amado-consent details[open] summary::after { content: none; }
.amado-consent details > p { margin-top: .5rem; }
.amado-consent-actions { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: var(--consent-space); }
.amado-consent button, .amado-consent-trigger { cursor: pointer; border: .0625rem solid var(--consent-border); border-radius: .375rem; padding: .625rem .875rem; font: inherit; color: var(--consent-ink); background: var(--consent-bg); min-height: 2.75rem; }
.amado-consent-actions button { flex: 1 1 0; min-width: 0; }
.amado-consent button:hover, .amado-consent-trigger:hover { text-decoration: underline; }
.amado-consent button:focus-visible, .amado-consent a:focus-visible, .amado-consent summary:focus-visible, .amado-consent-trigger:focus-visible { outline: .1875rem solid var(--consent-ink); outline-offset: .1875rem; }
.amado-consent .amado-consent-close { position: absolute; inset: .25rem .25rem auto auto; border: 0; padding: 0; width: 2.75rem; font-size: 1.25rem; }
.amado-consent-trigger { position: relative; display: block; margin: .5rem auto 1rem; width: fit-content; border: 0; background: transparent; color: inherit; font-size: .8125rem; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) { .amado-consent, .amado-consent-trigger { scroll-behavior: auto; } }
