/* Pereira Neto - ajustes do tema novo */
.pn-hero { position: relative; width: 100%; aspect-ratio: 1920 / 800; background: #000; overflow: hidden; }
.pn-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pn-hero::after { content: ""; position: absolute; inset: 0; background: url(../images/hero-dots.png); pointer-events: none; }
@media (max-width: 480px) { .pn-hero { aspect-ratio: 480 / 720; } }
.pn-map { width: 100%; max-width: 640px; height: 480px; background: #e8e8e8; }
@media (max-width: 480px) { .pn-map { height: 340px; } }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; }
.pn-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; padding: 14px 24px; background: #2e2e2e; color: #fff; font-size: 14px; line-height: 1.4; box-shadow: 0 -2px 12px rgba(0,0,0,.25); }
.pn-cookie[hidden] { display: none; }
.pn-cookie p { margin: 0; flex: 1 1 360px; color: #fff; }
.pn-cookie__btns { display: flex; gap: 10px; }
.pn-cookie button { cursor: pointer; border: 1px solid #fff; background: transparent; color: #fff; padding: 8px 18px; font: inherit; font-weight: 700; }
.pn-cookie button#pn-cookie-yes { background: #fff; color: #2e2e2e; }
.pn-cookie button:focus-visible { outline: 3px solid #f2b705; outline-offset: 2px; }

/* Indicador de carregamento: tijolos que se empilham (tema de obra). */
.pn-gallery { position: relative; min-height: 110px; }
.pn-gallery:not(.pn-ready) > * { visibility: hidden; }
.pn-gallery:not(.pn-ready)::before { content: ""; position: absolute; left: 50%; top: 40px; width: 18px; height: 18px; margin-left: -9px; background: #2e2e2e; box-shadow: -24px 0 0 #2e2e2e, 24px 0 0 #2e2e2e; animation: pn-tijolos 1.1s ease-in-out infinite; }
.pn-gallery:not(.pn-ready)::after { content: "Carregando obras"; position: absolute; left: 0; right: 0; top: 78px; text-align: center; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #6b6b6b; }
@keyframes pn-tijolos { 0%, 100% { transform: translateY(0); box-shadow: -24px 0 0 #2e2e2e, 24px 0 0 #2e2e2e; } 35% { transform: translateY(-16px); box-shadow: -24px 12px 0 #2e2e2e, 24px 12px 0 #f2b705; } 65% { transform: translateY(-16px); box-shadow: -24px 0 0 #f2b705, 24px 12px 0 #2e2e2e; } }
@media (prefers-reduced-motion: reduce) { .pn-gallery:not(.pn-ready)::before { animation: none; } }