.calcolatore-lustri {
        text-align: center;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid #e0e0e0;
        /* Usa padding in percentuale o rem per fluidità */
        padding: 1.5rem; 
        border-radius: 15px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        color: #333333;
        /* max-width impedisce al box di allargarsi troppo su PC */
        max-width: 400px; 
        /* width: 90% garantisce che rimanga un margine sui lati dello smartphone */
        width: 90%; 
        margin: 20px auto; 
        font-family: sans-serif;
        box-sizing: border-box; /* Evita problemi di calcolo delle larghezze */
    }
    
    .calcolatore-lustri h3 {
        margin: 0 0 10px 0;
        font-size: 1.5rem;
        color: #222;
    }
    
    .calcolatore-lustri p {
        margin: 0;
        font-size: 1rem;
        color: #666;
    }
    
    .calcolatore-lustri .numero-lustri {
        /* Usa 'vw' o 'rem' per un font che si adatta allo schermo */
        font-size: 1.5rem; 
        font-weight: bold;
        margin-top: 15px;
        color: #007BFF; 
        display: inline-block;
        animation: miniPulse 2s infinite alternate;
    }
    
    @keyframes miniPulse {
        from { transform: scale(1); }
        to { transform: scale(1.04); }
    }

    /* Regole specifiche per schermi molto piccoli (Smartphone) */
    @media (max-width: 480px) {
        .calcolatore-lustri {
            padding: 1.2rem; /* Riduce lo spazio interno */
        }
        .calcolatore-lustri h3 {
            font-size: 1.25rem; /* Rimpicciolisce il titolo */
        }
        .calcolatore-lustri .numero-lustri {
            font-size: 2.3rem; /* Ridimensiona il numero per non farlo andare a capo */
        }
    }
    
    
    .box-lustri-responsive {
        text-align: center;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        padding: 2rem;
        border-radius: 16px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        color: #1a202c;
        max-width: 420px;
        width: 100%;
        margin: 24px auto;
        font-family: system-ui, -apple-system, sans-serif;
        box-sizing: border-box;
    }

    .box-lustri-responsive h3 {
        margin: 0 0 8px 0;
        font-size: 1.35rem;
        font-weight: 700;
        color: #2d3748;
    }

    .box-lustri-responsive p {
        margin: 0;
        font-size: 0.95rem;
        color: #718096;
    }

    .box-lustri-responsive .valore-lustri {
        font-size: 3.5rem;
        font-weight: 800;
        margin: 16px 0;
        color: #2563eb; /* Blu moderno */
        display: inline-block;
        letter-spacing: -0.05em;
        animation: pulseSuave 2.5s infinite alternate;
    }

    .box-lustri-responsive .info-data {
        font-size: 0.8rem;
        color: #a0aec0;
        margin-top: 8px;
    }

    @keyframes pulseSuave {
        from { transform: scale(1); }
        to { transform: scale(1.03); }
    }

    /* Ottimizzazione per schermi piccoli (Smartphone) */
    @media (max-width: 480px) {
        .box-lustri-responsive {
            padding: 1.5rem;
            width: 92%; /* Garantisce il margine sui bordi dello schermo */
        }
        .box-lustri-responsive h3 {
            font-size: 1.2rem;
        }
        .box-lustri-responsive .valore-lustri {
            font-size: 2.75rem; /* Impedisce al testo di andare a capo */
        }
    }