/* Popups do site (2026-11-13). Janela centrada sobre o site: imagem no topo, título/texto/botão embaixo, fechar no canto.
   Uma só cor forte (a do site, --z-ouro) no botão; o resto é o carvão do site. */
.pop-raiz { --pop-cor: var(--z-ouro, #126e51); --pop-tinta: var(--z-tinta-ouro, #fff); position: fixed; inset: 0; z-index: 2147481000; display: grid; place-items: center; padding: 16px; font: 500 14px/1.45 var(--fonte, Montserrat), system-ui, sans-serif; color: #fff; }
.pop-veu { position: absolute; inset: 0; background: rgba(0, 0, 0, .62); backdrop-filter: blur(3px); animation: popVeu .2s ease-out; }
.pop-janela { position: relative; width: min(400px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: hidden auto; border-radius: 18px; background: #1f1f1f; box-shadow: 0 30px 80px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08); animation: popEntra .26s cubic-bezier(.2, .8, .2, 1); scrollbar-width: thin; }
.pop-janela:focus { outline: none; }
.pop-img { display: block; width: 100%; height: auto; cursor: default; }
.pop-img.pop-clicavel { cursor: pointer; }
.pop-x { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .55); color: #fff; font-size: 20px; line-height: 1; display: grid; place-items: center; cursor: pointer; backdrop-filter: blur(4px); }
.pop-x:hover { background: rgba(0, 0, 0, .8); }
.pop-x:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.pop-corpo { display: grid; gap: 10px; padding: 16px 18px 18px; }
.pop-corpo.pop-so-texto { padding-top: 40px; }
.pop-titulo { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.25; }
.pop-texto { margin: 0; font-size: 14px; line-height: 1.5; color: #d9d9d9; white-space: pre-wrap; overflow-wrap: anywhere; }
.pop-botao { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; margin-top: 4px; border: 0; border-radius: 12px; background: var(--pop-cor); color: var(--pop-tinta); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: filter .15s, transform .1s; }
.pop-botao:hover { filter: brightness(1.08); } .pop-botao:active { transform: scale(.98); }
.pop-botao:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@keyframes popVeu { from { opacity: 0; } to { opacity: 1; } }
@keyframes popEntra { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .pop-veu, .pop-janela { animation: none; } }