/* Visualização do acervo NOMA: preserva a foto inteira, com contexto e créditos. */
.noma-viewer[hidden]{display:none!important}
.noma-viewer{position:fixed;inset:0;z-index:10000;background:rgba(9,23,26,.93);display:flex;align-items:center;justify-content:center;padding:18px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183437}
.noma-viewer *{box-sizing:border-box}
.noma-viewer-shell{display:flex;flex-direction:column;width:min(1400px,100%);height:min(94dvh,940px);min-height:0;overflow:hidden;border-radius:17px;background:#f7f6f1;box-shadow:0 26px 90px #0008}
.noma-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;min-height:60px;border-bottom:1px solid #e3e0d8}
.noma-viewer-brand{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:.09em;font-weight:850;white-space:nowrap}
.noma-viewer-brand b{display:grid;place-items:center;width:34px;height:34px;background:#173b37;color:#f2d296;border-radius:10px;font:25px Georgia,serif}
.noma-viewer-brand small{color:#70817b;font-size:10px;letter-spacing:.08em;margin-left:8px}
.noma-viewer-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.noma-viewer button{font:inherit;cursor:pointer}
.noma-viewer-controls button{border:1px solid #d8dbd4;background:white;color:#284b4d;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 11px;font-size:12px;font-weight:750}
.noma-viewer button:hover:not(:disabled){background:#e9f0ed}
.noma-viewer svg{width:19px;height:19px;flex:none}
.noma-viewer button:focus-visible,.noma-viewer a:focus-visible{outline:3px solid #bd7e31;outline-offset:2px}
.noma-viewer-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.7fr);min-height:0;flex:1}
.noma-viewer-photo{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:0;background:#14262b;min-width:0;min-height:0}
.noma-viewer-canvas{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;padding:16px 0}
.noma-viewer-canvas img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 7px 30px #0004;cursor:zoom-in}
.noma-viewer-canvas.is-zoomed img{transform:scale(1.55);cursor:zoom-out}
.noma-viewer-canvas .noma-viewer-watermark{position:absolute;bottom:15px;right:12px;pointer-events:none;background:#0b2022cc;color:#fff;font-size:9px;line-height:1.25;font-weight:750;letter-spacing:.085em;padding:6px 8px;border:1px solid #ffffff40;border-radius:5px}
.noma-viewer-image-error{position:absolute;color:#fff;text-align:center;font-size:14px}
.noma-viewer-prev,.noma-viewer-next{width:37px;height:48px;justify-self:center;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:9px;color:#fff;background:#ffffff12;z-index:1}
.noma-viewer-prev:hover:not(:disabled),.noma-viewer-next:hover:not(:disabled){background:#ffffff35!important}
.noma-viewer-prev:disabled,.noma-viewer-next:disabled{opacity:.2;cursor:default}
.noma-viewer-aside{background:#f7f6f1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(18px,2.5vw,36px)}
.noma-viewer-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#aa7936;margin:0 0 15px}
.noma-viewer-aside h2{font:500 clamp(27px,2.3vw,40px)/1.17 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#183437;overflow-wrap:anywhere}
.noma-viewer-description{font-size:16px;line-height:1.72;color:#3d5856;margin:0 0 26px}
.noma-viewer-details{display:grid;grid-template-columns:1fr;gap:3px;margin:0}
.noma-viewer-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#7d8a84;margin:17px 0 0}
.noma-viewer-details dt:first-child{margin-top:0}
.noma-viewer-details dd{font-size:15px;line-height:1.6;color:#294544;margin:0;overflow-wrap:anywhere}
.noma-viewer-observation{font-size:13px;color:#4a6864;line-height:1.6;margin:23px 0 0}
.noma-viewer-pagination{border-top:1px solid #e2dfd7;padding-top:15px;margin-top:23px;color:#6c7b76;font-size:13px}
.noma-viewer-footer{padding:9px 18px;border-top:1px solid #e1dfd7;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#647772;font-size:11px;line-height:1.4}
.noma-viewer-footer a{color:#215c64;text-decoration:underline;font-weight:750}
@media(max-width:860px){
  .noma-viewer{padding:0}
  .noma-viewer-shell{width:100%;height:100dvh;border-radius:0}
  .noma-viewer-body{display:flex;flex-direction:column}
  .noma-viewer-photo{flex:none;height:min(55dvh,560px);grid-template-columns:39px minmax(0,1fr) 39px}
  .noma-viewer-canvas{padding:9px 0}
  .noma-viewer-prev,.noma-viewer-next{width:32px;height:43px}
  .noma-viewer-aside{flex:1;padding:19px 22px}
  .noma-viewer-aside h2{font-size:31px;margin-bottom:13px}
  .noma-viewer-description{font-size:15px;margin-bottom:15px}
  .noma-viewer-details dt{margin-top:11px}
  .noma-viewer-footer{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:480px){
  .noma-viewer-header{padding:8px 10px;min-height:53px}
  .noma-viewer-brand{font-size:13px;gap:6px}
  .noma-viewer-brand b{width:28px;height:28px;font-size:20px}
  .noma-viewer-brand small{display:none}
  .noma-viewer-controls{gap:5px}
  .noma-viewer-controls button{min-height:35px;padding:6px 8px;font-size:11px}
  .noma-viewer-controls .noma-viewer-zoom span,.noma-viewer-controls .noma-viewer-share span{display:none}
  .noma-viewer-controls button svg{width:18px;height:18px}
  .noma-viewer-photo{height:min(52dvh,490px);grid-template-columns:35px minmax(0,1fr) 35px}
  .noma-viewer-canvas .noma-viewer-watermark{right:5px;bottom:5px;font-size:8px;padding:4px}
  .noma-viewer-aside{padding:17px}
  .noma-viewer-aside h2{font-size:27px}
  .noma-viewer-footer{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.noma-viewer *{scroll-behavior:auto!important}}
