/* Mondo Web TV · tema "Redazione": cultura, arte e idee — blu notte, avorio, ottone */
@font-face{font-family:"Lora";src:url(/fonts/lora.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/fonts/lora-italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
:root{--ink:#0d141d;--plum:#172231;--gold:#d9b26a;--rose:#b8433a;--teal:#8fb3b0;--cream:#f3ecdd;--mist:#d7dde6;--serif:"Lora",Georgia,"Times New Roman",serif}
body{background:var(--ink)!important;color:#dfe4ea!important}
body::before{background:
 radial-gradient(60% 40% at 50% -10%,rgba(217,178,106,.13),transparent 70%),
 radial-gradient(50% 40% at 100% 100%,rgba(80,110,150,.18),transparent 70%)!important}
html::before,html::after{display:none!important}
body::after{height:3px!important;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent)!important}
h1,h2,h3,.now{font-family:var(--serif)!important;letter-spacing:.005em}
h1,h2{color:var(--cream)!important}
.lg img{width:340px!important}
@media (max-width:760px){.lg img{width:190px!important}}
.nv a{font-family:var(--serif);font-size:1rem!important;color:var(--mist)!important;border-radius:4px!important;padding:.45rem .9rem!important;border-bottom:2px solid transparent}
.nv a:hover,.nv a[aria-current]{background:transparent!important;color:var(--cream)!important;border-bottom-color:var(--gold)}
@media (max-width:760px){.nv{background:#15202e!important}}
.it,.card,.side{background:rgba(243,236,221,.04)!important;border:1px solid rgba(217,178,106,.16)!important;border-radius:6px!important}
.tabs a[aria-current]{background:var(--gold)!important;color:#0d141d!important;border-color:var(--gold)!important}
.cta,.play{background:linear-gradient(135deg,#c9553f,#a63a32)!important}
.play{box-shadow:0 8px 30px rgba(184,67,58,.4)!important}
.cover{background:radial-gradient(70% 70% at 50% 40%,#1f2f43,#0d141d)!important}
.player{border-radius:6px!important;border-color:rgba(217,178,106,.28)!important;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 30px 80px -20px rgba(0,0,0,.9)!important}
.pill{border-color:rgba(217,178,106,.3)!important;background:rgba(23,34,49,.8)!important;color:var(--mist)!important;border-radius:4px!important}
a{color:var(--gold)}
footer,.tag{color:#8a97a8!important}
::selection{background:var(--gold);color:#0d141d}
/* ---------- componenti nuovi: articoli, meteo/oroscopo ---------- */
.mw-wrap{width:min(100%,1280px);margin:0 auto}
.mw-h{font-family:var(--serif);color:var(--cream);font-size:clamp(1.5rem,3.4vw,2.2rem);margin:1.4rem 0 .9rem;display:flex;align-items:center;gap:.8rem}
.mw-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(217,178,106,.5),transparent)}
.mw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.mw-card{display:flex;flex-direction:column;background:rgba(243,236,221,.05);border:1px solid rgba(217,178,106,.16);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.mw-card:hover{transform:translateY(-3px);border-color:rgba(217,178,106,.5);box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}
.mw-card .im{aspect-ratio:16/10;background:linear-gradient(135deg,#1f2f43,#0d141d);position:relative;overflow:hidden}
.mw-card .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mw-card:hover .im img{transform:scale(1.05)}
.mw-card .im span.ph{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;opacity:.5}
.mw-cat{position:absolute;left:12px;top:12px;background:var(--rose);color:#fff;font:700 .72rem system-ui;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .65rem;border-radius:4px}
.mw-card .tx{padding:1rem 1.1rem 1.2rem}
.mw-card h3{font-family:var(--serif);color:var(--cream);font-size:1.2rem;line-height:1.3;margin:0 0 .45rem}
.mw-card p{color:#aeb8c4;font-size:.95rem;line-height:1.5;margin:0}
.mw-card small{display:block;margin-top:.7rem;color:#8a97a8;font-size:.8rem}
.mw-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
@media (max-width:860px){.mw-hero{grid-template-columns:1fr}}
.mw-hero .mw-card:first-child .im{aspect-ratio:16/9}
.mw-hero .mw-card:first-child h3{font-size:1.7rem}
.mw-more{display:inline-block;margin-top:1rem;color:#172231;background:var(--gold);padding:.7rem 1.3rem;border-radius:4px;font-weight:700;text-decoration:none}
/* striscia meteo + oroscopo, sempre visibile */
.mw-strip{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
@media (max-width:860px){.mw-strip{grid-template-columns:1fr}}
.mw-box{background:linear-gradient(160deg,rgba(31,47,67,.75),rgba(13,20,29,.8));border:1px solid rgba(217,178,106,.2);border-radius:6px;padding:1rem 1.2rem}
.mw-box h3{font-family:var(--serif);color:var(--cream);font-size:1.15rem;margin:0 0 .6rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.mw-box h3 a{font:600 .8rem system-ui;color:var(--gold);text-decoration:none}
.mw-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}
.mw-d{background:rgba(255,255,255,.05);border-radius:4px;padding:.55rem .2rem}
.mw-d b{display:block;font-size:.78rem;color:#aeb8c4;font-weight:600;text-transform:capitalize}.mw-d i{display:block;font-style:normal;font-size:1.6rem;line-height:1.3}.mw-d span{font-size:.82rem;color:#fff}
.mw-now{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}.mw-now i{font-style:normal;font-size:2.6rem}.mw-now b{font-family:var(--serif);font-size:2rem;color:#fff}.mw-now small{display:block;color:#aeb8c4}
.mw-city{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}
.mw-city button{all:unset;cursor:pointer;padding:.3rem .7rem;border-radius:4px;border:1px solid rgba(217,178,106,.3);font-size:.85rem;color:var(--mist)}
.mw-city button[aria-pressed=true]{background:var(--gold);color:#172231;font-weight:700}
.mw-signs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.6rem}
.mw-signs button{all:unset;cursor:pointer;font-size:1.25rem;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(217,178,106,.25)}
.mw-signs button[aria-pressed=true]{background:var(--gold);border-color:transparent}
.mw-or p{color:#dde3ea;line-height:1.55;font-size:.97rem;margin:0}.mw-or b{color:var(--gold);font-family:var(--serif);font-size:1.1rem}
.mw-bar{width:min(100%,1280px);display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,rgba(184,67,58,.22),rgba(217,178,106,.14));border:1px solid rgba(217,178,106,.22);border-radius:4px;padding:.35rem 1rem;font-size:.9rem;position:relative;z-index:5}
.mw-bar a{color:#f3ecdd;text-decoration:none}.mw-bar a:hover{color:#d9b26a}.mw-bar .sep{width:1px;height:1.1em;background:rgba(217,178,106,.4)}.mw-bar .bo{flex:1;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.mw-bar{border-radius:6px;font-size:.85rem}.mw-bar .sep{display:none}.mw-bar .bo{white-space:normal}}
html.tv .mw-bar,html.tv #mw-strip,html.tv #mw-latest,html.tv #mw-home{display:none!important}
*{-webkit-tap-highlight-color:transparent}
.mw-bar,.mw-strip{display:none!important}
.mwapp{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:8px;background:linear-gradient(135deg,#172231,#0d141d);border:1px solid rgba(217,178,106,.45);box-shadow:0 12px 40px rgba(0,0,0,.6);color:#f3ecdd;animation:mwup .5s ease}
.mwapp img{border-radius:4px;flex:none}.mwapp .t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.82rem;line-height:1.25}.mwapp .t b{font-size:.95rem;color:#d9b26a}
.mwapp .go{flex:none;border:0;border-radius:4px;padding:.6rem 1rem;font:700 .9rem system-ui;background:var(--gold);color:#172231;cursor:pointer}
.mwapp .no{flex:none;border:0;background:none;color:#cbb;font-size:1rem;padding:.4rem;cursor:pointer}
@keyframes mwup{from{transform:translateY(120%)}to{transform:none}}
@media (min-width:700px){.mwapp{display:none}}
.pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;width:100%}
.pills .pill{display:flex!important;align-items:center;justify-content:center;text-align:center;margin:0!important;min-height:40px;line-height:1.2}
@media (max-width:420px){.pills{gap:6px!important}.pills .pill{font-size:.82rem!important;padding-left:.4rem!important;padding-right:.4rem!important}}
.pills .pill{font-size:.82rem!important;padding-left:.3rem!important;padding-right:.3rem!important;white-space:nowrap}