# Quiz Che Birra Sei

Beer Finder - Trova la tua birra ideale
    
    
    
        // Disabilita il preflight globale di Tailwind per NON rompere il tema di WordPress
        tailwind.config = {
            corePlugins: { preflight: false }
        }
    
    
        /* Reset isolato solo per il tool */
        #beer-finder-app *, #beer-finder-app ::before, #beer-finder-app ::after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }
        #beer-finder-app h1, #beer-finder-app h2, #beer-finder-app h3, #beer-finder-app p, #beer-finder-app ul {
            margin: 0;
            padding: 0;
        }
        #beer-finder-app ul { list-style: none; }
        #beer-finder-app button { background-color: transparent; cursor: pointer; }
        #beer-finder-app select { margin: 0; font-family: inherit; }
        
        /* Stili per le animazioni del risultato */
        .fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Radio button custom (nascosti e sostituiti dai label) */
        .radio-hidden {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        .radio-label {
            display: block;
            cursor: pointer;
            transition: all 0.2s;
        }
        .radio-hidden:checked + .radio-label {
            background-color: #fef3c7; /* amber-100 */
            border-color: #f59e0b; /* amber-500 */
            box-shadow: 0 0 0 2px #fef3c7;
        }
        .radio-hidden:checked + .radio-label .check-icon {
            opacity: 1;
            transform: scale(1);
        }
    

    
    
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Beer Finder - Trova la Birra Perfetta",
      "url": "https://www.iltuosito.it/beer-finder",
      "description": "Un quiz interattivo che consiglia lo stile di birra perfetto in base ai gusti personali dell'utente: livello di amaro, colore, grado alcolico e profilo aromatico.",
      "applicationCategory": "LifestyleApplication",
      "operatingSystem": "All",
      "browserRequirements": "Requires JavaScript",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "EUR",
        "availability": "https://schema.org/InStock"
      },
      "featureList": [
        "Algoritmo di raccomandazione stile birra",
        "Abbinamenti cibo-birra (Food Pairing)",
        "Consigli sul bicchiere ideale"
      ]
    }
    

    
    
    
        
            

            Il Sommelier della Birra
        
        

Rispondi a 4 semplici domande e scopri lo stile di birra perfetto per il tuo palato.
    

    
    
        
        
        
            

### 1. Che aspetto preferisci nel bicchiere?

            
                
                    
                    
                        
                        Chiara & Bionda
                    
                
                
                    
                    
                        
                        Ambrata & Rossa
                    
                
                
                    
                    
                        
                        Scura & Nera
                    
                
            
        

        
        
            

### 2. Quanto sopporti l'amaro?

            
                
                    
                    
                        🍯
                        Poco amaro
                        Preferisco la dolcezza
                    
                
                
                    
                    
                        ⚖️
                        Equilibrato
                        Né troppo, né poco
                    
                
                
                    
                    
                        🌿
                        Molto amaro
                        Amo le botte di luppolo
                    
                
            
        

        
        
            

### 3. E il grado alcolico?

            
                
                    
                    
                        Leggera
                        Fino al 5% (Dissetante)
                    
                
                
                    
                    
                        Media
                        Tra 5% e 7% (Classica)
                    
                
                
                    
                    
                        Forte
                        Oltre 7% (Da meditazione)
                    
                
            
        

        
        
            

### 4. Che profumi o sapori ricerchi?

            
                Seleziona un profilo aromatico...
                Frutta esotica, agrumi, pino (Luppolato)
                Crosta di pane, cracker, cereale (Maltato base)
                Caramello, biscotto, frutta rossa (Maltato ricco)
                Caffè, cioccolato, liquirizia (Tostato)
                Banana, chiodi di garofano, pepe (Lievito speziato)
            
        

        
            
                Scopri la mia Birra! 🍺
            
        
    

    
    
        
            
            
                

            

            

Il tuo abbinamento perfetto è:
            

## Nome Birra

            

Descrizione dello stile.
            
            
                
                    🌡️
                    

#### Servizio

                    

Temperatura
                    

Bicchiere
                
                
                    🍽️
                    

#### Food Pairing

                    

Cibo consigliato
                
                
                    📊
                    

#### Identikit

                    

