/*
Theme Name: Grandangolo
Theme URI: https://example.com
Author: Redazione Grandangolo
Description: Tema editoriale su misura per il settimanale regionale Grandangolo. Homepage con prima pagina, video, podcast, edizione digitale e newsletter, tutto gestibile da Aspetto → Personalizza.
Version: 5.5
License: GNU General Public License v2 or later
Text Domain: grandangolo
*/

:root{
  --ink:#161513;
  --paper:#FBFAF6;
  --giallo:#FFD23F;
  --blu:#23409A;
  --grigio:#6E6A61;
  --linea:#D9D5CB;
  --nero-video:#0E0D0C;
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Newsreader', Georgia, serif;
  font-size:17px;
  line-height:1.55;
}
a{color:inherit;text-decoration:none;}
a:focus-visible, button:focus-visible, input:focus-visible{
  outline:3px solid var(--blu);
  outline-offset:2px;
}
img,svg{display:block;max-width:100%;height:auto;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ---------- utility type ---------- */
.mono{font-family:'IBM Plex Mono', monospace;}
.kicker{
  font-family:'IBM Plex Mono', monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kicker--giallo{background:var(--giallo);padding:3px 8px;display:inline-block;color:var(--ink);}
.kicker--blu{color:var(--blu);}

/* ---------- top bar ---------- */
.topbar{
  background:var(--ink);
  color:var(--paper);
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  letter-spacing:.06em;
}
.topbar__in{
  max-width:var(--maxw);margin:0 auto;padding:8px 24px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.topbar__date{text-transform:uppercase;}
.topbar__links{display:flex;gap:18px;align-items:center;}
.topbar__links a{opacity:.85;}
.topbar__links a:hover{opacity:1;text-decoration:underline;}
.btn-abbonati{
  background:var(--giallo);color:var(--ink)!important;
  padding:6px 14px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;font-size:11px;opacity:1!important;
}
.btn-abbonati:hover{background:#ffdf6e;text-decoration:none!important;}

/* ---------- masthead ---------- */
.masthead{border-bottom:3px solid var(--ink);transition:padding .2s ease;}
.masthead__in{
  max-width:var(--maxw);margin:0 auto;padding:20px 24px 16px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  transition:padding .2s ease;
}
/* stato compatto quando si scorre (la testata resta in alto, più piccola) */
.site-header.compatta .masthead__in{padding-top:8px;padding-bottom:8px;}
.site-header.compatta .masthead--centro .brand__logo img{max-height:46px;transition:max-height .2s ease;}
.site-header.compatta .masthead--centro .brand__title{font-size:34px;transition:font-size .2s ease;}
.masthead--centro .brand__logo img{transition:max-height .2s ease;}
.brand{display:flex;align-items:center;gap:18px;}
.brand .custom-logo{max-height:72px;width:auto;}
.lens{width:64px;height:64px;flex:none;}
.brand .brand__title{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;
  font-size:clamp(42px, 6vw, 68px);
  letter-spacing:-0.02em;
  line-height:.9;
  text-transform:uppercase;
}
.brand .brand__title span{color:var(--blu);}
.brand__sub{
  font-family:'IBM Plex Mono', monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--grigio);margin-top:8px;
}
.masthead__edizione{
  text-align:right;
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;line-height:1.7;color:var(--grigio);
}
.masthead__edizione strong{color:var(--ink);}

/* ---------- nav ---------- */
.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:var(--paper);}
nav.mainnav{
  border-bottom:1px solid var(--ink);
  background:var(--paper);
}
.mainnav ul{
  max-width:var(--maxw);margin:0 auto;padding:0 24px;
  display:flex;gap:4px;list-style:none;overflow-x:auto;
}
.mainnav a{
  display:block;padding:12px 14px;
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:600;font-size:14.5px;letter-spacing:.02em;
  white-space:nowrap;
  border-bottom:3px solid transparent;
}
.mainnav a:hover{border-bottom-color:var(--giallo);}
.mainnav .current-menu-item > a{border-bottom-color:var(--giallo);}

/* ---------- hero ---------- */
.hero{padding:28px 0 40px;border-bottom:1px solid var(--linea);}
.hero__caption{
  position:absolute;left:0;bottom:0;
  background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono', monospace;
  font-size:10.5px;letter-spacing:.08em;
  padding:5px 10px;text-transform:uppercase;
}

/* rubrica di apertura (es. "Le guerre") */
.hero__rubrica{
  border-top:3px solid var(--blu);
  padding-top:10px;margin-bottom:22px;
  display:flex;align-items:center;gap:24px;
}
.hero__rubrica-nome{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:24px;letter-spacing:-0.01em;
}
.hero__rubrica-nome:hover{color:var(--blu);}

.hero__grid{
  display:grid;grid-template-columns:1.9fr 1fr;gap:44px;
  align-items:start;
}

/* apertura PROTAGONISTA: foto/video grande, sotto occhiello + titolo + sommario */
.hero__main{display:block;}
.hero__media{
  order:1;position:relative;display:block;
  border:1px solid var(--ink);overflow:hidden;background:#e7e3d8;
}
.hero__media img, .hero__media .hero__video{
  width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;
}
.hero__embed{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.hero__embed iframe, .hero__embed video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.hero__media-vuota{display:block;width:100%;aspect-ratio:16/9;background:linear-gradient(160deg,#7C90C9,#23409A);}
.hero__videotag{
  position:absolute;top:12px;left:12px;
  background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono', monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;
}
.hero__testo{order:2;margin-top:16px;}
.hero__main .titolo-apertura{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;
  font-size:clamp(32px, 4.4vw, 56px);
  line-height:1.02;letter-spacing:-0.02em;
  margin:10px 0 14px;
}
.hero__main .titolo-apertura a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:5px;}
.hero__main .standfirst{font-size:21px;line-height:1.42;color:#3a372f;max-width:62ch;}
.byline{
  margin-top:14px;
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;color:var(--grigio);letter-spacing:.04em;
}
.byline strong{color:var(--ink);font-weight:600;}

.hero__side{border-left:1px solid var(--linea);padding-left:32px;}
.sidestory{padding:18px 0;border-bottom:1px solid var(--linea);}
.sidestory:first-child{padding-top:0;}
.sidestory:last-child{border-bottom:none;padding-bottom:0;}
/* laterali con miniatura accanto al titolo */
.sidestory--foto{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;}
.sidestory__foto{display:block;}
.sidestory__foto img{width:96px;height:72px;object-fit:cover;border:1px solid var(--ink);}
.sidestory h3{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;font-size:18px;line-height:1.18;margin-top:7px;
}
.sidestory--foto h3{margin-top:5px;font-size:16.5px;}
.sidestory h3 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.sidestory p{font-size:14.5px;color:#4a463d;margin-top:6px;}
.sidestory--foto p{display:none;}


/* ---------- section heads ---------- */
.sezione{padding:44px 0;border-bottom:1px solid var(--linea);}
.sezione__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin-bottom:26px;
}
.sezione__head h2{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:26px;letter-spacing:-0.01em;
  display:flex;align-items:center;gap:12px;
}
.sezione__head h2 .dot{
  width:12px;height:12px;border-radius:50%;
  background:var(--giallo);border:2px solid var(--ink);flex:none;
}
.sezione__head a{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blu);
}
.sezione__head a:hover{text-decoration:underline;}

/* ---------- cards grid ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.card .thumb{border:1px solid var(--ink);position:relative;background:#e7e3d8;}
.card .thumb img{width:100%;aspect-ratio:5/3;object-fit:cover;}
.card .thumb--vuoto{aspect-ratio:5/3;background:linear-gradient(160deg,#7C90C9,#23409A);}
.card h3{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;font-size:20px;line-height:1.2;margin-top:12px;
}
.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.card p{font-size:15px;color:#4a463d;margin-top:6px;}
.card .kicker{margin-top:14px;display:inline-block;}

/* ---------- edizione digitale ---------- */
.edizione{background:var(--giallo);border-bottom:3px solid var(--ink);}
.edizione__in{
  max-width:var(--maxw);margin:0 auto;padding:48px 24px;
  display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center;
}
.copertina{
  width:190px;background:var(--paper);
  border:2px solid var(--ink);
  box-shadow:8px 8px 0 var(--ink);
  transform:rotate(-2deg);
}
.copertina img{width:100%;}
.edizione h2{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:clamp(26px,3.4vw,38px);line-height:1.05;letter-spacing:-0.015em;
}
.edizione p{margin-top:12px;font-size:17.5px;max-width:54ch;}
.edizione .prezzi{
  margin-top:16px;
  font-family:'IBM Plex Mono', monospace;font-size:12.5px;letter-spacing:.04em;
}
.edizione__cta{display:flex;flex-direction:column;gap:12px;}
.btn{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;font-size:15px;
  padding:14px 26px;text-align:center;
  border:2px solid var(--ink);
  cursor:pointer;display:inline-block;
}
.btn--pieno{background:var(--ink);color:var(--paper);}
.btn--pieno:hover{background:#2c2a26;}
.btn--vuoto{background:transparent;color:var(--ink);}
.btn--vuoto:hover{background:rgba(22,21,19,.08);}

/* ---------- video ---------- */
.video{background:var(--nero-video);color:var(--paper);}
.video .sezione__head h2 .dot{background:var(--blu);border-color:var(--paper);}
.video .sezione__head a{color:var(--giallo);}
.video .card p{color:#B7B2A6;}
.video .card .thumb{border-color:#3a3833;}
.play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.play span{
  width:54px;height:54px;border-radius:50%;
  background:rgba(251,250,246,.92);
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease;
}
.card:hover .play span{transform:scale(1.08);}
.durata{
  position:absolute;right:8px;bottom:8px;
  background:rgba(14,13,12,.85);color:var(--paper);
  font-family:'IBM Plex Mono', monospace;font-size:11px;padding:2px 7px;
}

/* ---------- podcast ---------- */
.podcast__grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start;}
.podcast__cover{
  background:var(--ink);color:var(--paper);
  aspect-ratio:1;border:2px solid var(--ink);
  box-shadow:8px 8px 0 var(--giallo);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:22px;overflow:hidden;
}
.podcast__cover img{width:100%;height:100%;object-fit:cover;margin:-22px;}
.podcast__cover .nome{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:30px;line-height:1;letter-spacing:-0.01em;
}
.podcast__cover .sotto{font-family:'IBM Plex Mono', monospace;font-size:10.5px;letter-spacing:.12em;margin-top:10px;color:#9c978c;text-transform:uppercase;}
.episodio{
  display:flex;gap:18px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--linea);
}
.episodio:first-child{padding-top:0;}
.episodio__play{
  width:44px;height:44px;border-radius:50%;flex:none;
  border:2px solid var(--ink);background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.episodio__play:hover{background:var(--giallo);}
.episodio h3{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;font-size:18px;line-height:1.2;
}
.episodio h3 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.episodio .meta{
  font-family:'IBM Plex Mono', monospace;font-size:11px;color:var(--grigio);
  letter-spacing:.06em;margin-top:4px;text-transform:uppercase;
}
.piattaforme{
  margin-top:18px;
  font-family:'IBM Plex Mono', monospace;font-size:11.5px;color:var(--grigio);
  letter-spacing:.04em;
}
.piattaforme a{color:var(--blu);text-decoration:underline;}

/* ---------- newsletter ---------- */
.newsletter{
  border-bottom:3px solid var(--ink);
  background:
    repeating-linear-gradient(-45deg, transparent 0 14px, rgba(35,64,154,.05) 14px 28px),
    var(--paper);
}
.newsletter__in{max-width:760px;margin:0 auto;padding:56px 24px;text-align:center;}
.newsletter h2{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:clamp(26px,3.4vw,36px);letter-spacing:-0.015em;
  margin-top:14px;
}
.newsletter .testo{margin-top:10px;font-size:17.5px;color:#3a372f;}
.newsletter__form{margin-top:24px;max-width:560px;margin-inline:auto;text-align:left;}
.newsletter__form form{display:flex;gap:0;}
.newsletter__form input[type="email"]{
  flex:1;padding:14px 16px;font-size:15px;
  font-family:'IBM Plex Mono', monospace;
  border:2px solid var(--ink);background:var(--paper);
}
.newsletter__form button, .newsletter__form input[type="submit"]{
  font-family:'Bricolage Grotesque', sans-serif;font-weight:700;font-size:15px;
  background:var(--blu);color:var(--paper);
  border:2px solid var(--ink);padding:14px 24px;cursor:pointer;
}
.newsletter__form button:hover, .newsletter__form input[type="submit"]:hover{background:#2c4cb4;}
.newsletter .nota{
  margin-top:12px;font-family:'IBM Plex Mono', monospace;
  font-size:10.5px;color:var(--grigio);letter-spacing:.04em;text-align:center;
}

/* ---------- articolo singolo / archivi ---------- */
.articolo{padding:44px 0 64px;}
.articolo__testata{max-width:780px;margin:0 auto;}
.articolo h1{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:clamp(30px,4.4vw,48px);
  line-height:1.05;letter-spacing:-0.015em;margin:14px 0;
}
.articolo .sommario{font-size:21px;line-height:1.45;color:#3a372f;}
.articolo__foto{max-width:980px;margin:30px auto 0;border:1px solid var(--ink);}
.articolo__foto img{width:100%;}
.articolo__corpo{max-width:700px;margin:34px auto 0;font-size:18.5px;line-height:1.7;}
.articolo__corpo p{margin-bottom:1.2em;}
.articolo__corpo h2,.articolo__corpo h3{
  font-family:'Bricolage Grotesque', sans-serif;font-weight:700;
  margin:1.4em 0 .5em;line-height:1.15;
}
.articolo__corpo a{color:var(--blu);text-decoration:underline;}
.articolo__corpo blockquote{
  border-left:4px solid var(--giallo);padding-left:18px;margin:1.4em 0;
  font-style:italic;color:#3a372f;
}
.articolo__corpo img{margin:1.4em 0;border:1px solid var(--ink);}
.archivio__head{padding:40px 0 8px;}
.archivio__head h1{
  font-family:'Bricolage Grotesque', sans-serif;font-weight:800;
  font-size:clamp(28px,4vw,42px);letter-spacing:-0.015em;
}
.paginazione{padding:30px 0 50px;font-family:'IBM Plex Mono',monospace;font-size:13px;}
.paginazione .page-numbers{padding:6px 11px;border:1px solid var(--ink);margin-right:6px;display:inline-block;}
.paginazione .current{background:var(--giallo);}

/* ---------- footer ---------- */
.sito-footer{background:var(--ink);color:var(--paper);}
.footer__in{
  max-width:var(--maxw);margin:0 auto;padding:48px 24px 32px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
}
.sito-footer .brandfoot{
  font-family:'Bricolage Grotesque', sans-serif;font-weight:800;
  font-size:28px;text-transform:uppercase;letter-spacing:-0.01em;
}
.sito-footer .brandfoot span{color:var(--giallo);}
.sito-footer .colofone{
  margin-top:14px;font-family:'IBM Plex Mono', monospace;
  font-size:11px;line-height:1.8;color:#9c978c;letter-spacing:.03em;white-space:pre-line;
}
.sito-footer h4, .sito-footer .widget-title{
  font-family:'IBM Plex Mono', monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--giallo);
  margin-bottom:14px;font-weight:600;
}
.sito-footer ul{list-style:none;}
.sito-footer ul li{margin-bottom:9px;}
.sito-footer ul a{font-size:14.5px;opacity:.85;}
.sito-footer ul a:hover{opacity:1;text-decoration:underline;}
.footer__legal{
  border-top:1px solid #3a3833;
  font-family:'IBM Plex Mono', monospace;font-size:10.5px;color:#9c978c;
}
.footer__legal > div{
  max-width:var(--maxw);margin:0 auto;padding:16px 24px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.footer__legal a:hover{text-decoration:underline;}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;}
  .hero__side{border-left:none;padding-left:0;border-top:3px solid var(--ink);padding-top:20px;margin-top:8px;}
  .hero__main .titolo-apertura{font-size:clamp(28px,7vw,40px);}
  .grid-3{grid-template-columns:1fr 1fr;}
  .edizione__in{grid-template-columns:1fr;text-align:center;}
  .copertina{margin:0 auto;}
  .edizione p{margin-inline:auto;}
  .edizione__cta{flex-direction:row;justify-content:center;flex-wrap:wrap;}
  .podcast__grid{grid-template-columns:1fr;}
  .podcast__cover{max-width:300px;}
  .footer__in{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .sidestory--foto{grid-template-columns:84px 1fr;gap:12px;}
  .sidestory__foto img{width:84px;height:64px;}
  .grid-3{grid-template-columns:1fr;}
  .masthead__edizione{display:none;}
  .topbar__links a:not(.btn-abbonati){display:none;}
  .newsletter__form form{flex-direction:column;gap:10px;}
}

/* ---------- layout articolo con sidebar (v1.1) ---------- */
.articolo__layout{
  max-width:1100px;margin:34px auto 0;
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;
  align-items:start;
}
.articolo__layout .articolo__corpo{max-width:700px;margin:0;}

/* ---------- sidebar ---------- */
.sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:64px;}
.sidebar__box{
  border:1px solid var(--ink);
  padding:20px;background:var(--paper);
}
.sidebar__box--giallo{background:var(--giallo);border-width:2px;box-shadow:6px 6px 0 var(--ink);}
.sidebar__box--righe{
  background:
    repeating-linear-gradient(-45deg, transparent 0 14px, rgba(35,64,154,.05) 14px 28px),
    var(--paper);
}
.sidebar__titolo{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:18px;letter-spacing:-0.01em;
  display:flex;align-items:center;gap:10px;margin-bottom:16px;
}
.sidebar__titolo .dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--giallo);border:2px solid var(--ink);flex:none;
}
.sidebar__big{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:20px;line-height:1.15;letter-spacing:-0.01em;
  margin-top:10px;
}
.sidebar__testo{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;margin-top:10px;}
.sidebar__btn{display:block;margin-top:14px;padding:11px 16px;font-size:14px;}
.sidebar__copertina{
  width:130px;margin:0 auto 14px;
  border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);
  transform:rotate(-2deg);background:var(--paper);
}
.miniarticolo{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 0;border-bottom:1px solid var(--linea);
}
.miniarticolo:last-child{border-bottom:none;padding-bottom:0;}
.miniarticolo__foto{flex:none;width:72px;}
.miniarticolo__foto img{width:72px;height:72px;object-fit:cover;border:1px solid var(--ink);}
.miniarticolo h5{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;font-size:15px;line-height:1.2;margin-top:4px;
}
.miniarticolo h5 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.miniarticolo .kicker{font-size:10px;}
.newsletter__form--side{margin-top:14px;max-width:none;}
.newsletter__form--side form{flex-direction:column;gap:8px;display:flex;}
.newsletter__form--side input[type="email"]{width:100%;}
.newsletter__form--side button{width:100%;}

/* ---------- banner pubblicitari ---------- */
.banner{text-align:center;}
.banner img{display:inline-block;max-width:100%;height:auto;}
.banner__etichetta{
  display:block;font-family:'IBM Plex Mono',monospace;
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--grigio);margin-bottom:5px;
}
.banner--largo{max-width:var(--maxw);margin:22px auto 0;padding:0 24px;}
.sidebar__banner{padding:0;}

@media (max-width:980px){
  .articolo__layout{grid-template-columns:1fr;gap:40px;}
  .articolo__layout .articolo__corpo{max-width:700px;margin:0 auto;}
  .sidebar{position:static;max-width:480px;margin:0 auto;width:100%;}
}

/* =========================================================
   v1.2 — slideshow, badge live, cinema, firme, skin
   ========================================================= */

/* ---------- slideshow inchiesta ---------- */
.slideshow{
  position:relative;border:1px solid var(--ink);
  aspect-ratio:1200/380;overflow:hidden;background:var(--ink);
}
.slideshow__slide{
  position:absolute;inset:0;opacity:0;transition:opacity .7s ease;
  pointer-events:none;display:block;
}
.slideshow__slide.attiva{opacity:1;pointer-events:auto;}
.slideshow__slide img{width:100%;height:100%;object-fit:cover;}
.slideshow__etichetta{
  position:absolute;top:14px;left:14px;z-index:5;
  box-shadow:3px 3px 0 var(--ink);
}
.slideshow__freccia{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border-radius:50%;
  border:2px solid var(--ink);background:rgba(251,250,246,.92);
  font-size:24px;line-height:1;cursor:pointer;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
}
.slideshow__freccia:hover{background:var(--giallo);}
.slideshow__freccia--sx{left:14px;}
.slideshow__freccia--dx{right:14px;}
.slideshow__punti{
  position:absolute;bottom:12px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:5;
}
.slideshow__punto{
  width:12px;height:12px;border-radius:50%;cursor:pointer;
  border:2px solid var(--paper);background:transparent;padding:0;
}
.slideshow__punto.attiva{background:var(--giallo);border-color:var(--ink);}
.slideshow .hero__caption{z-index:4;}

/* ---------- badge "in aggiornamento costante" ---------- */
.badge-live{
  display:inline-flex;align-items:center;gap:6px;
  background:#C8102E;color:#fff;
  border:1px solid #C8102E;
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 9px;margin-left:8px;vertical-align:middle;border-radius:3px;
  animation:grd-live-lampeggia 1.4s ease-in-out infinite;
}
.badge-live__punto{
  width:6px;height:6px;border-radius:50%;background:#fff;flex:none;
  animation:grd-punto 1s ease-in-out infinite;
}
@keyframes grd-punto{0%,100%{opacity:1;}50%{opacity:.15;}}
@keyframes grd-live-lampeggia{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(200,16,46,.5);}50%{opacity:.72;box-shadow:0 0 0 4px rgba(200,16,46,0);}}
.sidestory .badge-live, .card .badge-live{font-size:8.5px;padding:2px 6px;}

/* ---------- player video ---------- */
.player{position:relative;background:#000;}
.player iframe, .player video{width:100%;aspect-ratio:16/9;display:block;border:0;}
.articolo__video{max-width:980px;margin:30px auto 0;border:1px solid var(--ink);}

/* ---------- modalità cinema (pagina video) ---------- */
body.modo-cinema .sito{background:var(--nero-video);}
body.modo-cinema nav.mainnav{background:var(--nero-video);border-bottom-color:#3a3833;}
body.modo-cinema nav.mainnav a{color:var(--paper);}
body.modo-cinema .masthead{background:var(--nero-video);border-bottom-color:#3a3833;}
body.modo-cinema .masthead .brand__title, body.modo-cinema .masthead .brand__title a{color:var(--paper);}
body.modo-cinema .masthead__edizione{color:#9c978c;}
body.modo-cinema .masthead__edizione strong{color:var(--paper);}
.cinema{background:var(--nero-video);color:var(--paper);padding:36px 0 60px;}
.cinema__ritorno{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}
.cinema__ritorno a{color:var(--giallo);}
.cinema__ritorno a:hover{text-decoration:underline;}
.cinema__palco{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:44px;margin-top:22px;align-items:start;
}
.player--cinema{border:1px solid #3a3833;}
.player--fermo img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.cinema__nota{
  margin-top:10px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;color:#9c978c;
}
.cinema__scheda h1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;font-size:clamp(24px,2.8vw,34px);
  line-height:1.08;letter-spacing:-0.015em;margin:12px 0 8px;
}
.cinema__meta{
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  color:#9c978c;letter-spacing:.06em;text-transform:uppercase;
}
.cinema__descrizione{margin-top:14px;font-size:18px;line-height:1.5;color:#d9d5cb;}
.cinema__testo{margin-top:12px;font-size:15.5px;line-height:1.6;color:#b7b2a6;}
.cinema__testo p{margin-bottom:.9em;}
.cinema__altri{margin-top:56px;}
.cinema .sezione__head h2{color:var(--paper);}
.cinema .sezione__head h2 .dot{border-color:var(--paper);}
.cinema .card p{color:#9c978c;}
.cinema .card .thumb{border-color:#3a3833;}
.cinema .archivio__head h1{color:var(--paper);}
.cinema .paginazione .page-numbers{border-color:#3a3833;color:var(--paper);}
.cinema .paginazione .current{background:var(--giallo);color:var(--ink);}

/* ---------- condivisione ---------- */
.condividi{
  margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
.condividi__etichetta{
  font-family:'IBM Plex Mono',monospace;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:#9c978c;
  width:100%;
}
.condividi a, .condividi__copia{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;
  border:2px solid var(--paper);color:var(--paper);background:transparent;
  padding:8px 14px;cursor:pointer;
}
.condividi a:hover, .condividi__copia:hover{background:var(--giallo);color:var(--ink);border-color:var(--giallo);}

/* ---------- pagina firma (autore) ---------- */
.firma{
  display:flex;gap:30px;align-items:center;
  padding:44px 0 36px;border-bottom:3px solid var(--ink);flex-wrap:wrap;
}
.firma__foto img{
  border-radius:50%;border:3px solid var(--ink);
  box-shadow:6px 6px 0 var(--giallo);width:140px;height:140px;object-fit:cover;
}
.firma h1{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(30px,4vw,44px);letter-spacing:-0.015em;margin-top:10px;
}
.firma__bio{margin-top:10px;font-size:18px;max-width:62ch;color:#3a372f;}
.firma__link{margin-top:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;}
.firma__link a{color:var(--blu);text-decoration:underline;}

/* ---------- pubblicità di sfondo (skin) ---------- */
body.con-skin .sito{
  max-width:1280px;margin:0 auto;background:var(--paper);
  box-shadow:0 0 40px rgba(0,0,0,.45);
}
.skin-click{
  position:fixed;top:0;bottom:0;z-index:1;display:block;
  width:calc((100% - 1280px) / 2);min-width:0;
}
.skin-click--sx{left:0;}
.skin-click--dx{right:0;}
@media (max-width:1320px){.skin-click{display:none;}}

@media (max-width:980px){
  .cinema__palco{grid-template-columns:1fr;gap:28px;}
  .firma{gap:20px;}
}

/* ---------- logo ufficiale in testata ---------- */
.brand__logo{line-height:0;}
.brand__logo img{max-height:84px;width:auto;display:block;}
body.modo-cinema .brand__logo img{filter:none;}
@media (max-width:620px){.brand__logo img{max-height:60px;}}

/* =========================================================
   v1.3 — titolo evidenziato, video hero auto, foto del giorno,
   timeline, correlati, slot pubblicitari codice
   ========================================================= */

/* ---------- titolo: parte evidenziata ---------- */
mark.evidenza{
  background:var(--giallo);color:var(--ink);
  padding:0 .12em;border-radius:1px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}

/* ---------- video di apertura muto in autoplay ---------- */
.hero__videowrap{position:relative;display:block;border:1px solid var(--ink);overflow:hidden;}
.hero__video{width:100%;max-height:420px;object-fit:cover;display:block;background:#000;}
.hero__videotag{
  position:absolute;top:12px;left:12px;
  background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;
}

/* ---------- foto del giorno ---------- */
.fotogiorno{border-bottom:1px solid var(--linea);padding:44px 0;}
.fotogiorno__in{
  display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:center;
}
.fotogiorno__foto{border:1px solid var(--ink);}
.fotogiorno__foto img{width:100%;display:block;}
.fotogiorno__testo h2{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-0.015em;margin:10px 0 10px;
}
.fotogiorno__testo p{font-size:17px;color:#3a372f;line-height:1.5;}

/* ---------- timeline / diretta ---------- */
.timeline{
  border:2px solid var(--ink);margin:0 0 28px;
  background:var(--paper);
}
.timeline__testa{
  display:flex;align-items:center;gap:9px;
  background:var(--ink);color:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;
}
.timeline__dot{
  width:9px;height:9px;border-radius:50%;background:#C8102E;
  animation:grd-punto 1.6s ease-in-out infinite;
}
.timeline__voce{
  display:flex;gap:16px;padding:13px 16px;
  border-bottom:1px solid var(--linea);
}
.timeline__voce:last-child{border-bottom:none;}
.timeline__voce:first-child{background:rgba(255,210,63,.16);}
.timeline__ora{
  flex:none;font-family:'IBM Plex Mono',monospace;font-weight:600;
  font-size:13px;color:var(--blu);min-width:54px;
}
.timeline__testo{font-size:16px;line-height:1.5;}

/* ---------- articoli correlati ---------- */
.correlati{margin-top:40px;padding-top:28px;border-top:3px solid var(--ink);}
.correlati__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.correlati .card h3{font-size:17px;}

/* ---------- condivisione: variante chiara dentro gli articoli ---------- */
.articolo__corpo .condividi{
  margin-top:30px;padding-top:20px;border-top:1px solid var(--linea);
}
.articolo__corpo .condividi__etichetta{color:var(--grigio);}
.articolo__corpo .condividi a,
.articolo__corpo .condividi__copia{
  border-color:var(--ink);color:var(--ink);
}
.articolo__corpo .condividi a:hover,
.articolo__corpo .condividi__copia:hover{background:var(--giallo);border-color:var(--ink);}

/* ---------- slot pubblicitari ---------- */
.banner__code{display:flex;justify-content:center;align-items:center;min-height:50px;}
.banner__code :is(ins,iframe,img){max-width:100%;}
.banner--articolo{margin:30px 0;text-align:center;}

@media (max-width:820px){
  .fotogiorno__in{grid-template-columns:1fr;}
  .correlati__grid{grid-template-columns:1fr;}
}


}

/* =========================================================
   v1.6 — sezioni a categoria, home con sidebar, slot pubblicitari,
   social follow, podcast/approfondimenti in sidebar
   ========================================================= */

/* ---------- layout home: colonna principale + sidebar ---------- */
.home-layout{border-bottom:1px solid var(--linea);}
.home-layout__in{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;
  align-items:start;padding-top:8px;padding-bottom:8px;
}
.home-main{min-width:0;}
.home-main .sezione--colonna{padding:30px 0;border-bottom:1px solid var(--linea);}
.home-main .sezione--colonna:first-child{padding-top:24px;}
/* le sezioni a tutta larghezza, dentro la colonna, riempiono la colonna senza doppio .wrap */
.home-main > .sezione, .home-main > .edizione, .home-main > .newsletter, .home-main > .fotogiorno{padding-left:0;padding-right:0;}
.home-main .wrap{max-width:none;padding-left:0;padding-right:0;margin:0;}
.home-main .edizione__in, .home-main .newsletter__in, .home-main .fotogiorno__in{padding-left:24px;padding-right:24px;}
.home-main .edizione, .home-main .video, .home-main .podcast, .home-main .newsletter, .home-main .fotogiorno{margin-left:-24px;margin-right:-24px;}
.home-main .edizione__in, .home-main .video .wrap, .home-main .podcast .wrap, .home-main .newsletter__in, .home-main .fotogiorno__in{padding-left:24px;padding-right:24px;}
/* sidebar appiccicata davvero */
.home-layout .sidebar{position:-webkit-sticky;position:sticky;top:64px;align-self:start;}

/* griglia a 2 colonne per le sezioni in colonna */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.grid-2 .card h3{font-size:19px;}

/* ---------- slot pubblicitari dimostrativi ---------- */
.banner__demo{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:
    repeating-linear-gradient(45deg,#efece3 0 10px,#f6f4ee 10px 20px);
  border:1px dashed #c9c4b7;color:#9a948700;color:#8c8678;
  text-align:center;width:100%;
}
.banner__demo span{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:14px;color:#8c8678;letter-spacing:.02em;
}
.banner__demo small{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#a9a394;margin-top:4px;
}
.banner--demo-leader{min-height:120px;}
.banner--demo-box{min-height:250px;}
.banner--demo-half{min-height:400px;}
.banner--demo-incontent{min-height:90px;}
.banner--intesto{margin:26px 0;}

/* ---------- sidebar: approfondimenti (solo testo) e podcast ---------- */
.miniarticolo--testo{padding:11px 0;}
.miniarticolo--testo h5{margin-top:5px;}
.sidebar__box--podcast .episodio--side{
  display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--linea);
}
.sidebar__box--podcast .episodio--side:last-child{border-bottom:none;padding-bottom:0;}
.episodio--side .episodio__play{width:34px;height:34px;}
.episodio--side h5{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:14.5px;line-height:1.2;
}
.episodio--side h5 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.episodio--side .meta{
  font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--grigio);
  letter-spacing:.06em;margin-top:3px;text-transform:uppercase;
}

/* ---------- seguici sui social ---------- */
.sidebar__box--social .social-follow{display:flex;flex-wrap:wrap;gap:8px;}
.social-follow__btn{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12.5px;
  border:2px solid var(--ink);padding:7px 12px;color:var(--ink);background:transparent;
}
.social-follow__btn:hover{background:var(--giallo);}

@media (max-width:980px){
  .home-layout__in{grid-template-columns:1fr;gap:36px;}
  .home-layout .sidebar{position:static;max-width:480px;margin:0 auto;width:100%;}
  .grid-2{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .grid-2{grid-template-columns:1fr;}
}

/* =========================================================
   v1.7 — testata centrata, meteo, ticker, footer stretto,
   province, sidecard, fullad, laterali che riempiono
   ========================================================= */

/* ---------- top bar con meteo ---------- */
.topbar__in{flex-wrap:wrap;}
.meteo{display:flex;gap:16px;flex:1;justify-content:center;flex-wrap:wrap;}
.meteo__citta{
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.04em;color:var(--paper);opacity:.92;white-space:nowrap;
}
.meteo__icona{margin-right:4px;}
.meteo__citta strong{color:var(--giallo);}
@media (max-width:780px){ .meteo{display:none;} }

/* ---------- testata centrata ---------- */
.masthead--centro .masthead__in{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
}
.masthead--centro .brand{justify-content:center;}
.masthead--centro .brand__logo img{max-height:96px;width:auto;}
.masthead__lato--dx{display:flex;justify-content:flex-end;}
.masthead__lato--sx{min-width:0;}
.btn-abbonati--grande{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:14px;letter-spacing:.04em;text-transform:uppercase;
  background:var(--giallo);color:var(--ink)!important;
  padding:12px 22px;border:2px solid var(--ink);
  box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease;
}
.btn-abbonati--grande:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);text-decoration:none!important;}
@media (max-width:780px){
  .masthead--centro .masthead__in{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .masthead__lato--sx{display:none;}
  .masthead__lato--dx{justify-content:center;}
  .masthead--centro .brand__logo img{max-height:70px;}
}

/* ---------- ticker ---------- */
.ticker{display:flex;align-items:stretch;overflow:hidden;border-bottom:2px solid var(--ink);}
.ticker__et{
  flex:none;display:flex;align-items:center;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  padding:8px 16px;color:#fff;
}
.ticker__scorri{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;}
.ticker__testo{
  white-space:nowrap;padding-left:100%;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:600;
  font-size:15px;letter-spacing:.01em;
  animation:grd-ticker 22s linear infinite;
}
.ticker__testo a{color:inherit;text-decoration:none;}
.ticker__testo a:hover{text-decoration:underline;}
.ticker:hover .ticker__testo{animation-play-state:paused;}
@keyframes grd-ticker{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.ticker--rosso{background:#C8102E;}
.ticker--rosso .ticker__et{background:#8E0B20;}
.ticker--rosso .ticker__scorri{color:#fff;}
.ticker--giallo{background:var(--giallo);}
.ticker--giallo .ticker__et{background:var(--ink);}
.ticker--giallo .ticker__scorri{color:var(--ink);}
.ticker--verde{background:#1E7A46;}
.ticker--verde .ticker__et{background:#125A32;}
.ticker--verde .ticker__scorri{color:#fff;}
@media (prefers-reduced-motion: reduce){
  .ticker__testo{animation:none;padding-left:16px;}
}

/* ---------- laterali apertura: riempiono, foto sopra il titolo ---------- */
.hero__side{display:flex;flex-direction:column;}
.hero__side .sidestory{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;}
.sidestory--foto{display:flex!important;flex-direction:column;gap:10px;}
.sidestory--foto .sidestory__foto{width:100%;}
.sidestory--foto .sidestory__foto img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ink);}
.sidestory--foto h3{margin-top:0;font-size:17px;}
.sidestory--foto p{display:none;}

/* ---------- card a colonna, allineate in alto, senza vuoti tra le righe ---------- */
.grid-2{align-items:start;grid-auto-rows:min-content;row-gap:30px;}
.grid-2 .card, .grid-3 .card{display:flex;flex-direction:column;}
.card .thumb img, .card .thumb--vuoto{width:100%;aspect-ratio:16/10;object-fit:cover;}
.grid-2 .card p, .grid-3 .card p{margin-top:6px;}

/* ---------- sidebar: province + sidecard con foto grande ---------- */
.sidebar__box--province .province{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.province__btn{
  display:block;text-align:center;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;
  padding:14px 10px;border:2px solid var(--ink);background:var(--paper);
  transition:background .12s ease;
}
.province__btn:hover{background:var(--giallo);}
.sidecard{padding:14px 0;border-bottom:1px solid var(--linea);}
.sidecard:first-of-type{padding-top:0;}
.sidecard:last-child{border-bottom:none;padding-bottom:0;}
.sidecard__foto{display:block;margin-bottom:9px;}
.sidecard__foto img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ink);}
.sidecard h5{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:17px;line-height:1.18;margin-top:6px;
}
.sidecard h5 a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}
.sidebar__box--spotify iframe{display:block;}

/* ---------- podcast Spotify in home ---------- */
.podcast--spotify{background:var(--paper);border-bottom:1px solid var(--linea);}
.podcast--spotify .sezione__head h2{color:var(--ink);}
.podcast--spotify .sezione__head a{color:var(--blu);}
.podcast__player{max-width:880px;}

/* ---------- footer stretto ---------- */
.sito-footer--stretto .footer__in{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:20px 24px;flex-wrap:wrap;
}
.footer__logo{max-height:46px;width:auto;}
.footer__menu ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap;margin:0;padding:0;}
.footer__menu a{font-size:13.5px;opacity:.85;}
.footer__menu a:hover{opacity:1;text-decoration:underline;}
.sito-footer--stretto .footer__legal > div{padding:14px 24px;display:block;}
.footer__copy{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.7;
  color:#9c978c;letter-spacing:.02em;margin:0;
}
.footer__mini{margin-top:8px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;}
.footer__mini a{color:#9c978c;}
.footer__mini a:hover{color:var(--paper);text-decoration:underline;}

/* ---------- pubblicità a tutto schermo dietro il sito ---------- */
body.con-fullad{background:#0e0d0c;}
body.con-fullad .sito{
  position:relative;z-index:2;max-width:1180px;margin:0 auto;background:var(--paper);
  box-shadow:0 0 60px rgba(0,0,0,.6);
}
.fullad{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.fullad .banner__etichetta{position:absolute;top:10px;left:50%;transform:translateX(-50%);color:#fff;opacity:.7;}
.fullad a, .fullad > span{
  display:block;width:100%;height:100%;
  background-position:center;background-repeat:no-repeat;background-size:cover;
}

/* =========================================================
   v2.1 — social e "fonti Google" in testata, logo chiaro, sidebar home
   ========================================================= */
.masthead__lato--sx{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;}
.testata-social{display:flex;gap:8px;align-items:center;}
.testata-social__ic{
  width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--ink);color:var(--ink);
  transition:background .12s ease,color .12s ease;
}
.testata-social__ic:hover{background:var(--ink);color:var(--paper);}
.testata-fonti{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.02em;
  color:var(--grigio);border:1px solid var(--linea);
  padding:5px 10px;border-radius:4px;transition:border-color .12s ease,color .12s ease;
}
.testata-fonti:hover{color:var(--ink);border-color:var(--ink);}
.testata-fonti__g{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  color:#4285F4;font-size:14px;line-height:1;
}
@media (max-width:780px){
  .masthead--centro .masthead__in{grid-template-columns:1fr;}
  .masthead__lato--sx{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;}
  .testata-fonti{font-size:10px;}
}

/* logo chiaro in pagina video: già gestito da brand__logo, qui solo sicurezza */
body.modo-cinema .brand__logo img{max-height:84px;}

/* =========================================================
   v2.3 — correlati apertura, infinite scroll articoli, mobile
   ========================================================= */

/* ---------- "Dello stesso argomento" sotto l'apertura ---------- */
.apertura-correlati{
  margin-top:18px;padding-top:16px;border-top:2px solid var(--ink);
}
.apertura-correlati__et{
  display:block;font-family:'IBM Plex Mono',monospace;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grigio);margin-bottom:8px;
}
.apertura-correlati ul{list-style:none;margin:0;padding:0;}
.apertura-correlati li{padding:7px 0;border-bottom:1px solid var(--linea);}
.apertura-correlati li:last-child{border-bottom:none;}
.apertura-correlati li a{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:16px;line-height:1.25;display:flex;gap:8px;
}
.apertura-correlati li a::before{content:"›";color:var(--blu);font-weight:800;}
.apertura-correlati li a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:3px;}

/* ---------- separatore tra articoli (infinite scroll) ---------- */
.articolo--infinito{border-top:none;margin-top:0;padding-top:0;padding-bottom:40px;}
.articolo--infinito .articolo__corpo{margin-top:22px;}
.articolo__separatore{
  position:relative;text-align:center;margin:8px 0 18px;
}
.articolo__separatore::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--ink);
}
.articolo__separatore span{
  position:relative;background:var(--paper);padding:0 16px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--grigio);
}
body.modo-cinema .articolo__separatore span{background:var(--nero-video);}

/* =========================================================
   RESPONSIVE MOBILE — rifiniture
   ========================================================= */
@media (max-width:780px){
  /* testata: social e fonti compatti, logo e abbonati centrati */
  .topbar__in{justify-content:center;gap:10px;}
  .topbar__date{font-size:10px;}
  .masthead--centro .masthead__in{gap:12px;padding-top:18px;padding-bottom:14px;}
  .masthead--centro .brand__logo img{max-height:58px;}
  .btn-abbonati--grande{font-size:12px;padding:9px 16px;box-shadow:3px 3px 0 var(--ink);}
  .testata-social__ic{width:34px;height:34px;}

  /* apertura: titolo e occhiello a misura telefono */
  .hero{padding:18px 0 26px;}
  .hero__rubrica{margin-bottom:14px;padding-top:8px;}
  .hero__rubrica-nome{font-size:20px;}
  .hero__main .titolo-apertura{font-size:clamp(26px,7.5vw,34px);margin:8px 0 10px;}
  .hero__main .standfirst{font-size:17px;}
  .hero__media img,.hero__media .hero__video,.hero__media-vuota{aspect-ratio:16/10;}

  /* griglie a una colonna */
  .grid-2,.grid-3{grid-template-columns:1fr;gap:22px;}
  .feedcard{grid-template-columns:1fr;}

  /* articolo: corpo a piena larghezza, niente sidebar stretta */
  .articolo__layout{grid-template-columns:1fr;gap:30px;}
  .articolo__corpo{max-width:100%;}
  .articolo h1{font-size:clamp(26px,7vw,34px);}
  .articolo__corpo{font-size:17.5px;}

  /* ticker più compatto */
  .ticker__et{font-size:10px;padding:7px 10px;}
  .ticker__testo{font-size:14px;}

  /* province a due colonne strette */
  .sidebar__box--province .province{grid-template-columns:1fr 1fr;}

  /* meteo nascosto già da prima; mostriamo solo Agrigento se serve spazio */
  .meteo{display:none;}

  /* condivisione: bottoni a piena riga scrollabile */
  .condividi{gap:6px;}
  .condividi a,.condividi__copia{font-size:12px;padding:7px 11px;}

  /* edizione/abbonamento e foto del giorno impilati */
  .edizione__in{gap:20px;}
  .fotogiorno__in{gap:18px;}
}

@media (max-width:430px){
  .masthead--centro .brand__title{font-size:34px;}
  .hero__main .titolo-apertura{font-size:26px;}
  .testata-fonti{font-size:9.5px;padding:4px 8px;}
  .province__btn{font-size:13px;padding:11px 8px;}
}

/* =========================================================
   v2.4 — foto sopra il titolo, paywall, pagina podcast
   ========================================================= */

/* foto/video sopra il titolo nell'articolo */
.articolo__foto--sopra{max-width:980px;margin:0 auto 22px;border:1px solid var(--ink);}
.articolo .articolo__video{max-width:980px;margin:0 auto 22px;}
.articolo__testata{max-width:780px;margin:0 auto;}

/* ---------- paywall ---------- */
.paywall{position:relative;margin-top:-40px;}
.paywall__sfuma{
  height:120px;margin-top:-120px;position:relative;
  background:linear-gradient(to bottom, rgba(251,250,246,0), var(--paper));
  pointer-events:none;
}
.paywall__box{
  border:2px solid var(--ink);background:var(--paper);
  box-shadow:8px 8px 0 var(--giallo);
  padding:28px;text-align:center;max-width:560px;margin:0 auto;
}
.paywall__titolo{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:26px;line-height:1.1;letter-spacing:-0.01em;margin:10px 0 8px;
}
.paywall__testo{font-size:16px;color:#3a372f;max-width:42ch;margin:0 auto 16px;}
.paywall__btn{display:inline-block;margin-bottom:16px;}
.paywall__codice{display:flex;gap:8px;max-width:380px;margin:0 auto;}
.paywall__input{
  flex:1;padding:11px 12px;border:2px solid var(--ink);background:var(--paper);
  font-family:'IBM Plex Mono',monospace;font-size:14px;
}
.paywall__ok{white-space:nowrap;padding:11px 16px;}
.paywall__errore{color:#C8102E;font-size:13px;margin-top:10px;font-weight:600;}

/* ---------- pagina podcast dedicata ---------- */
.podpage{padding:0 0 80px;}
.podpage__hero{
  background:linear-gradient(160deg,#23409A,#161513);color:var(--paper);
  padding:48px 0;
}
.podpage__hero-in{
  max-width:var(--maxw);margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center;
}
.podpage__cover{
  width:240px;height:240px;border:2px solid rgba(251,250,246,.25);
  box-shadow:10px 10px 0 var(--giallo);background:#0e0d0c;overflow:hidden;
}
.podpage__cover img{width:100%;height:100%;object-fit:cover;}
.podpage__hero h1{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(30px,4vw,48px);letter-spacing:-0.02em;line-height:1.02;
}
.podpage__hero p{margin-top:12px;font-size:18px;color:#cdd4e6;max-width:60ch;}
.podpage__platf{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;}
.podpage__platf a{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;
  border:2px solid var(--paper);color:var(--paper);padding:8px 14px;
}
.podpage__platf a:hover{background:var(--giallo);color:var(--ink);border-color:var(--giallo);}
.podpage__lista{max-width:880px;margin:36px auto 0;padding:0 24px;}
.podep{
  display:flex;gap:18px;align-items:center;
  padding:16px;border:1px solid var(--linea);margin-bottom:12px;background:var(--paper);
  transition:border-color .12s ease;
}
.podep:hover{border-color:var(--ink);}
.podep__play{
  width:52px;height:52px;border-radius:50%;flex:none;cursor:pointer;
  border:2px solid var(--ink);background:var(--giallo);
  display:flex;align-items:center;justify-content:center;
}
.podep__play:hover{background:#ffdf6e;}
.podep__info{flex:1;min-width:0;}
.podep__info h3{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:18px;line-height:1.2;
}
.podep__meta{
  font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--grigio);
  letter-spacing:.06em;margin-top:4px;text-transform:uppercase;
}

/* player sticky in basso */
.podplayer{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:var(--ink);color:var(--paper);
  border-top:2px solid var(--giallo);
  transform:translateY(110%);transition:transform .3s ease;
}
.podplayer.aperto{transform:translateY(0);}
.podplayer__in{
  max-width:var(--maxw);margin:0 auto;padding:12px 24px;
  display:flex;align-items:center;gap:18px;
}
.podplayer__cover{width:48px;height:48px;flex:none;border:1px solid rgba(251,250,246,.25);background:#0e0d0c;overflow:hidden;}
.podplayer__cover img{width:100%;height:100%;object-fit:cover;}
.podplayer__tit{flex:none;max-width:240px;min-width:0;}
.podplayer__tit strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.podplayer__tit span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#9c978c;text-transform:uppercase;letter-spacing:.08em;}
.podplayer audio{flex:1;width:100%;height:38px;}
.podplayer__chiudi{
  flex:none;background:none;border:0;color:#9c978c;font-size:22px;cursor:pointer;line-height:1;
}
.podplayer__chiudi:hover{color:var(--paper);}
.podplayer__embed{flex:1;}
.podplayer__embed iframe{width:100%;height:80px;border:0;border-radius:8px;display:block;}

@media (max-width:780px){
  .podpage__hero-in{grid-template-columns:1fr;text-align:center;gap:22px;}
  .podpage__cover{margin:0 auto;width:200px;height:200px;}
  .podpage__platf{justify-content:center;}
  .articolo__foto--sopra{margin-left:-4px;margin-right:-4px;}
  .paywall__codice{flex-direction:column;}
  .podplayer__in{gap:10px;padding:10px 14px;}
  .podplayer__tit{display:none;}
}

/* fix titolo "Le puntate" allineato a sinistra nella pagina podcast */
.podpage__lista .sezione__head{justify-content:flex-start;}
.podpage__lista > .sezione__head h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;}

/* =========================================================
   v2.6 — banner nel feed, hamburger mobile, logo a tutta barra
   ========================================================= */
/* pubblicità discreta nel flusso infinito */
.feed-ad{margin:8px auto 22px;display:flex;justify-content:center;}
.feed-ad .banner--feed{max-width:728px;width:100%;opacity:.96;}
.feed-ad .banner__etichetta{opacity:.7;}

/* hamburger: nascosto su desktop */
.hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px;width:46px;height:42px;}
.hamburger span{display:block;height:3px;width:26px;background:var(--ink);margin:5px auto;transition:transform .2s ease,opacity .2s ease;}
.hamburger.attivo span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hamburger.attivo span:nth-child(2){opacity:0;}
.hamburger.attivo span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

@media (max-width:860px){
  /* HAMBURGER al posto di Abbonati */
  .masthead__lato--dx .btn-abbonati--grande{display:none;}
  .hamburger{display:block;}

  /* la testata diventa una barra: logo a sinistra che occupa lo spazio, hamburger a destra */
  .masthead--centro .masthead__in{
    grid-template-columns:1fr auto;align-items:center;
    padding-top:12px;padding-bottom:12px;gap:10px;
  }
  .masthead__lato--sx{display:none;}              /* social/fonti vanno nel menu o restano in alto */
  .masthead--centro .brand{justify-content:flex-start;text-align:left;}
  .masthead--centro .brand__logo{width:100%;}
  .masthead--centro .brand__logo img{max-height:54px;}
  .masthead--centro .brand__title{font-size:30px;text-align:left;}
  .masthead__lato--dx{justify-content:flex-end;}

  /* il MENU diventa un pannello a comparsa sotto la barra */
  nav.mainnav{display:none;border-top:1px solid var(--linea);}
  nav.mainnav.aperto{display:block;}
  .mainnav ul{flex-direction:column;align-items:stretch;gap:0;}
  .mainnav li{width:100%;}
  .mainnav a{
    display:block;padding:14px 24px;border-bottom:1px solid var(--linea);
    border-left:0;
  }
  .mainnav a:hover{border-bottom-color:var(--linea);background:#f3f1ea;}
  .mainnav .current-menu-item > a{border-left:4px solid var(--giallo);border-bottom-color:var(--linea);}
}

/* =========================================================
   v2.9 — pagina articolo: corpo + flusso a sinistra, sidebar
   accanto a TUTTO il flusso (niente più spazio bianco)
   ========================================================= */
.single-layout{padding:30px 0 60px;}
.single-layout__in{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;
}
.single-main{min-width:0;}
.single-layout .sidebar{position:-webkit-sticky;position:sticky;top:64px;align-self:start;}

/* il primo articolo e quelli del flusso occupano tutta la colonna sinistra */
.single-main .articolo{padding:0;}
.single-main .articolo__contenitore{max-width:none;margin:0;padding:0;}
.single-main .articolo__corpo--pieno{max-width:760px;margin:22px 0 0;}
.single-main .articolo__foto--sopra{max-width:100%;}
.single-main .articolo__testata{max-width:760px;margin-left:0;margin-right:0;}
.single-main .articolo__video{max-width:100%;}

/* separatore tra un articolo e l'altro: compatto */
.single-main .articolo--infinito{padding-bottom:30px;}
.single-main .articolo__separatore{margin:14px 0 20px;}

@media (max-width:980px){
  .single-layout__in{grid-template-columns:1fr;gap:34px;}
  .single-layout .sidebar{position:static;max-width:520px;margin:0 auto;width:100%;}
}

/* =========================================================
   v3.0 — video nelle notizie piccole, header fisso, ritocchi
   ========================================================= */
.sidestory__foto--video{position:relative;display:block;}
.sidestory__foto--video video,.sidestory__foto--video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid var(--ink);}
.sidestory__videotag{
  position:absolute;left:8px;bottom:8px;
  background:var(--ink);color:var(--paper);
  width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:11px;
}
/* compensa l'altezza dell'header fisso quando si salta a un'ancora */
:target{scroll-margin-top:160px;}

/* =========================================================
   v3.2 — player video con pubblicità (iframe preroll)
   ========================================================= */
.hero__embed--player{width:100%;max-width:none;}
.hero__embed--player > div{margin:0 auto;}
.articolo__player-embed{margin:0 auto 22px;max-width:980px;}
.articolo__player-embed > div{margin:0 auto;}
/* su mobile il player resta dentro la colonna */
@media (max-width:780px){
  .articolo__player-embed,.hero__embed--player{max-width:100%;}
}

/* =========================================================
   v3.3 — widget MGID nel flusso infinito
   ========================================================= */
.feed-ad--mgid{margin:14px auto 26px;max-width:760px;}
.feed-ad--mgid .feed__et{display:block;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--grigio);margin-bottom:6px;}

/* =========================================================
   v3.5 — widget MGID in-article (dentro il testo)
   ========================================================= */
.mgid-inart{margin:26px 0;clear:both;}
.mgid-inart > div{margin:0 auto;}

/* =========================================================
   v3.6 — FEED MOBILE stile social (schede a tutto schermo)
   ========================================================= */
/* di default nascosto: compare SOLO su mobile */
.mfeed{display:none;}

@media (max-width:768px){
  .mfeed{
    display:block;position:fixed;inset:0;z-index:300;
    background:#0e0d0c;color:#fff;
    overflow-y:scroll;scroll-snap-type:y mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .mfeed.mfeed--off{display:none;}
  /* quando il feed è attivo, blocca lo scroll del sito sotto */
  body.grd-mfeed-attivo{overflow:hidden;}

  .mfeed__top{
    position:fixed;top:0;left:0;right:0;z-index:5;
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 18px 26px;
    background:linear-gradient(to bottom, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
    pointer-events:none;
  }
  .mfeed__top .mfeed__chiudi{pointer-events:auto;}
  .mfeed__brand{display:flex;align-items:center;}
  .mfeed__logo{height:42px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));}
  .mfeed__wordmark{
    font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
    font-size:26px;letter-spacing:-0.02em;color:#fff;line-height:1;
    text-shadow:0 2px 10px rgba(0,0,0,.6);
  }
  .mfeed__wordmark span{color:var(--giallo,#FFD23F);}
  .mfeed__chiudi{
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
    color:#fff;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;
    font-family:'Bricolage Grotesque',sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  }
  .mfeed__cards{display:block;}
  .mfeed__stato{
    height:60px;display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,.7);font-family:'IBM Plex Mono',monospace;font-size:12px;
    letter-spacing:.06em;scroll-snap-align:start;background:#0e0d0c;
  }

  .mcard{
    position:relative;height:100svh;width:100%;
    scroll-snap-align:start;scroll-snap-stop:always;
    display:flex;flex-direction:column;justify-content:flex-end;
    overflow:hidden;cursor:pointer;
  }
  .mcard__media{position:absolute;inset:0;z-index:0;background:#0e0d0c;}
  .mcard__media img,.mcard__media video{width:100%;height:100%;object-fit:cover;display:block;}
  .mcard__vuoto{display:block;width:100%;height:100%;background:linear-gradient(160deg,#23409A,#0e0d0c);}
  .mcard__sfuma{
    position:absolute;inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 38%, rgba(0,0,0,0) 62%);
  }
  .mcard__testo{position:relative;z-index:2;padding:0 20px 92px;}
  .mcard__kicker{
    display:inline-block;background:var(--giallo,#FFD23F);color:#161513;
    font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;margin-bottom:12px;
  }
  .mcard__titolo{
    font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
    font-size:29px;line-height:1.08;letter-spacing:-0.01em;
    text-shadow:0 2px 18px rgba(0,0,0,.5);margin-bottom:10px;
  }
  .mcard__somm{font-size:15.5px;line-height:1.45;color:#e9e9e9;margin-bottom:12px;text-shadow:0 1px 10px rgba(0,0,0,.5);}
  .mcard__data{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#c9c9c9;margin-bottom:14px;}
  .mcard__leggi{
    display:inline-block;background:#fff;color:#161513;
    font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;
    padding:11px 18px;border-radius:999px;text-decoration:none;
  }
  .mcard__swipe{
    position:absolute;left:0;right:0;bottom:26px;z-index:2;text-align:center;
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
    color:rgba(255,255,255,.75);text-transform:uppercase;
    animation:grd-swipe 1.8s ease-in-out infinite;
  }
  @keyframes grd-swipe{0%,100%{transform:translateY(0);opacity:.75;}50%{transform:translateY(-6px);opacity:1;}}
}

/* v3.7 — schede sezione (video/podcast) e badge nel feed mobile */
@media (max-width:768px){
  .mcard__play{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
    width:74px;height:74px;border-radius:50%;
    background:rgba(0,0,0,.45);border:2px solid #fff;color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:26px;
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  }
  .mcard--video .mcard__kicker--tv{background:#C8102E;color:#fff;}
  .mcard__kicker--pod{background:#1DB954;color:#04210f;}
  .mcard__vuoto--pod{background:radial-gradient(circle at 50% 38%, #1DB954 0%, #0b6b34 40%, #06331a 100%);}
  .mcard--podcast .mcard__disco{
    position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);z-index:2;
    width:150px;height:150px;border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%, #0e0d0c 16%, transparent 17%),
      repeating-radial-gradient(circle at 50% 50%, #1a1a1a 0 3px, #262626 3px 6px);
    border:3px solid rgba(255,255,255,.15);
    box-shadow:0 12px 40px rgba(0,0,0,.5);
    animation:grd-spin 6s linear infinite;
  }
  @keyframes grd-spin{to{transform:translate(-50%,-50%) rotate(360deg);}}
  .mcard--sezione .mcard__titolo{font-size:26px;}
}

/* v3.8 — hamburger e menu dentro il feed mobile */
@media (max-width:768px){
  .mfeed__ham{
    pointer-events:auto;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
    border-radius:10px;width:42px;height:38px;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  }
  .mfeed__ham span{display:block;width:20px;height:2px;background:#fff;transition:transform .2s,opacity .2s;}
  .mfeed__ham.attivo span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .mfeed__ham.attivo span:nth-child(2){opacity:0;}
  .mfeed__ham.attivo span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  .mfeed__top{align-items:center;}
  .mfeed__brand{flex:1;justify-content:center;display:flex;}

  .mfeed__menu{
    position:fixed;top:0;left:0;right:0;z-index:6;
    background:rgba(14,13,12,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    padding:76px 0 24px;
    transform:translateY(-100%);transition:transform .28s ease;
    max-height:88vh;overflow-y:auto;
    border-bottom:2px solid var(--giallo,#FFD23F);
  }
  .mfeed__menu.aperto{transform:translateY(0);}
  .mfeed__menu-lista{list-style:none;margin:0;padding:0;}
  .mfeed__menu-lista li{border-bottom:1px solid rgba(255,255,255,.1);}
  .mfeed__menu-lista a{
    display:block;padding:15px 24px;color:#fff;text-decoration:none;
    font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;
  }
  .mfeed__menu-lista a:active{background:rgba(255,255,255,.06);}
  .mfeed__menu-sito{
    display:block;margin:18px 24px 0;text-align:center;color:#161513;
    background:var(--giallo,#FFD23F);border-radius:999px;padding:13px;
    font-family:'Bricolage Grotesque',sans-serif;font-weight:800;text-decoration:none;
  }
}

/* =========================================================
   v4.0 — barra nera fissa SOLO mobile + carosello storie video
   ========================================================= */
.mbar, .mbar__menu{display:none;}
/* il carosello storie è SOLO mobile: nascosto di default (desktop) */
.stories{display:none;}

@media (max-width:768px){
  /* nascondi la testata desktop, mostra la barra nera */
  .site-header{display:none;}
  .mbar{
    display:flex;align-items:center;gap:10px;
    position:fixed;top:0;left:0;right:0;z-index:400;
    height:56px;padding:0 12px;
    background:#0e0d0c;border-bottom:1px solid #262626;
  }
  .mbar__ham{
    flex:none;background:none;border:0;width:40px;height:40px;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  }
  .mbar__ham span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s;}
  .mbar__ham.attivo span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .mbar__ham.attivo span:nth-child(2){opacity:0;}
  .mbar__ham.attivo span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .mbar__brand{flex:1;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;}
  .mbar__brand img{height:30px;width:auto;display:block;}
  .mbar__wordmark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;color:#fff;letter-spacing:-0.02em;}
  .mbar__wordmark span{color:var(--giallo,#FFD23F);}
  .mbar__edicola{
    flex:none;background:#C8102E;color:#fff;text-decoration:none;
    font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:13px;
    letter-spacing:.02em;text-transform:uppercase;padding:9px 14px;border-radius:4px;
  }
  /* spingi giù il contenuto per non finire sotto la barra fissa */
  body{padding-top:56px;}
  body.grd-mfeed-attivo{padding-top:0;} /* il feed a schermo intero copre tutto */

  /* menu a tendina della barra nera */
  .mbar__menu{
    display:block;position:fixed;top:56px;left:0;right:0;z-index:399;
    background:#0e0d0c;border-bottom:2px solid var(--giallo,#FFD23F);
    transform:translateY(-110%);transition:transform .26s ease;
    max-height:80vh;overflow-y:auto;
  }
  .mbar__menu.aperto{transform:translateY(0);}
  .mbar__menu-lista{list-style:none;margin:0;padding:0;}
  .mbar__menu-lista li{border-bottom:1px solid rgba(255,255,255,.1);}
  .mbar__menu-lista a{display:block;padding:15px 20px;color:#fff;text-decoration:none;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;}
  body.grd-mbar-menu-aperto{overflow:hidden;}

  /* ===== carosello STORIE video (stile Flash di Fanpage) ===== */
  .stories{display:block;padding:16px 0 6px;background:var(--paper,#FBFAF6);}
  .stories__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 12px;}
  .stories__titolo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;border-bottom:3px solid var(--giallo,#FFD23F);padding-bottom:2px;}
  .stories__tutti{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#161513;text-decoration:none;}
  .stories__strip{
    display:flex;gap:10px;overflow-x:auto;padding:0 16px 8px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .stories__strip::-webkit-scrollbar{display:none;}
  .story{
    flex:none;width:132px;height:210px;border-radius:12px;overflow:hidden;position:relative;
    scroll-snap-align:start;text-decoration:none;display:block;background:#0e0d0c;
    box-shadow:0 2px 10px rgba(0,0,0,.15);
  }
  .story__media{position:absolute;inset:0;}
  .story__media img,.story__media video{width:100%;height:100%;object-fit:cover;display:block;}
  .story__vuoto{width:100%;height:100%;background:linear-gradient(160deg,#23409A,#0e0d0c);}
  .story__sfuma{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0) 55%);}
  .story__play{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.5);border:1.5px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;}
  .story__logo{position:absolute;top:10px;left:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:10px;color:#fff;background:rgba(0,0,0,.35);padding:2px 6px;border-radius:3px;}
  .story__tit{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12.5px;line-height:1.18;}
}

/* v4.1 — scheda pubblicitaria a tutto schermo nel feed mobile */
@media (max-width:768px){
  .mcard--ad{
    background:#0e0d0c;color:#fff;
    align-items:center;justify-content:center;text-align:center;padding:70px 16px 90px;
  }
  .mcard__ad-et{
    position:absolute;top:64px;left:0;right:0;text-align:center;
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;
    text-transform:uppercase;color:rgba(255,255,255,.55);
  }
  .mcard__ad-box{width:100%;max-width:380px;margin:0 auto;min-height:300px;display:flex;align-items:center;justify-content:center;}
  .mcard__ad-box:empty::before,.mcard__ad-box > *:empty::before{content:"Spazio pubblicitario";color:rgba(255,255,255,.35);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;}
  .mcard__ad-box > *{max-width:100%;}
}

/* v4.4 — scheda edicola/settimanale nel feed mobile */
@media (max-width:768px){
  .mcard__kicker--edic{background:#C8102E;color:#fff;}
  .mcard__vuoto--edic{background:linear-gradient(160deg,#8E0B20,#0e0d0c);}
  .mcard--edicola .mcard__titolo{font-size:28px;}
}

/* v4.5 — titolo evidenziato nelle schede del feed mobile */
@media (max-width:768px){
  .mcard__titolo .evidenza{
    background:var(--giallo,#FFD23F);color:#161513;
    padding:0 .12em;border-radius:2px;
    box-decoration-break:clone;-webkit-box-decoration-break:clone;
  }
}

/* v4.8 — player Spotify dentro la scheda podcast del feed mobile */
@media (max-width:768px){
  .mcard--podcast .mcard__spotify{margin:8px 0 4px;}
  .mcard--podcast .mcard__spotify iframe{width:100%;height:152px;border:0;border-radius:12px;display:block;}
  .mcard--podcast .mcard__disco{display:none;}
}

/* =========================================================
   v5.0 — correlati sotto l'apertura come CARD con foto
   ========================================================= */
.apertura-correlati{margin-top:20px;padding-top:16px;border-top:1px solid var(--linea,#e4e0d5);}
.apertura-correlati__et{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--grigio,#8a8578);margin-bottom:12px;
}
.apertura-correlati__cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.rel-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.rel-card__foto{display:block;overflow:hidden;border:1px solid var(--ink,#161513);margin-bottom:8px;}
.rel-card__foto img,.rel-card__foto .thumb--vuoto{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;}
.rel-card__foto .thumb--vuoto{background:linear-gradient(160deg,#7C90C9,#23409A);}
.rel-card__kicker{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#23409A;margin-bottom:4px;
}
.rel-card__titolo{
  display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:15px;line-height:1.2;color:var(--ink,#161513);
}
.rel-card:hover .rel-card__titolo{text-decoration:underline;text-decoration-color:var(--giallo,#FFD23F);text-decoration-thickness:2px;}

@media (max-width:780px){
  .apertura-correlati__cards{grid-template-columns:1fr 1fr;gap:12px;}
  .rel-card__titolo{font-size:14px;}
}

/* v5.1 — scheda "Approfondisci" (correlati) nel feed mobile */
@media (max-width:768px){
  .mcard--correlati{background:#0e0d0c;color:#fff;align-items:stretch;justify-content:flex-start;padding:72px 16px 84px;}
  .mcorr{width:100%;max-width:560px;margin:0 auto;height:100%;display:flex;flex-direction:column;}
  .mcorr__et{
    display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
    font-size:26px;border-bottom:3px solid var(--giallo,#FFD23F);padding-bottom:6px;margin-bottom:16px;flex:none;
  }
  .mcorr__lista{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;}
  /* 2 card grandi che riempiono lo schermo */
  .mcorr__card{
    display:flex;flex-direction:column;text-decoration:none;color:#fff;
    flex:1;min-height:0;border-radius:14px;overflow:hidden;position:relative;
    background:#16161a;
  }
  .mcorr__foto{flex:1;min-height:0;width:100%;overflow:hidden;background:#23262e;position:relative;}
  .mcorr__foto img,.mcorr__vuoto{width:100%;height:100%;object-fit:cover;display:block;}
  .mcorr__vuoto{background:linear-gradient(160deg,#3a5aa8,#0e0d0c);}
  .mcorr__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0) 55%);}
  .mcorr__txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;}
  .mcorr__kicker{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--giallo,#FFD23F);margin-bottom:5px;}
  .mcorr__titolo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.5);}
}

/* v5.2 — pull-to-refresh, freccia torna-su, correlati pieni */
@media (max-width:768px){
  .mfeed__ptr{
    position:fixed;top:64px;left:0;right:0;z-index:6;text-align:center;
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;
    color:#fff;background:rgba(200,16,46,.9);padding:10px;
    transform:translateY(-120%);transition:transform .2s ease;
  }
  .mfeed__ptr.visibile{transform:translateY(0);}
  .mfeed__ptr.pronto{background:#128a3a;}
  .mfeed__top-arrow{
    position:fixed;right:14px;bottom:20px;z-index:7;
    width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
    background:var(--giallo,#FFD23F);color:#161513;font-size:22px;font-weight:800;
    box-shadow:0 4px 16px rgba(0,0,0,.4);
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .mfeed__top-arrow.visibile{opacity:1;pointer-events:auto;}
}

/* freccia torna-su per il SITO normale (desktop + mobile fuori dal feed) */
.grd-top-sito{
  position:fixed;right:20px;bottom:22px;z-index:120;
  width:46px;height:46px;border-radius:50%;border:2px solid var(--ink,#161513);cursor:pointer;
  background:var(--giallo,#FFD23F);color:var(--ink,#161513);font-size:22px;font-weight:800;
  box-shadow:4px 4px 0 var(--ink,#161513);
  opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.grd-top-sito.visibile{opacity:1;pointer-events:auto;}

/* =========================================================
   v5.4 — nascondi gli occhielli/etichette di categoria (opzione)
   Le categorie restano attive per menu e navigazione.
   ========================================================= */
body.grd-no-occhielli .kicker,
body.grd-no-occhielli .mcard__kicker,
body.grd-no-occhielli .mcorr__kicker,
body.grd-no-occhielli .rel-card__kicker,
body.grd-no-occhielli .story__logo{
  display:none !important;
}
/* le etichette speciali di sezione (TV, Podcast, Edicola) restano visibili */
body.grd-no-occhielli .mcard__kicker--tv,
body.grd-no-occhielli .mcard__kicker--pod,
body.grd-no-occhielli .mcard__kicker--edic{
  display:inline-block !important;
}