:root{
  --pared:#f3efe7;
  --pared-funda:#e8e1d3;
  --papel:#fffdf8;
  --tinta:#0a0830;
  --tinta-media:#3b3958;
  --noche:#16143a;
  --noche-linha:#2d2b4e;
  --carmin:#f72a54;
  --carmin-hondo:#bf0f3a;
  --carmin-noite:#ff6a86;
  --amarelo:#f9f932;
  --linha:#d6cebe;
  --sombra:0 1px 0 rgba(10,8,48,.06),0 10px 28px -18px rgba(10,8,48,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--pared);color:var(--tinta);font:400 17px/1.62 "Amiko",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--carmin-hondo);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--tinta)}
h1,h2,h3{font-family:"Bellefair",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15;color:var(--tinta);margin:0 0 .5em}
h1{font-size:clamp(2.05rem,4.4vw,3.15rem);letter-spacing:.005em}
h2{font-size:clamp(1.55rem,2.6vw,2.05rem)}
h3{font-size:1.32rem;margin-top:1.4em}
p{margin:0 0 1em;overflow-wrap:break-word}
ul,ol{margin:0 0 1.1em;padding-left:1.25em}
li{margin:.25em 0}
strong{font-weight:700}

.ir-ao-acervo{position:absolute;left:-999px;top:8px;background:var(--amarelo);color:var(--tinta);padding:8px 14px;z-index:60}
.ir-ao-acervo:focus{left:8px}

.caixilho{width:100%;max-width:1220px;margin:0 auto;padding:0 28px}

