/* ═══════════════════════════════════════════
   UniTV — assets/css/style.css
   Visual global compartilhado por todas as páginas
   ═══════════════════════════════════════════ */

:root {
  --red:     #e74c3c;
  --red2:    #c0392b;
  --dark:    #0d0000;
  --glass:   rgba(255,255,255,0.06);
  --border:  rgba(255,255,255,0.09);
  --txt:     rgba(255,255,255,0.85);
  --muted:   rgba(255,255,255,0.45);
}

* { box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }

html, body {
  height:100%;
  background:#000;
  font-family:'Exo 2', sans-serif;
  color:#fff;
  overflow:hidden;
}

/* ── Background ── */
#bg {
  position:fixed; inset:0; z-index:0;
  background:radial-gradient(ellipse 70% 80% at 85% 50%, #5a0000 0%, #1a0000 55%, #080000 100%);
}
#bg::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 50% 60% at 10% 55%, rgba(100,0,0,0.35) 0%, transparent 70%);
}

/* ── Decorações ── */
.deco-tri {
  position:fixed; right:-40px; top:50%; transform:translateY(-50%) rotate(90deg);
  width:220px; height:220px; pointer-events:none; z-index:1;
  border:2.5px solid rgba(192,57,43,0.22);
  clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
}
.deco-arrow {
  position:fixed; left:6px; top:50%; transform:translateY(-50%);
  width:0; height:0; z-index:1; pointer-events:none;
  border-top:28px solid transparent;
  border-bottom:28px solid transparent;
  border-right:20px solid rgba(192,57,43,0.30);
}

/* ── Scrollbar global ── */
::-webkit-scrollbar { width:4px; height:4px; }
::-webkit-scrollbar-track { background:rgba(255,255,255,0.04); }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.18); border-radius:2px; }