/* La pagina del Bitcoin ATM (cantiere bitcoin-atm, 16/10/2026; docs/sito.md «La pagina del Bitcoin ATM»). Sopra static/sito/sito.css e static/css/sito-negozi.css (mappa e stato del negozio). */
.btc-hero .sotto { max-width: 38rem; }
.btc-hero .nz-stato-riga { margin: .8rem 0 0; }
.btc-arte-quadro { display: flex; justify-content: center; }
.btc-arte { display: block; width: min(78vw, 320px); height: auto; }
.btc-titolo { font-size: clamp(1.5rem, 4.4vw, 2.1rem); margin: 0 0 1.25rem; }
.sezione-testa .btc-titolo { margin-bottom: .5rem; }
.btc-cosa h3, .btc-avvertenze h3, .btc-passi h3 { font-size: 1.12rem; margin: 0 0 .45rem; }
.btc-cosa p, .btc-avvertenze p, .btc-passi p { color: var(--testo-2); }

.btc-passi { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; counter-reset: none; }
.btc-passi li { position: relative; padding-top: 1.1rem; }
.btc-numero { display: inline-flex; width: 2.4rem; height: 2.4rem; border-radius: 50%; align-items: center; justify-content: center; background: var(--ambra); color: #1a1200; font-weight: 800; font-size: 1.1rem; margin-bottom: .7rem; box-shadow: 0 0 18px rgba(245, 165, 36, .35); }

.btc-dove { display: grid; gap: 1.5rem; align-items: start; }
.btc-dove .carta { max-width: 34rem; }
.btc-azioni-carta { margin-bottom: 0; }
.btc-mappa { max-width: 34rem; }

.btc-avvertenze .carta { border-color: rgba(245, 165, 36, .28); }
.btc-dettagli { margin: 1.5rem 0 0; font-weight: 700; }
.btc-negozio h2 { font-size: 1.35rem; margin-top: 0; }
.btc-negozio p { color: var(--testo-2); }
.btc-negozio .azioni { margin-bottom: 0; }
.btc-nota { margin-top: 2rem; }

/* il disegno: la moneta respira, la banconota entra, la carta si avvicina al lettore */
.btc-arte .btc-moneta { transform-box: fill-box; transform-origin: center; animation: btc-respira 3.6s ease-in-out infinite; }
.btc-arte .btc-banconota { animation: btc-entra 4.2s ease-in-out infinite; }
.btc-arte .btc-carta { animation: btc-avvicina 4.2s ease-in-out infinite; animation-delay: -2.1s; }
.btc-arte .btc-fessura { animation: btc-luce 2.2s ease-in-out infinite; }
.btc-arte .btc-cursore { animation: btc-lampeggia 1.1s steps(2, start) infinite; }
.btc-arte .s { transform-box: fill-box; transform-origin: center; animation: btc-luce 2.8s ease-in-out infinite; }
.btc-arte .s2 { animation-delay: -.9s; } .btc-arte .s3 { animation-delay: -1.8s; }
@keyframes btc-respira { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes btc-entra { 0%, 15% { transform: translateY(-10px); opacity: 0; } 35% { opacity: 1; } 70% { transform: translateY(12px); opacity: 1; } 85%, 100% { transform: translateY(16px); opacity: 0; } }
@keyframes btc-avvicina { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(14px); } }
@keyframes btc-luce { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes btc-lampeggia { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
  .btc-arte * { animation: none !important; }
}

@media (min-width: 720px) {
  .btc-passi { grid-template-columns: repeat(2, 1fr); }
  .btc-dove { grid-template-columns: 1fr 1fr; }
  .btc-arte { width: min(32vw, 340px); }
  .btc-arte-quadro { justify-content: flex-end; }
}
@media (min-width: 1000px) {
  .btc-passi { grid-template-columns: repeat(4, 1fr); }
}