/* ===== PULSANTE "PAGINA INIZIALE" E DISEGNO DELLA HOME (08/10/2026), comune alle 7 lingue =====
   - a.home-pulsante: in cima ai 462 libri e alle 7 pagine info (disegno a sinistra, etichetta e spiegazione a destra)
   - .home-disegno: il disegno nelle 7 pagine iniziali (solo illustrazione)
   Disegno: /img/bibbia-multimediale.svg. Se si cambia questo file, alzare ?v= nelle 476 pagine (08/10/2026: ?v=2 solo nelle 7 home, la correzione riguarda solo loro). */

.home-pulsante-riga { margin: 1rem auto 1.5rem; padding: 0 0.5rem; }
a.home-pulsante {
  display: flex; align-items: center; gap: 1rem; max-width: 30rem; margin: 0 auto; box-sizing: border-box;
  padding: 0.6rem 1.1rem 0.6rem 0.6rem; border: 2px solid #eece1a; border-radius: 14px;
  background: rgba(0, 0, 0, 0.25); color: #fff; text-decoration: none; text-align: left;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); transition: transform 0.15s, box-shadow 0.15s;
}
a.home-pulsante:hover, a.home-pulsante:focus { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45); color: #fff; }
a.home-pulsante img { width: 46%; max-width: 190px; height: auto; flex: none; border-radius: 10px; background: rgba(0, 0, 0, 0.25); }
.home-pulsante-testo { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 0.45rem; line-height: 1.25; }
.home-pulsante-etichetta {
  display: inline-flex; align-items: center; gap: 0.45em; padding: 0.4rem 0.9rem; border-radius: 999px;
  background: #eece1a; color: #172f55; font-weight: bold; font-size: 1rem;
}
.home-pulsante-etichetta svg { width: 1.15em; height: 1.15em; flex: none; }
.home-pulsante-testo small { font-size: 0.9rem; color: #ddd; }

.home-disegno { display: block; max-width: 300px; margin: 0 auto; }   /* display: block, altrimenti sul PC il disegno prende tutta la larghezza */
.home-disegno img { display: block; width: 100%; height: auto; }