/* Onda Web TV – tema "NEO": scuro, neon magenta/viola/ciano, vetro e gradienti. Caricato per ultimo: ridefinisce l'aspetto di tutte le pagine. */
:root{--bg:#0b0620;--bg2:#190a3a;--pk:#ff2fd8;--vi:#9b22ff;--cy:#19e3ff;--ye:#ffd23f;--tx:#f4f0ff;--mu:#b3a9d6;--ink:#f4f0ff;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.14);--ow:#ff6fe6;--ow2:#ff9af0;--sh:0 22px 60px -28px rgba(0,0,0,.9);--g:linear-gradient(135deg,#ff2fd8 0%,#9b22ff 100%);--r:22px;
  --rf:"Poppins","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
html{background:var(--bg);color-scheme:dark}
body{color:var(--tx);font-family:var(--rf);background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:
  radial-gradient(60% 50% at 8% 0%,rgba(255,47,216,.38),transparent 65%),
  radial-gradient(55% 45% at 100% 12%,rgba(25,227,255,.20),transparent 65%),
  radial-gradient(70% 55% at 85% 100%,rgba(155,34,255,.42),transparent 65%),
  linear-gradient(180deg,#0b0620 0%,#12082d 55%,#0b0620 100%)!important}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/30px 30px,
  radial-gradient(45% 35% at 50% 110%,rgba(255,47,216,.18),transparent 70%)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
@media (prefers-reduced-motion:no-preference){body::before{animation:neo-drift 26s ease-in-out infinite alternate}}
@keyframes neo-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,1.5%,0)}}
::selection{background:var(--pk);color:#fff}
a{color:var(--ow)}

/* ---------- intestazione: barra di vetro ---------- */
.hd{position:sticky!important;top:.6rem;z-index:500;padding:.5rem .7rem!important;margin-top:.2rem;border-radius:999px;background:rgba(20,10,48,.62);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line);box-shadow:0 14px 40px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);width:min(100%,1280px)}
.lg img{height:54px!important;width:auto!important;max-width:none}
.nv a{color:var(--tx)!important;font-weight:600;font-size:.92rem;padding:.5rem 1rem;border-radius:999px;background:transparent;transition:background .2s,transform .2s}
.nv a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:translateY(-1px)}
.nv a[aria-current]{background:var(--g)!important;color:#fff!important;box-shadow:0 8px 22px -8px rgba(255,47,216,.8)}
.fsb{width:40px!important;height:40px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;border-radius:50%!important}
.hd .mb{width:40px!important;height:40px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;border-radius:50%!important}
.mb span,.mb span::before,.mb span::after{background:#fff!important}
@media (max-width:760px){
  .hd{border-radius:22px;top:.4rem}
  .lg img{height:44px!important}
  .nv{background:rgba(18,9,44,.97)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:.6rem!important;box-shadow:0 30px 60px rgba(0,0,0,.8)!important;top:calc(100% + .5rem)!important}
  .nv a{font-size:1.05rem!important;padding:.8rem 1rem!important}
}

/* ---------- titoli ---------- */
h1,h2,h3{color:#fff!important;font-family:var(--rf);letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(1.9rem,6vw,3rem);line-height:1.08}
.wrap>h1{background:linear-gradient(90deg,#fff 20%,#ff9af0 60%,#c58bff);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-bottom:.1em}
h2{font-weight:800}
.hello{color:var(--mu)!important;font-weight:500!important;font-size:1.05rem!important;margin:.2rem 0 .8rem!important}
.hello b{color:#fff;background:none!important;padding:0;border-bottom:3px solid var(--pk)}
.intro,.wrap p,.wrap li{color:#d9d1f2!important}
.wrap a{color:var(--ow)}
.msg,.note,.empty,.it small,.tag,footer,.dtx,.ad small,.pwn,.pqc{color:var(--mu)!important}
.tag a,footer a{color:#e8defc!important}

/* ---------- player: schermo neon ---------- */
.player,.gp{border:0!important;border-radius:26px!important;background:#000;box-shadow:0 0 0 1.5px rgba(255,255,255,.18),0 0 0 6px rgba(255,47,216,.14),0 30px 90px -30px rgba(155,34,255,.85),0 0 120px -30px rgba(255,47,216,.55)!important}
.player.on{box-shadow:0 0 0 1.5px rgba(255,255,255,.2),0 0 0 6px rgba(25,227,255,.14),0 30px 90px -30px rgba(25,227,255,.55),0 0 120px -40px rgba(255,47,216,.6)!important}
.cover{background:radial-gradient(80% 80% at 50% 40%,#2a0f52 0%,#0b0620 80%)!important}
.cover::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 40% at 20% 20%,rgba(255,47,216,.35),transparent 70%),radial-gradient(40% 40% at 85% 85%,rgba(25,227,255,.25),transparent 70%);pointer-events:none}
.play{background:var(--g)!important;box-shadow:0 0 0 0 rgba(255,47,216,.6),0 14px 40px rgba(255,47,216,.55)!important;position:relative}
@media (prefers-reduced-motion:no-preference){.play{animation:neo-pulse 2.2s ease-out infinite}}
@keyframes neo-pulse{0%{box-shadow:0 0 0 0 rgba(255,47,216,.55),0 14px 40px rgba(255,47,216,.55)}80%,100%{box-shadow:0 0 0 28px rgba(255,47,216,0),0 14px 40px rgba(255,47,216,.55)}}
.cover .t{font-family:var(--rf);font-weight:700!important;letter-spacing:.02em;position:relative}
.msgb{background:linear-gradient(135deg,#ff2d55,#e0201a)!important;border-radius:999px!important;padding:.3rem .75rem!important;box-shadow:0 8px 20px -8px rgba(255,45,85,.9)}
.msgb.vod{background:rgba(20,10,48,.8)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.live i{background:#ff2d55!important}
.sk,.vol{accent-color:var(--pk)!important}
.qm{background:rgba(18,9,44,.97)!important;border:1px solid var(--line)!important;border-radius:16px!important}
.qm button.on{color:var(--cy)!important}
.ho{background:radial-gradient(80% 80% at 50% 40%,rgba(42,15,82,.97),rgba(8,4,22,.99))!important}
.ho .h1{color:var(--cy)!important}.ho .hb:after{background:var(--g)!important}

/* ---------- pannelli di vetro ---------- */
.side,.gside,.it,.wrap .card,.card.box,.pwe,.about{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--tx)}
.side h2,.gside h2{color:var(--mu)!important;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.card .nm,.vc .nm,.tv .nm{color:#fff!important}
.card h3,.it a,.dy b,.dy span.tt,.now,.vt{color:#fff!important}
.it a:hover{color:var(--ow)!important}
.card p,.it p{color:#cfc5ee!important}
.card .im,.vc .im,.tv .im{border-radius:16px!important;background:linear-gradient(135deg,#2a0f52,#0b0620)!important;transition:transform .25s,box-shadow .25s}
button.card:hover .im,a.card:hover .im,.vc:hover .im,.tv:hover .im{outline:0!important;transform:translateY(-3px) scale(1.015);box-shadow:0 0 0 2px var(--pk),0 18px 36px -14px rgba(255,47,216,.7)}
.bdg{background:rgba(11,6,32,.8)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px!important;padding:.1rem .55rem!important}
.bdg.l{background:linear-gradient(135deg,#ff2d55,#e0201a)!important}
.im.lv{background:radial-gradient(circle at 50% 40%,#7a1a4f,#0b0620)!important}
.im.vg{background:linear-gradient(135deg,#4a1580,#0b0620 75%)!important}.vgi{color:var(--pk)!important}
.golive{background:var(--g)!important;border-radius:999px!important;box-shadow:0 12px 26px -10px rgba(255,47,216,.8)}
.dy{border-top-color:var(--line)!important}
.st{color:var(--ye)!important}

/* ---------- pulsanti ---------- */
.pill,.ab{background:rgba(255,255,255,.07)!important;color:var(--tx)!important;border:1px solid var(--line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:600;transition:background .2s,transform .2s,border-color .2s}
.pill:hover,.ab:hover{background:rgba(255,47,216,.18)!important;border-color:var(--pk)!important;color:#fff!important;transform:translateY(-1px)}
.ab svg{fill:var(--cy)!important}
.ck,.dl,.cta,.wrap .sb:not(.x){background:var(--g)!important;color:#fff!important}
.dl,.cta{border-radius:999px!important;box-shadow:0 14px 30px -12px rgba(255,47,216,.8)}
.dbar{background:rgba(255,255,255,.14)!important}.dbar i{background:var(--g)!important}.dc{color:var(--cy)!important}
.chip,.pwt button,.oz button{background:rgba(255,255,255,.07)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:999px}
.oz button{border-radius:14px}
.chip.on,.pwt button.on,.oz button[aria-pressed=true]{background:var(--g)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px -10px rgba(255,47,216,.8)!important}
.pwt button{border-radius:14px}.pwt button small{color:var(--mu)!important}.pwt button.on small{color:#ffe0fa!important}
.pwt button.td:not(.on){border-color:var(--pk)!important}
input,select,textarea{font-family:var(--rf)}
.srch input,.gside input,#q,input[type=search]{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important}
input::placeholder{color:#9d92c4}
.srch input:focus-visible,.gside input:focus-visible,#q:focus-visible{outline:2px solid var(--pk)!important;outline-offset:2px}
.rsel select,.mwr select,.mtr select,select{background-color:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important}
select option{background:#190a3a;color:#fff}

/* ---------- blocchi colorati (meteo, oroscopo, ...) ---------- */
.tl,.mt,.oro,.wnow,.zc{border:1px solid rgba(255,255,255,.22)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;color:#fff!important}
.tl-m,.mt,.wnow{background:linear-gradient(135deg,#1a6fff 0%,#6a3dff 55%,#c02bff 100%)!important}
.tl-o,.oro{background:linear-gradient(135deg,#ff2fd8 0%,#9b22ff 100%)!important}
.tl-v{background:linear-gradient(135deg,#ff8a2b,#ff2f7a)!important}
.tl,.tl b,.tl small,.tl em,.mtl,.mtx b,.mtx small,.oro,.oro b,.oro small,.oro p,.oro .mo,.wtmp,.wdes,.wmeta,.wcity,.wnow *{color:#fff!important}
.tl .mo,.oro .mo{text-decoration-color:#fff}
.wtip{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:999px!important;color:#fff!important}
.wd{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid var(--line)!important;border-radius:20px!important;color:#fff!important;box-shadow:none!important}
.wd b,.wd small,.wd .wt{color:#fff!important}.wd small{color:var(--mu)!important}
.wd .wr i{color:var(--cy)!important}.wd .wr strong{color:#ff7a8f!important}
.zb{background:rgba(255,255,255,.07)!important;border:1px solid var(--line)!important;border-radius:18px!important;color:#fff!important;box-shadow:none!important;transition:transform .2s}
.zb:hover{transform:translateY(-3px)}
.zb b{color:#fff!important}.zb.on{background:var(--zc,#ff2fd8)!important;border-color:transparent!important}
.zc{background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;border-top:5px solid var(--zc,#ff2fd8)!important}
.zc h3,.zt,.zst,.zst *{color:#fff!important}.zc small{color:var(--mu)!important}
.zn span{background:rgba(255,255,255,.1)!important;border:1px solid var(--line)!important;color:#fff!important}
.zn b{filter:none!important;color:var(--cy)!important}
.empty.big{background:rgba(255,255,255,.07)!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:var(--r)!important}

/* ---------- palinsesto ---------- */
.pwl{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important}
.pr{border-bottom-color:rgba(255,255,255,.09)!important;color:var(--tx)}
.pr time{color:var(--cy)}
.pr .pt b{color:#fff!important}.pr .pt small,.pr .pm{color:var(--mu)!important}
.pr.now{background:linear-gradient(90deg,rgba(255,47,216,.28),rgba(155,34,255,.10))!important;box-shadow:inset 4px 0 0 var(--pk)!important}
.pr.now .pt b::after{background:var(--g)!important}
.shb{background:rgba(255,255,255,.1)!important}.shb svg{stroke:#fff!important}
.pwh h2{color:#fff!important}.pwh span{color:var(--mu)!important}
.pqh{color:#fff!important}

/* ---------- barra in basso (telefono) ---------- */
@media (max-width:860px){
  .tabs{background:rgba(16,8,40,.82)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--line)!important;border-radius:26px 26px 0 0;left:.4rem!important;right:.4rem!important;bottom:0!important;box-shadow:0 -14px 40px -16px rgba(255,47,216,.5)}
  .tabs a{color:var(--mu)!important;border-left:0!important;font-weight:600!important;border-radius:20px;margin:.3rem .1rem;min-height:54px!important}
  .tabs a[aria-current]{background:var(--g)!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(255,47,216,.9)}
  .tabs a:active{background:rgba(255,255,255,.12)!important;color:#fff!important}
}

/* ---------- videogallery ---------- */
.vc .nm{font-weight:600}
.gl .all,h2.all{color:#fff}
.vc.on .im,.vc[aria-current] .im{box-shadow:0 0 0 2px var(--pk)}
.dur,.dr{background:rgba(11,6,32,.82)!important;border-radius:999px!important;color:#fff!important}

/* ---------- pagine legali e news ---------- */
.wrap h2{font-size:1.35rem;margin-top:1.8rem;color:#fff!important}
.wrap ul{padding-left:1.2rem}
footer{color:var(--mu)!important}
.news .it{transition:transform .2s}.news .it:hover{transform:translateY(-2px)}

/* ritocchi dopo la prova */
.side h2,.gside h2,.wrap .gside h2,.wrap .side h2{font-size:.76rem!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;margin:.15rem 0 .5rem!important;color:var(--mu)!important}
.big{background:var(--g)!important;box-shadow:0 14px 40px rgba(255,47,216,.55)!important}
.gs,.sk{accent-color:var(--pk)!important}
.all,h2.all{font-size:1.5rem!important;letter-spacing:-.02em;text-transform:none!important;color:#fff!important}

/* Telefoni: niente effetti pesanti sopra/intorno al video (sfocature e animazioni a schermo intero rubano risorse alla riproduzione) */
@media (max-width:900px),(pointer:coarse){
  body::before{animation:none!important;transform:none!important}
  .play{animation:none!important}
  .hd,.tabs,.bdg,.msgb.vod,.side,.gside,.it,.card,.pwe,.about{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .hd{background:rgba(20,10,48,.92)!important}
  .tabs{background:rgba(16,8,40,.97)!important}
  .bdg,.msgb.vod{background:rgba(11,6,32,.9)!important}
}