/* TEMI DELLE TAPPE Ogni tappa ha la sua classe sul . */ /* Stili condivisi da tutte le tappe (box immagine) */ /* Contenitore dell'immagine della tappa */ .box-immagine-tappa { margin-top: 28px; width: 100%; } /* L'immagine occupa tutto il contenitore e mantiene un aspetto ordinato */ .box-immagine-tappa img { width: 100%; height: 330px; object-fit: cover; /* ritaglia l'immagine senza deformarla */ display: block; /* elimina piccoli spazi indesiderati sotto l'immagine */ border-radius: 28px; box-shadow: 0 18px 45px rgba(20, 30, 60, 0.18); /* ombra morbida */ } /* --- DUOMO (giallo) --- */ /* Sfondo personalizzato della pagina del Duomo */ body.tappa-duomo { background: radial-gradient(circle at top left, #fff3a0, transparent 36%), linear-gradient(180deg, #fffde7 0%, #fff176 48%, #fffde7 100%); } /* Colore dei titoli nella pagina del Duomo */ .tappa-duomo .titolo-tappa, .tappa-duomo .titolo-sezione, .tappa-duomo .titolo-locale { color: #b8860b; } /* Stile dell'etichetta */ .tappa-duomo .etichetta { background-color: #fff176; color: #7a5800; } /* Colore di bottoni e numero della tappa */ .tappa-duomo .btn-scuro, .tappa-duomo .numero-tappa { background-color: #b8860b; } /* Sfondo della card dell'enigma */ .tappa-duomo .riddle-card { background: linear-gradient(135deg, #b8860b, #14213d); } /* --- STESICORO (azzurro) --- */ /* Sfondo personalizzato della pagina Stesicoro */ body.tappa-stesicoro { background: radial-gradient(circle at top left, #b3e5fc, transparent 36%), linear-gradient(180deg, #e1f5fe 0%, #b3e5fc 48%, #e1f5fe 100%); } /* Colore dei titoli */ .tappa-stesicoro .titolo-tappa, .tappa-stesicoro .titolo-sezione, .tappa-stesicoro .titolo-locale { color: #0277bd; } /* Etichetta con colore coerente alla tappa */ .tappa-stesicoro .etichetta { background-color: #b3e5fc; color: #01579b; } /* Bottoni e numero tappa */ .tappa-stesicoro .btn-scuro, .tappa-stesicoro .numero-tappa { background-color: #0277bd; } /* Card dell'enigma */ .tappa-stesicoro .riddle-card { background: linear-gradient(135deg, #0277bd, #14213d); } /* --- TEATRO (arancione) --- */ /* Sfondo personalizzato della pagina Teatro */ body.tappa-teatro { background: radial-gradient(circle at top left, #ffcc80, transparent 36%), linear-gradient(180deg, #fff3e0 0%, #ffcc80 48%, #fff3e0 100%); } /* Colore dei titoli */ .tappa-teatro .titolo-tappa, .tappa-teatro .titolo-sezione, .tappa-teatro .titolo-locale { color: #e65100; } /* Etichetta della tappa */ .tappa-teatro .etichetta { background-color: #ffcc80; color: #bf360c; } /* Bottoni e numero tappa */ .tappa-teatro .btn-scuro, .tappa-teatro .numero-tappa { background-color: #e65100; } /* Card dell'enigma */ .tappa-teatro .riddle-card { background: linear-gradient(135deg, #e65100, #14213d); } /* --- MONASTERO (viola) --- */ /* Sfondo personalizzato della pagina Monastero */ body.tappa-monastero { background: radial-gradient(circle at top left, #ce93d8, transparent 36%), linear-gradient(180deg, #f3e5f5 0%, #ce93d8 48%, #f3e5f5 100%); } /* Colore dei titoli */ .tappa-monastero .titolo-tappa, .tappa-monastero .titolo-sezione, .tappa-monastero .titolo-locale { color: #6a1b9a; } /* Etichetta della tappa */ .tappa-monastero .etichetta { background-color: #ce93d8; color: #4a148c; } /* Bottoni e numero tappa */ .tappa-monastero .btn-scuro, .tappa-monastero .numero-tappa { background-color: #6a1b9a; } /* Card dell'enigma */ .tappa-monastero .riddle-card { background: linear-gradient(135deg, #6a1b9a, #14213d); } /* --- URSINO (verde) --- */ /* Sfondo personalizzato della pagina Ursino */ body.tappa-ursino { background: radial-gradient(circle at top left, #a5d6a7, transparent 36%), linear-gradient(180deg, #e8f5e9 0%, #a5d6a7 48%, #e8f5e9 100%); } /* Colore dei titoli */ .tappa-ursino .titolo-tappa, .tappa-ursino .titolo-sezione, .tappa-ursino .titolo-locale { color: #2e7d32; } /* Etichetta della tappa */ .tappa-ursino .etichetta { background-color: #a5d6a7; color: #1b5e20; } /* Bottoni e numero tappa */ .tappa-ursino .btn-scuro, .tappa-ursino .numero-tappa { background-color: #2e7d32; } /* Card dell'enigma */ .tappa-ursino .riddle-card { background: linear-gradient(135deg, #2e7d32, #14213d); } /* --- ETNA (rosso) --- */ /* Sfondo personalizzato della pagina Etna */ body.tappa-etna { background: radial-gradient(circle at top left, #ef9a9a, transparent 36%), linear-gradient(180deg, #ffebee 0%, #ef9a9a 48%, #ffebee 100%); } /* Colore dei titoli */ .tappa-etna .titolo-tappa, .tappa-etna .titolo-sezione, .tappa-etna .titolo-locale { color: #b71c1c; } /* Etichetta della tappa */ .tappa-etna .etichetta { background-color: #ef9a9a; color: #7f0000; } /* Bottoni e numero tappa */ .tappa-etna .btn-scuro, .tappa-etna .numero-tappa { background-color: #b71c1c; } /* Card dell'enigma */ .tappa-etna .riddle-card { background: linear-gradient(135deg, #b71c1c, #14213d); }