/* Tela de senha do site (acesso.html): fotos passando no fundo, painel no meio, notícias embaixo, rodapé */
html,body.tela-acesso{height:100%;overflow:hidden}
body.tela-acesso{display:grid;grid-template-rows:1fr auto auto;height:100vh;height:100dvh;background:#0b0908}

/* fundo: 3 fileiras de fotos que passam devagar e cobrem a tela toda */
.fundo{position:fixed;inset:0;z-index:0;display:grid;grid-template-rows:repeat(3,1fr);gap:8px;padding:8px 0;overflow:hidden}
.fundo::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(11,9,8,.55) 0%,rgba(11,9,8,.82) 70%,rgba(11,9,8,.92) 100%)}
.fileira{overflow:hidden;min-height:0}
.fileira .trilho{display:flex;height:100%;width:max-content;animation:desliza 80s linear infinite}
.fileira:nth-child(2) .trilho{animation-direction:reverse;animation-duration:95s}
.fileira:nth-child(3) .trilho{animation-duration:110s}
.fileira .grupo{display:flex;gap:8px;padding-right:8px;height:100%}
.fileira img{height:100%;width:auto;border-radius:8px;object-fit:cover}

/* painel de acesso: centralizado, flutuante e transparente */
.acesso{position:relative;z-index:1;display:grid;place-items:center;padding:16px;min-height:0}
.painel{width:100%;max-width:400px;display:grid;gap:16px;padding:28px 26px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,15,11,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.55);animation:flutua 6s ease-in-out infinite}
.painel-logo{width:min(240px,62vw);margin:0 auto}
.painel .mural-form{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.painel .btn{width:100%}
.painel input{background:rgba(11,9,8,.6)}
#acesso-aviso.erro{color:#ff8a7a}
.painel-ig{margin:0;text-align:center;font-size:13px;color:var(--muted)}
.painel-ig a{color:var(--accent)}

/* notícias passando embaixo */
.imprensa{position:relative;z-index:1;display:grid;gap:8px;padding:10px 0 4px;background:linear-gradient(transparent,rgba(11,9,8,.85) 35%)}
.imprensa-rotulo{margin:0;padding:0 16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.faixa{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.trilho-noticias{display:flex;width:max-content;animation:desliza 90s linear infinite}
.faixa:hover .trilho,.faixa:focus-within .trilho{animation-play-state:paused}
.imprensa .grupo{display:flex;gap:10px;padding-right:10px}
.noticia{display:grid;gap:4px;align-content:start;width:260px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(20,15,11,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg) !important;text-decoration:none}
.noticia:hover,.noticia:focus-visible{border-color:var(--accent)}
.noticia .fonte{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.noticia .titulo{font-size:14px;line-height:1.3}

/* rodapé */
.acesso-rodape{display:flex;justify-content:center;position:relative;z-index:1;padding:8px 16px 12px;background:rgba(11,9,8,.85)}
.tela-acesso .acesso-credito{position:static;margin:0;text-align:center;font-size:12px}
.tela-acesso .acesso-credito img{height:20px}
.tela-acesso .acesso-credito span{white-space:nowrap}

@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (max-height:640px){.painel{padding:18px 20px;gap:10px}.painel-logo{width:min(180px,50vw)}.noticia .titulo{font-size:13px}}