/* Spazi pubblicitari (ARCHITECTURE.md 9e). Solo token del tema. */
.sg-ad{display:block;margin:28px auto;text-align:center;max-width:100%}
.sg-ad__label{display:block;font-size:14px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.sg-ad a{display:inline-block;max-width:100%}
.sg-ad__crea[hidden]{display:none} /* rotazione: una sola visibile (assets/banner.js di sg-core) */
.sg-ad img{display:block;max-width:100%;height:auto;margin:0 auto}

/* posizioni */
/* «a giustezza» (P1b §7, revisione P2 §3): il riquadro è largo quanto la colonna (120–1160 a 1280, 18–882 a 900, 18–372 a 390),
   con fondo carta, padding e angoli come gli altri riquadri: la creatività (970×250, 696×150, 320×100…) sta centrata dentro e
   non «galleggia» nel bianco. Stesso componente in testa, nella home, nelle rubriche e negli articoli. */
.sg-ad--testa,.sg-ad--home-1,.sg-ad--home-2,.sg-ad--home-3,.sg-ad--sezione{box-sizing:border-box;width:calc(100% - 2 * var(--gutter));max-width:var(--col,1040px);margin:24px auto}
.sg-ad--testa,.sg-ad--home-1,.sg-ad--home-2,.sg-ad--home-3,.sg-ad--sezione,.sg-ad--articolo,.sg-ad--fine-articolo{padding:14px 16px;border-radius:var(--radius);background:var(--paper)}
.sg-ad--testa{margin:18px auto 6px}
.sg-ad--articolo,.sg-ad--fine-articolo{box-sizing:border-box;margin:34px 0}
.sg-ad--colonna-1,.sg-ad--colonna-2{margin:0;max-width:300px}

/* segnaposto con le misure (solo copie di prova) */
.sg-ad__ph{box-sizing:border-box;width:calc(var(--w) * 1px);max-width:100%;aspect-ratio:var(--w)/var(--h);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
	background:repeating-linear-gradient(135deg,var(--paper) 0 14px,var(--paper-2) 14px 28px);border:2px dashed var(--muted);border-radius:6px;color:var(--navy);font-size:14px;padding:8px}
.sg-ad__ph b{font-size:22px;font-weight:900}
.sg-ad__ph span{color:var(--muted);line-height:1.25}
.sg-ad__ph--m{display:none}
@media(max-width:600px){
	.sg-ad__ph--d{display:none}
	.sg-ad__ph--m{display:flex}
	.sg-ad--testa{margin-top:12px}
}

/* publiredazionali */
.label--sponsor{color:var(--navy);background:var(--yellow,#f2be1a);padding:5px 10px;border-radius:6px}
.sg-sponsor-note{font-size:16px;line-height:1.45;background:var(--paper);border-left:4px solid var(--yellow,#f2be1a);padding:12px 16px;margin:0 0 24px;border-radius:0 8px 8px 0}

/* striscia del telefono: fissa in basso, chiudibile, mai sopra i 600 px */
.sg-strip{position:fixed;left:0;right:0;bottom:0;z-index:900;margin:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.12);padding:6px 52px 8px;text-align:center}
.sg-strip[hidden]{display:none}
.sg-strip .sg-ad__label{margin:0 0 4px}
.sg-strip img,.sg-strip .sg-ad__ph{max-height:100px;width:auto;max-width:100%}
.sg-strip .sg-ad__ph{width:320px;aspect-ratio:320/100}
.sg-strip__close{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;border:2px solid var(--navy);background:#fff;color:var(--navy);font-size:18px;font-weight:700;cursor:pointer}
.sg-strip-on body{padding-bottom:130px}
@media(min-width:601px){.sg-strip{display:none!important}}

.wrap .sg-ad--sezione{width:100%} /* dentro una .wrap la colonna è già quella giusta */
/* mai due riquadri «Pubblicità» uno dopo l'altro (revisione P2 §9): quando la colonna dell'articolo scende sotto il testo
   (≤ 1000) «colonna-1» finirebbe subito dopo «fine-articolo»; e in ogni caso due spazi attaccati non si stampano entrambi */
@media(max-width:1000px){.sg-ad--colonna-1{display:none}
  /* la colonna scende sotto il testo: la 300×250 rimasta nello stesso riquadro a tutta larghezza delle altre posizioni */
  .sg-ad--colonna-2{box-sizing:border-box;max-width:none;width:100%;margin:24px 0;padding:14px 16px;border-radius:var(--radius);background:var(--paper);text-align:center}}
.sg-ad + .sg-ad{display:none}

/* 22/10: a giustezza è la creatività orizzontale, non soltanto il fondino.
   Dimensioni di consegna e proporzioni restano quelle impostate dal commerciale.
   I vecchi quadrati restano a misura, senza un enorme riquadro colorato intorno. */
.sg-ad--wide{padding:0;border-radius:0;background:transparent}
.sg-ad--wide .sg-ad__label,.sg-ad--compact .sg-ad__label{text-align:left;line-height:1.3;margin-bottom:8px}
.sg-ad--wide .sg-ad__crea a,.sg-ad--wide picture{display:block;width:100%}
.sg-ad--wide img{width:100%;height:auto;margin:0}
.sg-ad--wide .sg-ad__crea a:focus-visible,.sg-ad--compact .sg-ad__crea a:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.sg-ad--compact.sg-ad--home-3{padding:12px 0 16px;border-radius:0;background:transparent;border-block:1px solid var(--line)}
.sg-ad--compact picture{display:block}
/* Al telefono si sfrutta tutta la colonna, mantenendo intatti rapporto e messaggio. */
@media(max-width:600px){
  .sg-ad--wide{margin-block:24px}
  .sg-ad--compact.sg-ad--home-3{margin-block:24px}
}