/* Section 0: header#topo (fixed). Values verbatim from source CSS; verified against
   site-dna.json alignmentMap["1440px"] (barra: flex, gap 28px, padding-inline 100px = --lado). */
.topo { position: fixed; inset: 0 0 auto; z-index: 50; color: var(--marfim); transition: background .4s; }
.topo.solido { background: rgba(17, 13, 14, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.topo .barra { display: flex; align-items: center; gap: 28px; height: 72px; padding-inline: var(--lado); }

.marca { display: inline-flex; align-items: center; text-decoration: none; }
.marca .logo { width: 176px; }

.nav { display: flex; gap: 26px; margin-left: auto; }
.nav a { font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; opacity: .86; }
.nav a:hover { opacity: 1; } /* no transition in source: instant */

.topo .barra > .btn { min-height: 42px; padding: 0 20px; font-size: 11.5px; }

.menu-btn { display: none; margin-left: auto; background: none; border: 0; width: 44px; height: 44px; padding: 0; color: inherit; }
.menu-btn .ico { font-size: 26px; }

@media (max-width: 960px) {
  .nav, .topo .barra > .btn { display: none; }
  .menu-btn { display: grid; place-items: center; }
  .marca .logo { width: 150px; }
}

/* Mobile drawer (sibling of header, opened by #abre-menu) */
.gaveta { position: fixed; inset: 0; z-index: 60; background: var(--tinta); color: var(--marfim); padding: 14px 20px 32px; display: flex; flex-direction: column; clip-path: inset(0 0 100% 0); transition: clip-path .6s var(--ease), visibility 0s .6s; visibility: hidden; }
.gaveta.aberta { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path .6s var(--ease); }
.gaveta .linha-topo { display: flex; justify-content: space-between; align-items: center; height: 44px; }
.gaveta .menu-btn { display: grid; place-items: center; margin-left: 0; }
.gaveta nav { display: grid; gap: 4px; margin-top: 40px; }
.gaveta nav a { font-size: 34px; font-weight: 300; letter-spacing: -.02em; text-decoration: none; padding: 6px 0; border-bottom: 1px solid var(--linha-clara); }
.gaveta .btn { margin-top: auto; }

/* ── PREVIEW ONLY (isolated comparison): stand-in for section 1 hero behind the
   transparent header. Remove when sections are assembled. ── */
.preview-palco { position: relative; height: 100svh; min-height: 620px; background: var(--tinta); }
.preview-palco .midia { position: absolute; inset: 0; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); }
.preview-palco .painel { position: relative; overflow: hidden; background: #000 center/cover no-repeat; }
.preview-palco .painel + .painel { border-left: 1px solid rgba(0, 0, 0, .35); }
.preview-palco .veu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 8, 8, .55) 0%, rgba(10, 8, 8, .18) 34%, rgba(10, 8, 8, .32) 62%, rgba(10, 8, 8, .86) 100%); }
@media (max-width: 860px) { .preview-palco .midia { grid-template-columns: 1fr; } .preview-palco .p1, .preview-palco .p3 { display: none; } }