/* ===== Tema profissional — RifaPix =====
   Carregado por último (menu.php / footer.php / pagamento.php), por isso sobrescreve os estilos antigos.
   Para trocar a cor de destaque, mude só --acc. */
:root{
  --bg:#0b1220; --surface:#131c2e; --surface-2:#1a2540; --line:rgba(255,255,255,.09);
  --txt:#e8edf6; --muted:#9aa7bf; --acc:#10b981; --acc-2:#059669; --sel:#3b82f6; --warn:#f59e0b; --danger:#ef4444;
  --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.35);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font)!important; color:var(--txt)!important; display:block!important; height:auto!important; min-height:100vh;
  background:linear-gradient(rgba(11,18,32,.86),rgba(11,18,32,.96)),url("/photos/fundo.JPG") center/cover fixed no-repeat,var(--bg)!important;
  line-height:1.5; -webkit-font-smoothing:antialiased;
}

/* ---------- Menu: barra superior + menu lateral + abas (celular) ---------- */
.rp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:10px;height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;background:rgba(11,18,32,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.rp-burger{display:none;width:40px;height:40px;border:0;border-radius:10px;background:none;color:#fff;font-size:1.25rem;cursor:pointer}
.rp-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.rp-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--acc),#34d399);display:grid;place-items:center;font-size:.85rem}
.rp-desk{list-style:none;display:flex;align-items:center;gap:6px;margin:0 0 0 auto;padding:0}
.rp-desk a{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 14px;border-radius:10px;transition:.2s}
.rp-desk a:hover,.rp-desk a.active{color:#fff;background:rgba(255,255,255,.07)}
.rp-desk a.rp-cta{background:var(--acc);color:#fff}.rp-desk a.rp-cta:hover{background:var(--acc-2)}
.rp-ghost{border:1px solid var(--line)}
.rp-chip{display:flex;align-items:center;gap:8px;color:var(--txt);font-size:.9rem;font-weight:600;padding:0 6px}
.rp-av{width:28px;height:28px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff}
.rp-prof{display:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--acc),#34d399);color:#fff;text-decoration:none;place-items:center;font-size:1rem}
.rp-prof b{font-size:1rem}
.rp-spacer{height:calc(58px + env(safe-area-inset-top,0px))}
.rp-scrim,.rp-drawer,.rp-tabbar{display:none}

@media(max-width:768px){
  .rp-burger{display:block}.rp-desk{display:none}.rp-logo{flex:1;font-size:.95rem}.rp-prof{display:grid}
  .rp-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:.25s;z-index:1090}
  .rp-drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:min(84vw,330px);background:#0e1626;border-right:1px solid var(--line);z-index:1100;transform:translateX(-100%);visibility:hidden;transition:transform .28s ease,visibility .28s;padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px))}
  body.menu-aberto .rp-scrim{opacity:1;visibility:visible}
  body.menu-aberto .rp-drawer{transform:none;visibility:visible}
  .rp-dhead{display:flex;align-items:center;gap:12px;padding:4px 4px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}
  .rp-dav{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--acc),#34d399);display:grid;place-items:center;font-weight:800;font-size:1.2rem;color:#fff;flex:0 0 46px}
  .rp-dwho{flex:1;min-width:0;display:flex;flex-direction:column}.rp-dwho b{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-dwho small{color:var(--muted);font-size:.8rem}
  .rp-x{width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--muted);font-size:1.1rem;cursor:pointer}
  .rp-dlinks{display:flex;flex-direction:column;gap:4px}
  .rp-dlinks a{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:12px;color:var(--txt);text-decoration:none;font-weight:600}
  .rp-dlinks a i{width:20px;text-align:center;color:var(--muted)}
  .rp-dlinks a.active{background:rgba(16,185,129,.12)}.rp-dlinks a.active i{color:var(--acc)}
  .rp-dout{margin-top:auto;display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:12px;color:#fca5a5;text-decoration:none;font-weight:600;border:1px solid var(--line)}
  .rp-tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(11,18,32,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .rp-tabbar a,.rp-tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:0;background:none;color:var(--muted);font:500 .68rem var(--font);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .rp-tabbar i{font-size:1.2rem}
  .rp-tabbar .on{color:#fff}.rp-tabbar .on i{color:var(--acc)}
  .rp-tabbar .mid{color:#fff}
  .rp-tabbar .mid i{display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;border-radius:50%;background:var(--acc);color:#fff;font-size:1.15rem;box-shadow:0 6px 18px rgba(16,185,129,.45),0 0 0 4px #0b1220}
  /* espaço para a barra de abas; barra "Pagar agora" e banner ficam acima dela */
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  body.af-painel{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  body.tem-selecao{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
  .barra-pagar{bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
  #installBanner{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  body.tem-selecao #installBanner{bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
}

/* ---------- Página de rifas ---------- */
.titulo-rifa{color:#fff!important;font-weight:800!important;letter-spacing:-.5px;text-shadow:none!important;margin:20px 12px 6px!important}
.cartela{background:rgba(19,28,46,.72)!important;border:1px solid var(--line);border-radius:var(--radius);padding:12px!important;gap:10px!important;box-shadow:var(--shadow);backdrop-filter:blur(6px)}
.cota{border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;font-weight:700;letter-spacing:.2px}
.cota.livre{background:var(--surface-2)!important;color:#fff!important}
.cota.livre:hover{border-color:var(--acc)!important;transform:translateY(-2px)}
.cota.reservada{background:rgba(245,158,11,.16)!important;color:var(--warn)!important;border-color:rgba(245,158,11,.4)!important}
.cota.paga{background:rgba(16,185,129,.16)!important;color:var(--acc)!important;border-color:rgba(16,185,129,.4)!important}
.cota.premiada{background:linear-gradient(135deg,#fde68a,#f59e0b)!important;color:#3b2a00!important;border-color:#fbbf24!important}
.cota.selecionada{background:var(--sel)!important;color:#fff!important;border-color:#fff!important}
.cota .bicho,.timer{color:inherit!important;opacity:.85}
.barra-pagar{background:rgba(11,18,32,.95)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(10px)}
#total{color:#fff!important;font-weight:700}
#btnPagar,.btn-pagar{background:var(--acc)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 6px 18px rgba(16,185,129,.35)}
#btnPagar:hover,.btn-pagar:hover{background:var(--acc-2)!important}
.premiadas-container{background:rgba(19,28,46,.72)!important;border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(6px)}
.premiadas-titulo{color:#fff!important;font-weight:700}
.premiada-item{background:var(--surface-2)!important;color:var(--txt)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.msg-finalizada{background:var(--surface)!important;color:var(--txt)!important;border:1px solid var(--line);border-radius:var(--radius)}

/* ---------- Rodapé ---------- */
.rp-footer{margin-top:48px;background:#080d18;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;text-align:left}
.rp-footer-in{max-width:1100px;margin:auto;padding:36px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.rp-footer h4{color:#fff;font-size:.95rem;margin:0 0 10px;font-weight:700}
.rp-footer p{margin:0 0 6px}
.rp-footer a{color:var(--muted);text-decoration:none}
.rp-footer a:hover{color:#fff}
.rp-footer .rp-wa{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:11px 18px;border-radius:12px;font-weight:700}
.rp-footer .rp-wa:hover{background:#1ebe5b;color:#fff}
.rp-copy{border-top:1px solid var(--line);text-align:center;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));font-size:.82rem}
@media(max-width:700px){.rp-footer-in{grid-template-columns:1fr;text-align:center}}
body.tem-selecao .rp-footer{margin-bottom:0}

/* aviso de pagamento em andamento (página de rifas) */
.rp-pend{display:flex;align-items:center;gap:12px;max-width:560px;margin:4px auto 12px;padding:12px 14px;text-align:left;text-decoration:none;color:var(--txt);background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.45);border-radius:14px;width:calc(100% - 24px)}
.rp-pend i{color:var(--acc);font-size:1.2rem}
.rp-pend span{flex:1;font-size:.86rem;color:var(--muted);line-height:1.35}
.rp-pend b{display:block;color:#fff;font-size:.92rem}
.rp-pend em{font-style:normal;font-weight:700;font-size:.85rem;background:var(--acc);color:#fff;padding:8px 14px;border-radius:10px}