/* ANTEPRIMA — Stile 2 "Portale"
   Ispirazione portali news: FASCE A SFONDO PIENO alternate a tutta larghezza
   (bianco / grigio-azzurro), barre di sezione piene con tab colorato, hero con
   titolo in overlay, chip categoria quadrati pieni. Angoli vivi, sans.
   Scoped su body.tu-stile-2. Niente border-radius. */

body.tu-stile-2 {
  --tu-border: #d7dee6; background: #eef2f6;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
body.tu-stile-2 .tu-card h3,
body.tu-stile-2 .tu-fascia-title,
body.tu-stile-2 .tu-article-title,
body.tu-stile-2 .tu-archive-title { font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

/* FASCE = bande piene a tutta larghezza, alternate. Le card restano bianche. */
body.tu-stile-2 .tu-fascia {
  border-bottom: 0; padding: 8px calc(50vw - 50%) 30px;
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  background: #fff;
}
body.tu-stile-2 .tu-fascia:nth-of-type(even) { background: #e4ebf2; }
body.tu-stile-2 .tu-fascia-title {
  display: inline-block; background: var(--tu-primary); color: #fff; border: 0;
  text-transform: uppercase; letter-spacing: .6px; font-size: .9rem; font-weight: 800;
  padding: 8px 14px; margin: 22px 0 18px;
}

/* Card in chiaro: bianche, bordo netto, ombra leggera, ANGOLI VIVI */
body.tu-stile-2 .tu-card {
  background: #fff; border: 1px solid var(--tu-border); border-radius: 0; overflow: hidden;
  box-shadow: 0 1px 3px rgba(20,30,50,.08); transition: box-shadow .15s ease, transform .15s ease;
}
body.tu-stile-2 .tu-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20,30,50,.15); }
body.tu-stile-2 .tu-thumb { border-radius: 0; aspect-ratio: 16/9; }
body.tu-stile-2 .tu-card > a:first-child { display: block; }
body.tu-stile-2 .tu-card-cat {
  display: inline-block; background: var(--tu-accent); color: #fff;
  padding: 3px 9px; border-radius: 0; font-size: .64rem; letter-spacing: .6px; font-weight: 700;
}
body.tu-stile-2 .tu-card-cat:hover { background: var(--tu-primary); color: #fff; text-decoration: none; }
/* Il rientro vale SOLO per le card della griglia (padding immagine); negli
   elenchi archivio il chip resta allineato al titolo. */
body.tu-stile-2 .tu-card > .tu-card-cat { margin: 12px 12px 0; }
body.tu-stile-2 .tu-card h3 { margin: 8px 12px 0; font-size: 1.02rem; font-weight: 700; }
body.tu-stile-2 .tu-card .tu-meta { display: block; margin: 6px 12px 14px; font-size: .72rem; }

/* Hero: prima card grande con titolo in overlay (immagine in absolute) */
body.tu-stile-2 .tu-hero { align-items: start; }
body.tu-stile-2 .tu-hero .tu-card:first-child { position: relative; min-height: 440px; }
body.tu-stile-2 .tu-hero .tu-card:first-child > a:first-child { position: absolute; inset: 0; display: block; }
body.tu-stile-2 .tu-hero .tu-card:first-child .tu-thumb { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
body.tu-stile-2 .tu-hero .tu-card:first-child::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(10,12,16,.85), rgba(10,12,16,.12) 52%, rgba(10,12,16,0) 78%);
}
body.tu-stile-2 .tu-hero .tu-card:first-child .tu-card-cat { position: absolute; top: 0; left: 0; z-index: 2; margin: 0; }
body.tu-stile-2 .tu-hero .tu-card:first-child h3 { position: absolute; left: 18px; right: 18px; bottom: 34px; z-index: 2; margin: 0; color: #fff; font-size: 1.6rem; line-height: 1.2; }
body.tu-stile-2 .tu-hero .tu-card:first-child h3 a { color: #fff; }
body.tu-stile-2 .tu-hero .tu-card:first-child .tu-meta { position: absolute; left: 18px; bottom: 14px; z-index: 2; margin: 0; color: #d9dee4; }
@media (max-width: 800px) { body.tu-stile-2 .tu-hero .tu-card:first-child h3 { font-size: 1.3rem; } }

/* Articolo */
body.tu-stile-2 .tu-article-cat { border-radius: 0; background: var(--tu-accent); }
body.tu-stile-2 .tu-article-cat:hover { background: var(--tu-primary); }
body.tu-stile-2 .tu-article-title { font-size: 2.3rem; font-weight: 800; letter-spacing: -.4px; }
body.tu-stile-2 .tu-single-main .tu-featured .tu-thumb { border-radius: 0; }
body.tu-stile-2 .tu-archive-title { font-weight: 800; }

/* ===== STRUTTURALE — Archivio "immagine a destra" (alla La Verità/categoria) =====
   Righe con thumbnail a DESTRA, separatori punteggiati, lead asimmetrico
   (testo a sinistra, immagine grande a destra). Solo layout, markup invariato. */
body.tu-stile-2 .tu-archive-list .tu-item { flex-direction: row-reverse; border-bottom: 1px dotted #c4ccd4; }
body.tu-stile-2 .tu-archive-list .tu-item-thumb { flex-basis: 240px; }
body.tu-stile-2 .tu-lead-sep { border-top: 1px dotted #c4ccd4; }
@media (min-width: 720px) {
  body.tu-stile-2 .tu-lead { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.55fr); column-gap: 26px; align-items: start; }
  body.tu-stile-2 .tu-lead-thumb { grid-column: 2; grid-row: 1 / span 5; }
  body.tu-stile-2 .tu-lead-thumb .tu-thumb { aspect-ratio: 16/10; width: 100%; object-fit: cover; }
  body.tu-stile-2 .tu-lead-meta,
  body.tu-stile-2 .tu-lead-title,
  body.tu-stile-2 .tu-lead-excerpt,
  body.tu-stile-2 .tu-lead-more { grid-column: 1; }
  body.tu-stile-2 .tu-lead-title { font-size: 1.95rem; }
}

/* ===== Sidebar ARTICOLO — versione "Portale": moduli a BOX con barra titolo colorata piena ===== */
body.tu-stile-2 .tu-aside .tu-widget { background: #fff; border: 1px solid var(--tu-border); padding: 0 14px 14px; }
body.tu-stile-2 .tu-aside .tu-widget-title {
  background: var(--tu-primary); color: #fff; border-left: 0; letter-spacing: .5px;
  margin: 0 -14px 12px; padding: 9px 14px;
}
body.tu-stile-2 .tu-aside .tu-recent li { border-bottom: 1px solid var(--tu-border); padding-bottom: 10px; }
body.tu-stile-2 .tu-aside .tu-recent li:last-child { border-bottom: 0; padding-bottom: 0; }
body.tu-stile-2 .tu-aside .tu-recent-thumb { width: 66px; height: 48px; flex-basis: 66px; border-radius: 0; }
body.tu-stile-2 .tu-aside .tu-recent-title { font-size: .82rem; }