Gradazione e colore
                
            

            
                Rifai il test
            
        
    

    // --- DATABASE STILI DI BIRRA E CARATTERISTICHE ---
    const beerStyles = [
        {
            id: 'pilsner',
            name: 'Pilsner / Helles',
            desc: 'La regina delle birre chiare. Dissetante, pulita, con un elegante sapore di cereale e un leggero tocco floreale o erbaceo dato dai luppoli nobili.',
            match: { color: ['chiara'], bitterness: ['poco', 'medio'], alcohol: ['leggera', 'media'], flavor: ['pane'] },
            temp: '4-7 °C', glass: 'Calice a chiudere o Boccale', food: 'Pizza, fritture leggere, carni bianche, formaggi freschi.',
            stats: 'Alcol: 4.5% - 5.5% | Colore: Oro chiaro'
        },
        {
            id: 'ipa',
            name: 'American IPA',
            desc: 'Un\'esplosione di luppolo. Presenta un amaro deciso ma ben bilanciato, con intensi aromi di frutta esotica, agrumi o resina di pino.',
            match: { color: ['chiara', 'ambrata'], bitterness: ['molto'], alcohol: ['media', 'forte'], flavor: ['agrumato'] },
            temp: '7-10 °C', glass: 'Pinta Americana', food: 'Hamburger, cibi speziati (messicano/indiano), formaggi erborinati.',
            stats: 'Alcol: 5.5% - 7.5% | Colore: Dorato intenso / Ambrato'
        },
        {
            id: 'weiss',
            name: 'Weissbier / Blanche',
            desc: 'Birra di frumento dissetante e leggermente torbida. Al palato è morbida, con lieviti che donano sentori inconfondibili di banana e chiodi di garofano (o coriandolo e buccia d\'arancia per le Blanche).',
            match: { color: ['chiara'], bitterness: ['poco'], alcohol: ['leggera', 'media'], flavor: ['speziato'] },
            temp: '5-8 °C', glass: 'Weizenbecker (vaso alto)', food: 'Salsicce (wurstel), insalate di mare, pesce al vapore.',
            stats: 'Alcol: 4.5% - 5.5% | Colore: Giallo paglierino torbido'
        },
        {
            id: 'stout',
            name: 'Stout / Porter',
            desc: 'Scura, avvolgente e misteriosa. Dominano i sentori di malto torrefatto che ricordano il caffè espresso, il cioccolato fondente e la liquirizia.',
            match: { color: ['scura'], bitterness: ['medio', 'molto'], alcohol: ['media', 'forte'], flavor: ['caffe', 'caramello'] },
            temp: '10-14 °C', glass: 'Pinta Inglese (Nonic)', food: 'Ostriche, dolci al cioccolato, carni stufate, formaggi stagionati.',
            stats: 'Alcol: 4.0% - 9.0% | Colore: Marrone scuro / Nero'
        },
        {
            id: 'dubbel',
            name: 'Belgian Dubbel / Strong Ale',
            desc: 'Un capolavoro monastico. Ricca e complessa, offre note dolci di frutta rossa disidratata (uvetta, prugna), caramello e un tocco speziato del lievito belga.',
            match: { color: ['ambrata', 'scura'], bitterness: ['poco'], alcohol: ['media', 'forte'], flavor: ['caramello', 'speziato'] },
            temp: '12-16 °C', glass: 'Coppa Trappista', food: 'Arrosti, selvaggina, formaggi molto stagionati.',
            stats: 'Alcol: 6.5% - 10.0% | Colore: Ambrato scuro / Bruno'
        },
        {
            id: 'paleale',
            name: 'Pale Ale / Bitter',
            desc: 'L\'equilibrio perfetto tra malto e luppolo. Una birra beverina dove il sapore biscottato del malto si sposa con note terrose, agrumate o fruttate.',
            match: { color: ['chiara', 'ambrata'], bitterness: ['medio'], alcohol: ['leggera', 'media'], flavor: ['pane', 'agrumato'] },
            temp: '8-12 °C', glass: 'Pinta', food: 'Fish and chips, carni alla griglia, antipasti misti.',
            stats: 'Alcol: 4.5% - 6.0% | Colore: Dorato / Rame'
        },
        {
            id: 'bock',
            name: 'Bock / Doppelbock',
            desc: 'Tradizione tedesca invernale. Una lager forte e corposa dove l\'amaro è quasi assente per lasciare spazio a intensi sapori di crosta di pane e caramello.',
            match: { color: ['ambrata', 'scura'], bitterness: ['poco'], alcohol: ['media', 'forte'], flavor: ['pane', 'caramello'] },
            temp: '9-12 °C', glass: 'Boccale o Calice a tulipano', food: 'Stinco di maiale, carni grasse, speck.',
            stats: 'Alcol: 6.0% - 8.5% | Colore: Rame scuro / Marrone'
        }
    ];

    document.addEventListener("DOMContentLoaded", () => {
        const form = document.getElementById('quiz-form');
        const resultSection = document.getElementById('result-section');
        const resetBtn = document.getElementById('reset-btn');

        form.addEventListener('submit', (e) => {
            e.preventDefault();
            
            // 1. Raccogli input utente
            const formData = new FormData(form);
            const userPrefs = {
                color: formData.get('color'),
                bitterness: formData.get('bitterness'),
                alcohol: formData.get('alcohol'),
                flavor: formData.get('flavor')
            };

            // 2. Algoritmo di calcolo punteggio
            let bestMatch = beerStyles[0];
            let highestScore = -1;

            beerStyles.forEach(beer => {
                let score = 0;
                
                // Assegna punti se il valore scelto dall'utente è presente tra le caratteristiche dello stile
                if (beer.match.color.includes(userPrefs.color)) score += 2; // Il colore ha peso 2
                if (beer.match.bitterness.includes(userPrefs.bitterness)) score += 2; // L'amaro ha peso 2
                if (beer.match.alcohol.includes(userPrefs.alcohol)) score += 1;
                if (beer.match.flavor.includes(userPrefs.flavor)) score += 3; // L'aroma è la cosa più importante (peso 3)

                if (score > highestScore) {
                    highestScore = score;
                    bestMatch = beer;
                }
            });

            // 3. Mostra Risultato
            document.getElementById('res-name').textContent = bestMatch.name;
            document.getElementById('res-desc').textContent = bestMatch.desc;
            document.getElementById('res-temp').textContent = bestMatch.temp;
            document.getElementById('res-glass').textContent = bestMatch.glass;
            document.getElementById('res-food').textContent = bestMatch.food;
            document.getElementById('res-stats').textContent = bestMatch.stats;

            // Nascondi form e mostra risultato con animazione
            form.classList.add('hidden');
            resultSection.classList.remove('hidden');
            
            // Scrolla al risultato per mobile
            resultSection.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        });

        resetBtn.addEventListener('click', () => {
            form.reset();
            resultSection.classList.add('hidden');
            form.classList.remove('hidden');
        });
    });