/* Clube Cometa - visualizador do cartaz */
html.ccz-trava, html.ccz-trava body { overflow: hidden !important; }
.ccz-ov { position: fixed; inset: 0; z-index: 999990; display: none; flex-direction: column; background: rgba(6, 18, 38, .88); font-family: Nunito, "Segoe UI", Arial, sans-serif; }
.ccz-ov.ccz-aberto { display: flex; }
.ccz-barra { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 16px; background: #0d2a52; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.35); }
.ccz-rot { font-weight: 700; font-size: 14px; }
.ccz-grp { display: flex; flex-wrap: wrap; gap: 6px; }
.ccz-grp button { appearance: none; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 18px; cursor: pointer; line-height: 1.2; }
.ccz-grp button:hover { background: rgba(255,255,255,.12); }
.ccz-grp button[aria-pressed="true"] { background: #f5b31b; border-color: #f5b31b; color: #102240; }
.ccz-grp button:focus-visible, .ccz-x:focus-visible, .ccz-dl:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ccz-acoes { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.ccz-dl { color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none !important; padding: 6px 12px; border-radius: 18px; background: rgba(255,255,255,.14); }
.ccz-dl:hover { background: rgba(255,255,255,.24); }
.ccz-x { appearance: none; border: 0; background: rgba(255,255,255,.14); color: #fff; width: 36px; height: 36px; border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; padding: 0; }
.ccz-x:hover { background: rgba(255,255,255,.26); }
.ccz-area { flex: 1; overflow: auto; padding: 20px 16px 28px; text-align: center; -webkit-overflow-scrolling: touch; }
.ccz-area img { display: inline-block; height: auto; border-radius: 10px; box-shadow: 0 10px 40px rgba(0,0,0,.45); background: #fff; vertical-align: top; }
@media (max-width: 600px) {
  .ccz-barra { padding: 8px 12px; }
  .ccz-rot { width: 100%; font-size: 13px; }
  .ccz-acoes { position: absolute; top: 6px; right: 10px; }
  .ccz-grp button { font-size: 12px; padding: 5px 10px; }
}