/* Adaptações para hospedagem estática; o visual original está em original.css. */
[hidden] { display: none !important; }
header.is-scrolled, header.menu-open { background: rgba(5,5,5,.96); border-color: rgba(255,255,255,.12); backdrop-filter: blur(14px); }
.mobile-menu { background: #050505; padding: 1rem max(1.5rem,env(safe-area-inset-left)); max-height: calc(100dvh - var(--header-offset)); overflow-y: auto; border-top: 1px solid var(--border); }
.mobile-menu a { display: block; padding: 1rem 0; font-size: 1.15rem; border-bottom: 1px solid var(--border); color: var(--off-white); }
.mobile-menu a[aria-current="page"], header a[aria-current="page"] { color: var(--lilac); }
header.menu-open button span span:first-child { transform: translateY(6px) rotate(45deg); }
header.menu-open button span span:last-child { transform: translateY(-6px) rotate(-45deg); }
.contact-help { margin-top: 1.25rem; font-size: .875rem; line-height: 1.65; color: var(--muted); }
:focus-visible { outline: 2px solid var(--lilac); outline-offset: 5px; }
@media (min-width:1280px) { .mobile-menu { display:none!important; } }
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *, *::before, *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} }

/* Logo Backstage 2026-10-21: arquivo original com transparência preservada. */
.brand-header {display:block;height:62px;width:auto;object-fit:contain;}
.brand-footer {display:block;height:150px;width:auto;object-fit:contain;}
.brand-hero {display:block;height:clamp(230px,34vh,340px);width:auto;max-width:100%;object-fit:contain;object-position:left center;}
@media(max-width:767px){.brand-header{height:54px;}.brand-hero{height:250px;}.brand-footer{height:130px;}}

/* Logo única no topo da home. */
:root { --header-h: 124px; }
.brand-header { height: 112px; max-width: 140px; }
.brand-accessible-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:767px){ :root { --header-h:100px; } .brand-header {height:88px;} }