<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teatro al Mut - Rigoletto</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'teatro-bg': '#e8e6e1',
'teatro-brown': '#4a2c11',
'teatro-accent': '#6b8e23', // Verde oliva per richiamare la natura
'teatro-text': '#333333'
},
fontFamily: {
'serif': ['"Playfair Display"', 'serif'],
'sans': ['Lato', 'sans-serif'],
}
}
}
}
</script>
<style>
body {
background-color: #e8e6e1;
color: #333333;
}
</style>
<!-- Header / Nav -->
<header class="bg-white/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-200">
<div class="max-w-6xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="text-2xl font-serif font-bold text-teatro-brown tracking-wider">
TEATRO AL MUT
</div>
<nav class="hidden md:flex space-x-6 text-sm font-medium">
<a href="#aspettando" class="hover:text-teatro-accent transition-colors duration-200">Aspettando Rigoletto</a>
<a href="#rigoletto" class="hover:text-teatro-accent transition-colors duration-200">Rigoletto</a>
<a href="#info" class="hover:text-teatro-accent transition-colors duration-200">Info & Biglietti</a>
</nav>
</div>
</header>
<section class="relative py-20 px-4 md:py-32 overflow-hidden">
<div class="max-w-4xl mx-auto text-center relative z-10">
<h1 class="text-5xl md:text-7xl font-serif font-bold text-teatro-brown mb-6 drop-shadow-sm">
RIGOLETTO
</h1>
<p class="text-xl md:text-3xl font-serif italic text-gray-700 mb-8">
di Giuseppe Verdi
</p>
<p class="text-lg md:text-xl font-light mb-12 max-w-2xl mx-auto leading-relaxed">
Vivi l'emozione della grande opera lirica nella magica suggestione del Teatro al Mut, sotto la direzione artistica del tenore bellunese Domenico Menini.
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#rigoletto" class="bg-teatro-brown text-white px-8 py-3 rounded-full font-bold hover:bg-opacity-90 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
Scopri l'Evento
</a>
<a href="#aspettando" class="bg-transparent border-2 border-teatro-brown text-teatro-brown px-8 py-3 rounded-full font-bold hover:bg-teatro-brown hover:text-white transition-all duration-300">
Serata Introduttiva
</a>
</div>
</div>
<!-- Elementi grafici decorativi (richiamo ai "ritagli" della locandina) -->
<div class="absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none -z-10 flex justify-center items-center">
<div class="w-64 h-96 bg-teatro-brown rotate-45 transform origin-center mix-blend-multiply"></div>
<div class="w-64 h-96 bg-green-800 rotate-12 transform origin-center mix-blend-multiply -ml-20 mt-20"></div>
</div>
</section>
<section id="aspettando" class="py-16 md:py-24 bg-white">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center gap-12">
<div class="md:w-1/2">
<div class="inline-block px-4 py-1 rounded-full bg-gray-100 text-sm font-semibold text-gray-600 mb-4 tracking-wider uppercase">
Serata Introduttiva
</div>
<h2 class="text-3xl md:text-4xl font-serif font-bold text-teatro-brown mb-6">
Aspettando Rigoletto...
</h2>
<div class="bg-gray-50 border-l-4 border-teatro-accent p-6 mb-8 rounded-r-lg shadow-sm">
<div class="flex items-center mb-2">
<svg class="w-5 h-5 mr-2 text-teatro-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
<span class="font-bold text-lg">Martedì 21 luglio 2026</span>
</div>
<div class="flex items-center mb-2">
<svg class="w-5 h-5 mr-2 text-teatro-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span class="text-lg">Ore 20.30</span>
</div>
<div class="flex items-center">
<svg class="w-5 h-5 mr-2 text-teatro-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<span class="text-lg font-medium">Teatro S. Gaetano di Castion</span>
</div>
</div>
<p class="mb-4 text-gray-700 leading-relaxed">
L'associazione <strong>AMICI DEL MUT</strong> invita tutti alla serata introduttiva dell'opera lirica RIGOLETTO di Giuseppe Verdi.
</p>
<p class="mb-6 text-gray-700 leading-relaxed">
Il direttore artistico <strong>DOMENICO MENINI</strong> ed il regista <strong>DARIO TURRINI</strong> ci accompagneranno alla scoperta dell'opera lirica con presentazione della trama, dei personaggi, aneddoti e curiosità per meglio comprendere lo spettacolo che andrà in scena nei giorni 22 e 23 agosto presso il teatro al Mut.
</p>
<div class="inline-block bg-teatro-brown text-white px-6 py-2 rounded-lg font-semibold shadow-md">
Ingresso libero
</div>
<p class="text-sm text-gray-500 mt-4 italic">Evento organizzato dall'associazione Amici del Mut in collaborazione con la Proloco Pieve Castionese.</p>
</div>
<div class="md:w-1/2 flex justify-center">
<!-- Segnaposto per immagine locandina se necessario, o grafica stilizzata -->
<div class="w-full max-w-sm aspect-[3/4] bg-teatro-bg rounded-xl shadow-2xl relative overflow-hidden flex items-center justify-center border-8 border-white transform rotate-2 hover:rotate-0 transition-transform duration-500">
<div class="absolute inset-0 opacity-20 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMOCA4Wk04IDBMMCA4WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KPC9zdmc+')]"></div>
<div class="text-center p-8 relative z-10 bg-white/90 backdrop-blur-sm m-4 rounded shadow">
<p class="font-serif text-2xl text-teatro-brown mb-2">Aspettando</p>
<h3 class="font-serif text-4xl font-bold text-teatro-brown">RIGOLETTO</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href= https://youtube.com/playlist?list=PLWkq43KyOxIc&si=f51bBW0hTqxInC4E">Video Presentazione dell'Rigoletto 2026 </a></div>
<!-- /wp:button -->
<section id="rigoletto" class="py-16 md:py-24 bg-teatro-bg relative">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-serif font-bold text-teatro-brown mb-4">Lo Spettacolo</h2>
<div class="w-24 h-1 bg-teatro-accent mx-auto"></div>
</div>
<div class="bg-white rounded-3xl shadow-xl overflow-hidden flex flex-col lg:flex-row">
<!-- Colonna Info Date e Luogo -->
<div class="lg:w-5/12 bg-teatro-brown text-white p-10 flex flex-col justify-center">
<h3 class="text-3xl font-serif font-bold mb-8">RIGOLETTO</h3>
<ul class="space-y-6">
<li class="flex items-start">
<svg class="w-8 h-8 mr-4 text-teatro-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
<div>
<p class="text-sm uppercase tracking-wider text-gray-300">Quando</p>
<p class="text-xl font-bold">22 e 23 Agosto 2026</p>
<p class="text-lg">Ore 17.00</p>
</div>
</li>
<li class="flex items-start">
<svg class="w-8 h-8 mr-4 text-teatro-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<div>
<p class="text-sm uppercase tracking-wider text-gray-300">Dove</p>
<p class="text-xl font-bold">Teatro al Mut</p>
</div>
</li>
<li class="flex items-start">
<svg class="w-8 h-8 mr-4 text-teatro-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>
<div>
<p class="text-sm uppercase tracking-wider text-gray-300">Capienza</p>
<p class="text-lg">Massimo 200 persone</p>
</div>
</li>
</ul>
</div>
<div class="lg:w-7/12 p-10 md:p-14" id="info">
<div class="mb-10">
<h4 class="text-2xl font-serif font-bold text-teatro-brown border-b pb-2 mb-6">Ingresso e Biglietti</h4>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6">
<div class="bg-gray-50 p-4 rounded-lg border border-gray-100 flex justify-between items-center">
<span class="font-medium text-gray-700">Intero</span>
<span class="text-xl font-bold text-teatro-brown">€ 20,00</span>
</div>
<div class="bg-gray-50 p-4 rounded-lg border border-gray-100 flex justify-between items-center">
<div>
<span class="font-medium text-gray-700 block">Ridotto</span>
<span class="text-xs text-gray-500">Bambini fino a 12 anni</span>
</div>
<span class="text-xl font-bold text-teatro-brown">€ 10,00</span>
</div>
</div>
<h5 class="font-bold text-gray-800 mb-3">Prevendite</h5>
<ul class="space-y-3 text-gray-700 bg-orange-50/50 p-5 rounded-lg border border-orange-100">
<li class="flex items-start">
<span class="text-teatro-accent mr-2 mt-1">✓</span>
<span>Nei giorni <strong>3-4-5 agosto</strong> presso <strong>Caffè Deon</strong>.<br>
<span class="text-sm text-gray-500">Orario: 09.00 - 12.30 / 16.00 - 19.00</span></span>
</li>
<li class="flex items-start">
<span class="text-teatro-accent mr-2 mt-1">✓</span>
<span>Dal <strong>6 agosto</strong> prenotazioni telefonando al numero <a href="tel:+393357088216" class="font-bold hover:underline text-teatro-brown">335 70 88 216</a></span>
</li>
</ul>
</div>
<div>
<h4 class="text-2xl font-serif font-bold text-teatro-brown border-b pb-2 mb-6">Come Raggiungerci</h4>
<div class="space-y-4 text-gray-700">
<p class="flex items-center">
<svg class="w-5 h-5 mr-3 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path></svg>
<strong>Parcheggio:</strong> presso ristorante Nogherazza.
</p>
<p class="flex items-start bg-gray-50 p-4 rounded-lg">
<svg class="w-6 h-6 mr-3 text-teatro-accent mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
<span>Il <strong>Teatro al Mut</strong> si raggiunge con una passeggiata di <strong>45 minuti</strong> e un dislivello di <strong>200 metri</strong>.</span>
</p>
<div class="flex items-center justify-center p-4 bg-green-50 text-green-800 rounded-lg border border-green-200 mt-4 font-medium">
<!-- Icona Bici SVG Inline -->
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
<path stroke-linecap="round" stroke-linejoin="round" d="M12 14l9-5-9-5-9 5 9 5z"></path>
</svg>
Puoi venire anche in bici!
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-12 bg-white border-t border-gray-200">
<div class="max-w-6xl mx-auto px-4 text-center">
<p class="text-sm font-semibold text-gray-500 uppercase tracking-widest mb-8">Con il supporto di</p>
<div class="flex flex-wrap justify-center items-center gap-8 md:gap-12 opacity-70 grayscale hover:grayscale-0 transition-all duration-300">
<!-- Sostituire i src con i path effettivi ai loghi su wordpress -->
<!-- Utilizzo placeholder stilizzati per i loghi -->
<div class="text-sm font-bold text-gray-400">UNIFARCO<br><span class="text-xs font-normal">we care for care</span></div>
<div class="text-sm font-bold text-gray-400">REGIONE DEL VENETO</div>
<div class="text-sm font-bold text-gray-400">PROVINCIA DI BELLUNO</div>
<div class="text-sm font-bold text-gray-400">COMUNE DI BELLUNO</div>
<div class="text-sm font-bold text-gray-400">DOLOMITI BELLUNESI</div>
</div>
</div>
</section>
<footer class="bg-teatro-brown text-white py-12">
<div class="max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6">
<div class="text-center md:text-left">
<h2 class="text-2xl font-serif font-bold mb-2">Teatro al Mut</h2>
<p class="text-gray-300 text-sm">Info: 335 70 88 216</p>
</div>
<div class="flex flex-col items-center md:items-end">
<p class="text-gray-300 text-sm mb-3">Seguici su:</p>
<div class="flex space-x-4">
<!-- Icona Facebook -->
<a href="#" class="text-white hover:text-teatro-accent transition-colors">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path></svg>
</a>
<!-- Icona Instagram -->
<a href="#" class="text-white hover:text-teatro-accent transition-colors">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
<div class="max-w-6xl mx-auto px-4 mt-8 pt-4 border-t border-gray-700 text-center text-xs text-gray-400">
© 2026 Teatro al Mut. Tutti i diritti riservati.
</div>
</footer>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>Percorso d’ ascolto.
Il Barbiere di Siviglia – Protagonisti e arie (Percorso d’ascolto)
A cura del direttore artistico Domenico Menini.
Un percorso per scoprire i personaggi principali dell’opera di Gioachino Rossini, con interpretazioni memorabili e link per l’ascolto.
Indice
- Rosina – “Una voce poco fa”
- Don Basilio – “La calunnia”
- Don Bartolo – “A un dottor della mia sorte”
- Il Conte d’Almaviva – “Se il mio nome saper voi bramate”
- Figaro – “Largo al factotum”
Rosina – “Una voce poco fa”
Personaggio: Rosina è giovane, vivace e determinata; usa fascino e astuzia per inseguire libertà e amore.
Interprete: Cecilia Bartoli, mezzosoprano di fama internazionale, nota per vocalità calda e tecnica impeccabile.
Don Basilio – “La calunnia”
Personaggio: Maestro di musica intrigante e opportunista, celebre per il cinico consiglio di “spargere calunnie”.
Interprete: Ruggero Raimondi, voce autorevole e presenza scenica straordinaria.
Don Bartolo – “A un dottor della mia sorte”
Personaggio: Tutore geloso e autoritario di Rosina, spesso raggirato dagli altri.
Interprete: Enzo Dara, celebre per comicità irresistibile e virtuosismo rossiniano.
Il Conte d’Almaviva – “Se il mio nome saper voi bramate”
Personaggio: Giovane nobile innamorato di Rosina, tra travestimenti e astuzie con spirito giocoso.
Interprete: Luis Alva, tenore di grazia dal timbro chiaro e fraseggio raffinato.
Figaro – “Largo al factotum”
Personaggio: Barbiere scaltro e carismatico, risolve ogni situazione con astuzia e ironia.
Interprete: Leo Nucci, energia e maestria in una delle arie più celebri dell’opera, che conclude la nostra raccolta.
Questa raccolta conclude il percorso d’ascolto dedicato a Il Barbiere di Siviglia. Buona musica!
IL BARBIERE DI SIVIGLIA 2025
Dopo il Sold Out, pronti per l’Opera! 🎭
⚠️ IMPORTANTE Lo spettacolo di oggi sabato 23,il Barbiere di Siviglia previsto al Teatro al Mut è spostato, causa previsioni di maltempo, al Centro Giovanni XXIII – Piazza Piloni, Belluno. ⏰ Stessi orari.*
Comunicato dell’organizzazione:
“Abbiamo atteso fino all’ultimo prima di prendere questa difficile decisione.
Purtroppo, nelle ultime ore le previsioni meteo annunciano un peggioramento, con pioggia proprio nelle ore dello spettacolo. Correre il rischio di doverlo interrompere definitivamente sarebbe una responsabilità che non possiamo prenderci.”
I biglietti sono terminati… ma l’attesa è appena iniziata!
Ora non ci resta che prepararci a vivere Il Barbiere di Siviglia nella magica cornice del Teatro al Mut.
Restate sintonizzati e… lasciatevi trasportare dalla musica di Rossini!