/* Pagina articolo UNICA per tutti i siti (Armonie d'Itria, Banda, Majorette, Zattera): stesso aspetto, colori presi dal tema del sito. */
.art-sezione{--art-prim:var(--bd-profondo,var(--ad-profondo,var(--zc-navy,#12245a)));--art-acc:var(--bd-oro,var(--ad-oro,var(--zc-blue-mid,#d99a2b)));--art-sfondo:var(--bd-sabbia,#f3ead6);--art-raggio:var(--bd-raggio,14px);--art-ombra:var(--bd-ombra,0 10px 30px rgba(18,36,90,.12))}
.art-sezione{padding:2.5rem 0 3rem}
.art-byline{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.95rem;font-weight:600;color:var(--art-prim);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.12)}
.art-byline i{opacity:.7}
.art-copertina{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 30%;border-radius:var(--art-raggio);box-shadow:var(--art-ombra);margin-bottom:1.5rem}
.art-corpo{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;overflow-wrap:anywhere}
.art-corpo h2,.art-corpo h3{color:var(--art-prim);font-weight:700;margin-top:1.8rem}
.art-corpo img{max-width:100%;height:auto;border-radius:8px}
.art-corpo blockquote{margin:1.4rem 0;padding:.4rem 1.2rem;border-left:4px solid var(--art-acc);font-style:italic;color:var(--art-prim)}
.art-corpo a{font-weight:600}
.art-callout{background:var(--art-sfondo);border-left:4px solid var(--art-acc);border-radius:var(--art-raggio);padding:1.25rem 1.5rem;margin-bottom:1.5rem}
.art-callout h2{font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--art-prim);margin:0 0 .8rem}
.art-callout i{color:var(--art-prim);opacity:.75}
.art-azioni{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.art-altre{border-top:1px solid rgba(0,0,0,.12);padding-top:1.2rem;margin-top:.5rem}
.art-altre h2{font-size:1.05rem;font-weight:800;color:var(--art-prim);margin:0 0 .6rem}
.art-altre ul{list-style:none;padding:0;margin:0 0 1rem}
.art-altre li{margin-bottom:.45rem}
.art-altre small{color:#6c757d;margin-left:.4rem}
.art-indietro{font-weight:700;text-decoration:none}
.art-indietro:hover{text-decoration:underline}

/* Scheda articolo (elenchi e home): tutta cliccabile, foto 16:9, testo sulla foto con velo che segue il testo */
.art-scheda{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#1b3278,#12245a);color:#fff;text-decoration:none;box-shadow:0 4px 16px rgba(18,36,90,.14);transition:transform .2s,box-shadow .2s}
.art-scheda:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,36,90,.28)}
.art-scheda:focus-visible{outline:3px solid #fbb45f;outline-offset:3px}
.art-scheda img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s ease}
.art-scheda:hover img{transform:scale(1.05)}
.art-scheda-vuota{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:14%;font-size:2.4rem;color:rgba(255,255,255,.35)}
.art-scheda-testo{position:absolute;left:0;right:0;bottom:0;display:block;padding:2.6rem 1rem .8rem;background:linear-gradient(0deg,rgba(6,14,36,.93) 0%,rgba(6,14,36,.8) 45%,rgba(6,14,36,.4) 78%,rgba(6,14,36,0) 100%)}
.art-scheda-meta{display:block;font-size:.74rem;font-weight:700;letter-spacing:.06em;color:#f1c56b;margin-bottom:.2rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.art-scheda-titolo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1.05rem;font-weight:700;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.art-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
@media (prefers-reduced-motion:reduce){.art-scheda,.art-scheda img{transition:none}.art-scheda:hover{transform:none}.art-scheda:hover img{transform:none}}