/* Pagina d'attesa (27/10/2026): solo le due cose che il sito non ha. Tutto il resto è il foglio di stile del sito
   (assets/comune/comune.css, copiato da coming-soon/prepara.py). */
.stato { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: var(--testo-2); font-size: 0.9375rem; font-weight: 500; white-space: nowrap; }
.punto { width: 8px; height: 8px; border-radius: 50%; background: var(--accento); box-shadow: 0 0 0 0 color-mix(in srgb, var(--accento) 45%, transparent); animation: battito 2.4s ease-out infinite; }
@keyframes battito { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accento) 45%, transparent); } 70%, 100% { box-shadow: 0 0 0 10px transparent; } }
html.fermo .punto { animation: none; }
@media (prefers-reduced-motion: reduce) { .punto { animation: none; } }
/* al telefono la testata tiene solo marchio, tema e «Scrivici»: lo stato si legge già nella frase d'apertura */
@media (max-width: 640px) { .stato { display: none; } }
/* il tasto WhatsApp dell'apertura col suo segno: il foglio del sito non ha il segno dentro il bottone */
.apertura .bottone { display: inline-flex; align-items: center; gap: .55em; white-space: nowrap; }
.bottone-icona { width: 1.3em; height: 1.3em; flex: none; }
/* le cinque aree qui NON sono collegamenti (titolare 27/10: troppi «Parliamone su WhatsApp»): niente sollevamento al
   passaggio del mouse, che farebbe credere di poterci cliccare */
div.riquadro:hover { transform: none; box-shadow: none; }
div.riquadro:hover .riquadro-foto img { transform: none; }