/* base.css — reset, variaveis e utilitarios */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI",Roboto,system-ui,sans-serif;line-height:1.55;
  color:var(--fg);background:var(--bg)}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2;font-weight:700}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

:root{
  --gold:#e3c05a; --gold-2:#f6e3a2;
  --radius:10px; --radius-sm:6px;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem;
  --shadow:0 6px 24px rgba(0,0,0,.35);
  --wrap:1180px;
  --ff-display:"Cinzel",Georgia,serif;
}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--sp-4)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;z-index:99;background:var(--gold);
  color:#111;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0}
.block{display:block;width:100%}
.empty{opacity:.7;text-align:center;padding:var(--sp-4);font-size:.9rem}
.mt-4{margin-top:var(--sp-4)} .mt-6{margin-top:var(--sp-6)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}