/* Modulo PANNELLO+HOME — rifiniture fasce/hero (v1).
   Base .tu-fascia/.tu-grid/.tu-hero in style.css (coordinatore); qui solo rifiniture.
   CSS var: --tu-primary, --tu-accent, --tu-bg, --tu-text, --tu-muted, --tu-border, --tu-max.
   Font: Georgia (testi), Arial (UI). */

/* Ritmo verticale e gerarchia titoli */
.tu-fascia { padding: 26px 0 30px; }
.tu-fascia-title { font-size: 1.02rem; margin-bottom: 18px; }
.tu-card h3 { font-weight: 700; }
.tu-card h3 a { color: var(--tu-text); }
.tu-card h3 a:hover { color: var(--tu-primary); text-decoration: none; }
.tu-card > a:hover .tu-thumb { opacity: .92; }
.tu-card .tu-card-cat:hover { color: var(--tu-primary); text-decoration: none; }
.tu-thumb { border-radius: 2px; }

/* Hero: apertura grande a sinistra (2 righe) + 4 card su due colonne a destra */
.tu-hero { grid-auto-rows: min-content; }
.tu-hero .tu-card:first-child { grid-column: 1; grid-row: 1 / 3; }
.tu-hero .tu-card:first-child h3 { font-size: 1.55rem; line-height: 1.22; margin-top: 10px; }
.tu-hero .tu-card:not(:first-child) h3 { font-size: .98rem; }
@media (max-width: 800px) {
  .tu-hero .tu-card:first-child { grid-column: auto; grid-row: auto; }
  .tu-hero .tu-card:first-child h3 { font-size: 1.3rem; }
}

/* Fascia di chiusura "Ultime notizie" */
.tu-fascia-ultime { border-bottom: 0; }

/* Riga slot ADV tra le fasce (sidebar-1 / sidebar-2): il div è vuoto finché
   il modulo SLOTS non renderizza → :empty lo azzera. */
.tu-home-slot { margin: 22px 0; text-align: center; }
.tu-home-slot:empty { display: none; margin: 0; }