/* ── Impaginazione «nuova» (vedi inc/impaginazione.php) ───────────────────────
   Fascia Primo piano, ultime notizie numerate, pubblicità nei formati standard IAB, contenuto sponsorizzato. */

/* Primo piano: fila di notizie con foto sotto il menu; si sfoglia con le frecce (computer) o con il dito (telefono) */
.g-pp { background: var(--g-surface); border-bottom: 1px solid var(--g-border); }
.g-pp__in { position: relative; display: flex; align-items: stretch; gap: 1rem; padding-top: .75rem; padding-bottom: .75rem; }
.g-pp__title { flex: none; display: flex; align-items: center; padding-right: 1rem; border-right: 3px solid var(--g-accent, var(--g-brand)); font-family: var(--g-cond, var(--g-mono)); font-size: 1.05rem; font-weight: 700; font-style: italic; text-transform: uppercase; letter-spacing: .02em; line-height: 1; color: var(--g-text); writing-mode: horizontal-tb; }
.g-pp__list { display: flex; gap: 0; min-width: 0; flex: 1; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.g-pp__list::-webkit-scrollbar { display: none; }
.g-pp__item { flex: 0 0 17.5rem; scroll-snap-align: start; }
.g-pp__item + .g-pp__item { border-left: 1px solid var(--g-border); }
.g-pp__item a { display: flex; gap: .7rem; align-items: center; padding: 0 1rem; height: 100%; }
.g-pp__img { width: 4rem; height: 4rem; flex: none; object-fit: cover; }
.g-pp__txt { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.g-pp__cat { font-family: var(--g-cond, var(--g-mono)); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.g-pp__t { font-family: var(--g-display); font-size: 14.5px; font-weight: 500; line-height: 1.25; color: var(--g-text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-variant-numeric: lining-nums; }
.g-pp__item a:hover .g-pp__t { color: var(--g-brand); }
.g-pp__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid var(--g-border); background: var(--g-surface); color: var(--g-text); font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
.g-pp__nav:hover { background: var(--g-brand); border-color: var(--g-brand); color: var(--g-on-brand); }
.g-pp__nav--prev { left: calc(9.5rem); }
.g-pp__nav--next { right: .5rem; }
.g-pp__nav[hidden] { display: none; }
@media (max-width: 767px) {
  .g-pp__in { flex-direction: column; gap: .5rem; padding-top: .6rem; padding-bottom: .6rem; }
  .g-pp__title { border-right: 0; border-left: 3px solid var(--g-accent, var(--g-brand)); padding: 0 0 0 .5rem; font-size: .95rem; }
  .g-pp__item { flex-basis: 15rem; }
  .g-pp__item a { padding: 0 .75rem 0 0; }
  .g-pp__item + .g-pp__item a { padding-left: .75rem; }
  .g-pp__nav { display: none; }
}

/* Ultime notizie: numerate e ferme, con l'ora */
.g-ultime__list { counter-reset: none; }
.g-ultime__item { display: flex; gap: .85rem; padding: .8rem 0; }
.g-ultime__item + .g-ultime__item { border-top: 1px solid var(--g-border); }
.g-ultime__n { flex: none; width: 1.6rem; font-family: var(--g-display); font-size: 1.9rem; font-weight: 700; line-height: .9; color: var(--g-brand); font-variant-numeric: lining-nums; }
.g-ultime__item a { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.g-ultime__meta { font-family: var(--g-cond, var(--g-mono)); font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--g-muted); }
.g-ultime__meta time { color: var(--g-text); }
.g-ultime__t { font-family: var(--g-display); font-size: 15.5px; font-weight: 500; line-height: 1.3; color: var(--g-text); font-variant-numeric: lining-nums; }
.g-ultime__item a:hover .g-ultime__t { color: var(--g-brand); }

/* Pubblicità, formati standard IAB: lo spazio è riservato prima che il banner arrivi (la pagina non «salta») */
.g-spz--billboard { max-width: 970px; margin-left: auto; margin-right: auto; }
.g-spz__box--billboard { display: flex; aspect-ratio: 970 / 250; height: auto; }
.g-spz__box--billboard > a, .g-spz__box--billboard > .g-spzlibero { flex: 1; }
.g-spz__box--billboard .g-spzlibero { flex-direction: row; gap: 1rem; }
.g-spz--mpu, .g-spz--halfpage { width: 300px; max-width: 100%; margin-left: auto; margin-right: auto; }
.g-spz__box--mpu { width: 300px; height: 250px; }
.g-spz__box--halfpage { width: 300px; height: 600px; }
.g-spz--mpu .g-spz__label, .g-spz--halfpage .g-spz__label { text-align: center; }
.g-spz__media { border-radius: 0; }
.g-spz--sticky { position: sticky; top: 1.5rem; }
.admin-bar .g-spz--sticky { top: calc(32px + 1.5rem); }
@media (max-width: 1023px) { .g-spz--halfpage { display: none; } }
@media (max-width: 639px) { .g-spz__box--billboard .g-spzlibero { flex-direction: column; gap: .2rem; } .g-spz__box--billboard .g-spzlibero__brand, .g-spz__box--billboard .g-spzlibero__size { display: none; } }
/* dentro l'articolo il rettangolo sta al centro, staccato dal testo */
.g-inline-ad .g-spz--mpu { margin-top: 2rem; margin-bottom: 2rem; }

/* Contenuto sponsorizzato: una scheda come le altre, ma su fondo diverso e con la dicitura ben visibile */
.g-native { background: var(--g-surface-2); }
.g-native .g-card__body { padding: 0 .9rem 1rem; }
.g-native .g-card__meta { padding-top: .75rem; }
.g-native__label { display: inline-block; padding: .15rem .5rem; background: var(--g-accent, var(--g-brand)); color: #111; font-family: var(--g-cond, var(--g-mono)); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.g-native .g-card__title { border-left-color: var(--g-accent, var(--g-brand)) !important; }
.g-native__cta { font-family: var(--g-cond, var(--g-mono)); font-size: 14px; font-weight: 700; color: var(--g-brand); }
.g-native__ph { aspect-ratio: 16 / 9; background: repeating-linear-gradient(135deg, var(--g-surface-2) 0 14px, color-mix(in srgb, var(--g-border) 70%, transparent) 14px 15px); border-bottom: 1px solid var(--g-border); }