.portaria{background:var(--tinta);color:#fff;position:sticky;top:0;z-index:30;border-bottom:3px solid var(--carmin)}
.portaria .caixilho{display:flex;align-items:center;gap:22px;min-height:68px}
.brasao{display:flex;flex-direction:column;text-decoration:none;color:#fff;line-height:1.05;flex-shrink:0}
.brasao b{font:400 1.42rem "Bellefair",Georgia,serif;letter-spacing:.02em}
.brasao small{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#c9c6e6;margin-top:3px}
.brasao:hover{color:#fff}
.corredor{margin-left:auto}
.corredor ol{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.corredor li{margin:0}
.corredor a{display:block;padding:8px 10px;color:#e6e4f5;text-decoration:none;font-size:.86rem;border-bottom:2px solid transparent}
.corredor a span{display:block;font:400 .72rem "Bellefair",Georgia,serif;color:var(--carmin-noite);letter-spacing:.12em}
.corredor a:hover,.corredor a[aria-current="page"]{color:#fff;border-bottom-color:var(--amarelo)}
.portaria .passagem{padding:10px 16px;font-size:.86rem;flex-shrink:0}
.puxador{display:none;margin-left:auto;background:transparent;border:1px solid #5f5c8a;color:#fff;font:600 .85rem "Amiko",sans-serif;padding:8px 12px;border-radius:2px;cursor:pointer;align-items:center;gap:8px}
.puxador i{display:block;width:18px;height:2px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff;font-style:normal}

.biombo{position:fixed;inset:0 auto 0 0;width:min(84vw,330px);background:var(--noche);color:#fff;z-index:50;transform:translateX(-104%);transition:transform .28s ease;padding:22px 22px 30px;overflow-y:auto;border-right:3px solid var(--carmin)}
.biombo.aberto{transform:translateX(0)}
.biombo-cabeca{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.biombo-cabeca strong{font:400 1.3rem "Bellefair",Georgia,serif}
.biombo-fechar{background:transparent;border:1px solid #5f5c8a;color:#fff;width:38px;height:38px;font-size:1.3rem;cursor:pointer;border-radius:2px}
.biombo ol{list-style:none;margin:0 0 22px;padding:0}
.biombo li{margin:0;border-bottom:1px solid var(--noche-linha)}
.biombo a{display:flex;gap:14px;align-items:baseline;padding:13px 2px;color:#fff;text-decoration:none}
.biombo a span{font:400 .95rem "Bellefair",Georgia,serif;color:var(--carmin-noite);min-width:28px}
.biombo a[aria-current="page"]{color:var(--amarelo)}
.biombo-dica{font-size:.8rem;color:#b9b6d8;margin:0}
.veladura{position:fixed;inset:0;background:rgba(10,8,48,.55);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}
.veladura.aberto{opacity:1;pointer-events:auto}

.atrio{padding:54px 0 40px;border-bottom:1px solid var(--linha);background:linear-gradient(180deg,var(--pared-funda) 0,var(--pared) 72%)}
.atrio .caixilho{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:54px;align-items:start}
.placa-sala{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-media);margin:0 0 18px}
.placa-sala::before{content:"";width:34px;height:2px;background:var(--carmin)}
.olho{font-size:1.08rem;color:var(--tinta)}
.datacao{font-size:.84rem;color:var(--tinta-media);margin-top:14px;overflow-wrap:anywhere}
.expositor{margin:0;background:var(--papel);border:1px solid var(--linha);box-shadow:var(--sombra)}
.expositor-obra{background:var(--tinta);padding:38px 30px;display:flex;align-items:center;justify-content:center;min-height:170px;border-bottom:4px solid var(--carmin)}
.expositor-obra img{width:min(100%,300px)}
.plaqueta{padding:18px 22px 20px;font-size:.88rem}
.plaqueta-epigrafe{font:400 1.18rem "Bellefair",Georgia,serif;margin:0 0 2px}
.plaqueta-sub{color:var(--tinta-media);font-size:.8rem;margin:0 0 12px;letter-spacing:.04em}
.plaqueta dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.plaqueta dt{color:var(--tinta-media);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.plaqueta dd{margin:0;overflow-wrap:anywhere}
.peca-registro{display:inline-block;background:var(--amarelo);color:var(--tinta);font-size:.74rem;letter-spacing:.12em;padding:2px 8px;margin-bottom:10px}

.salao{padding:46px 0 70px}
.salao .caixilho{display:grid;grid-template-columns:230px minmax(0,780px);justify-content:center;gap:58px}
.planta{position:sticky;top:96px;align-self:start;font-size:.86rem;border-left:2px solid var(--linha);padding-left:16px}
.planta p{font:400 1.05rem "Bellefair",Georgia,serif;margin:0 0 10px}
.planta ol{list-style:none;margin:0;padding:0}
.planta li{margin:0 0 8px}
.planta a{color:var(--tinta-media);text-decoration:none;display:flex;gap:8px}
.planta a span{color:var(--carmin-hondo);min-width:24px;font-family:"Bellefair",Georgia,serif}
.planta a:hover{color:var(--tinta)}
.acervo{min-width:0}
.vitrine{margin:0 0 54px;scroll-margin-top:96px}
.tombo{display:block;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--carmin-hondo);margin-bottom:6px}

.esteira{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--linha);background:var(--papel);-webkit-overflow-scrolling:touch}
.esteira table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}
.esteira caption{text-align:left;padding:12px 14px 4px;font-size:.8rem;color:var(--tinta-media);caption-side:top}
.esteira th,.esteira td{padding:10px 14px;border-bottom:1px solid #ebe5d8;text-align:left;vertical-align:top}
.esteira thead th{background:#ebe4d5;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.esteira tbody tr:last-child td,.esteira tbody tr:last-child th{border-bottom:0}
.esteira tbody th{font-weight:600}

.percurso{counter-reset:passo;list-style:none;padding:0}
.percurso li{counter-increment:passo;position:relative;padding:4px 0 12px 52px;margin:0}
.percurso li::before{content:counter(passo,upper-roman);position:absolute;left:0;top:2px;width:38px;height:38px;border:1px solid var(--tinta);display:flex;align-items:center;justify-content:center;font:400 .95rem "Bellefair",Georgia,serif;background:var(--papel)}
.contrapeso{list-style:none;padding:0}
.contrapeso li{padding:10px 0 10px 18px;border-bottom:1px dashed var(--linha);position:relative;margin:0}
.contrapeso li::before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;background:var(--carmin)}

.soleira{margin:8px 0 54px;padding:24px 26px;background:var(--papel);border:1px solid var(--linha);border-top:4px solid var(--tinta);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 26px}
.soleira p{margin:0;font:400 1.2rem/1.35 "Bellefair",Georgia,serif;flex:1 1 260px;max-width:400px}
.passagem{display:inline-flex;align-items:center;gap:10px;background:var(--carmin-hondo);color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;padding:14px 22px;border-radius:2px;border:1px solid var(--carmin-hondo);letter-spacing:.01em}
.passagem::after{content:"\2197";font-weight:400}
.passagem:hover{background:var(--tinta);border-color:var(--tinta);color:#fff}
.portaria .passagem:hover{background:#fff;color:var(--tinta);border-color:#fff}

.socorro{background:var(--papel);border-left:4px solid var(--carmin);padding:16px 20px;margin:0 0 1.2em}
.socorro p:last-child{margin-bottom:0}
.inscricao{font-size:.84rem;color:var(--tinta-media)}

.balcao{border-top:1px solid var(--tinta)}
.indagacao{border-bottom:1px solid var(--linha)}
.indagacao summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;font:400 1.22rem/1.3 "Bellefair",Georgia,serif;position:relative}
.indagacao summary::-webkit-details-marker{display:none}
.indagacao summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 1.5rem "Amiko",sans-serif;color:var(--carmin-hondo)}
.indagacao[open] summary::after{content:"\2212"}
.indagacao div{padding:0 0 14px}

.alicerce{background:var(--tinta);color:#dcdaf0;font-size:.88rem;padding:46px 0 28px;border-top:6px solid var(--noche-linha)}
.alicerce .caixilho{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px}
.alicerce-epigrafe{color:#fff;font:400 1.25rem/1.2 "Bellefair",Georgia,serif;margin:0 0 12px}
.alicerce a{color:#fff}
.alicerce ol{list-style:none;padding:0;margin:0}
.alicerce li{margin:0 0 6px}
.esclarecimento{color:#dcdaf0}
.dezoito{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--carmin-noite);border-radius:50%;font-weight:700;color:#fff;margin-bottom:10px}
.alicerce-pe{grid-column:1/-1;border-top:1px solid var(--noche-linha);padding-top:18px;margin-top:8px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.8rem;color:#b5b2d4}

.sala-fechada{padding:80px 0 90px;text-align:center}
.sala-fechada .caixilho{max-width:720px}
.sala-fechada .numeral{font:400 6.5rem/1 "Bellefair",Georgia,serif;color:var(--carmin);margin:0}
.sala-fechada ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:26px 0 0}
.sala-fechada ol a{display:block;padding:10px 16px;border:1px solid var(--tinta);text-decoration:none;color:var(--tinta);background:var(--papel)}

@media (max-width:1180px){
  .corredor a{padding:8px 7px;font-size:.8rem}
  .salao .caixilho{grid-template-columns:200px minmax(0,1fr);gap:40px}
}
@media (max-width:1020px){
  .corredor{display:none}
  .puxador{display:inline-flex}
  .portaria{position:relative}
  .portaria .caixilho{flex-wrap:wrap;gap:10px 16px;padding-top:10px;padding-bottom:10px}
  .portaria .passagem{order:3;width:100%;justify-content:center;padding:9px 14px;font-size:.84rem}
  .atrio .caixilho{grid-template-columns:1fr;gap:34px}
  .salao .caixilho{grid-template-columns:minmax(0,1fr);max-width:820px}
  .planta{display:none}
  .alicerce .caixilho{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .caixilho{padding:0 18px}
  .portaria .caixilho{min-height:60px}
  .brasao b{font-size:1.22rem}
  .atrio{padding:34px 0 30px}
  .expositor-obra{padding:28px 20px;min-height:130px}
  .salao{padding:32px 0 50px}
  .vitrine{margin-bottom:44px}
  .soleira{padding:20px 18px}
  .passagem{width:100%;justify-content:center;text-align:center}
  .alicerce .caixilho{grid-template-columns:1fr;gap:26px}
}
@media (min-width:2200px){
  body{font-size:18px}
  .caixilho{max-width:1460px}
  .salao .caixilho{grid-template-columns:260px minmax(0,860px);gap:70px}
}
