{"id":7897,"date":"2025-12-18T09:23:52","date_gmt":"2025-12-18T08:23:52","guid":{"rendered":"https:\/\/www.nuovigioielli.com\/en\/?page_id=7897"},"modified":"2025-12-18T18:07:53","modified_gmt":"2025-12-18T17:07:53","slug":"prog","status":"publish","type":"page","link":"https:\/\/www.nuovigioielli.com\/en\/prog\/","title":{"rendered":"PROG"},"content":{"rendered":"\n\n    <style>\n        \/* ============================================\n           VARIABILI CSS - PERSONALIZZA I COLORI QUI\n           ============================================ *\/\n        :root {\n            \/* Colori Principali *\/\n            --primary-gold: #d4af37;\n            --primary-dark: #1a1a2e;\n            --primary-light: #f5f5f0;\n            \n            \/* Colori di Accento *\/\n            --accent-blue: #2e5266;\n            --accent-bronze: #cd7f32;\n            --accent-silver: #c0c0c0;\n            \n            \/* Sfondi *\/\n            --bg-dark: #0f0f1e;\n            --bg-medium: #2a2a3e;\n            --bg-light: #ffffff;\n            --bg-cream: #faf8f3;\n            \n            \/* Testo *\/\n            --text-primary: #1a1a2e;\n            --text-secondary: #5a5a6e;\n            --text-light: #ffffff;\n            --text-muted: #9a9aae;\n            \n            \/* Gradienti *\/\n            --gradient-gold: linear-gradient(135deg, #d4af37 0%, #cd7f32 100%);\n            --gradient-dark: linear-gradient(135deg, #0f0f1e 0%, #2a2a3e 100%);\n            --gradient-overlay: linear-gradient(180deg, rgba(15,15,30,0) 0%, rgba(15,15,30,0.8) 100%);\n            \n            \/* Font *\/\n            --font-heading: 'Cormorant Garamond', serif;\n            --font-body: 'Work Sans', sans-serif;\n        }\n\n        \/* ============================================\n           RESET E BASE\n           ============================================ *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            color: var(--text-primary);\n            background-color: var(--bg-cream);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* ============================================\n           SEZIONE HERO CON VIDEO DI SFONDO\n           Modifica qui: titolo, sottotitolo, statistiche\n           Per cambiare il video: modifica src in <video>\n           ============================================ *\/\n        .hero {\n            position: relative;\n            height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--gradient-dark);\n            overflow: hidden;\n        }\n\n        \/* Video di Sfondo Hero *\/\n       .hero-video-bg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 100vh;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    opacity: 0.3;\n    z-index: 1;\n}\n\n.hero-video-bg iframe {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 56.25vw;\n    min-height: 100vh;\n    min-width: 177.77vh;\n    transform: translate(-50%, -50%);\n}\n        }\n\n        \/* Grid Animato Hero *\/\n        .hero-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.1;\n            background-image: \n                repeating-linear-gradient(0deg, transparent, transparent 2px, var(--primary-gold) 2px, var(--primary-gold) 3px),\n                repeating-linear-gradient(90deg, transparent, transparent 2px, var(--primary-gold) 2px, var(--primary-gold) 3px);\n            background-size: 50px 50px;\n            animation: gridMove 20s linear infinite;\n            z-index: 2;\n        }\n\n        @keyframes gridMove {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(50px, 50px); }\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 3;\n            text-align: center;\n            padding: 2rem;\n            max-width: 1200px;\n        }\n\n        .hero-subtitle {\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            color: var(--primary-gold);\n            margin-bottom: 1rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.3s;\n        }\n\n        .hero-title {\n            font-family: var(--font-heading);\n            font-size: clamp(3rem, 8vw, 6rem);\n            font-weight: 700;\n            color: var(--text-light);\n            margin-bottom: 1.5rem;\n            line-height: 1.1;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.6s;\n        }\n\n        .hero-description {\n            font-size: 1.2rem;\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 2rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.9s;\n        }\n\n        .hero-stats {\n            display: flex;\n            justify-content: center;\n            gap: 4rem;\n            flex-wrap: wrap;\n            margin-top: 3rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 1.2s;\n        }\n\n        .stat-item {\n            text-align: center;\n        }\n\n        .stat-number {\n            font-family: var(--font-heading);\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--primary-gold);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n\n        .stat-label {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* ============================================\n           ELEMENTI COMUNI A TUTTE LE SEZIONI\n           ============================================ *\/\n        .section {\n            padding: 6rem 2rem;\n            position: relative;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 4rem;\n        }\n\n        .section-subtitle {\n            font-size: 0.9rem;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: var(--primary-gold);\n            margin-bottom: 1rem;\n            font-weight: 500;\n        }\n\n        .section-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin-bottom: 1.5rem;\n        }\n\n        .section-description {\n            font-size: 1.1rem;\n            color: var(--text-secondary);\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n\n        .decorative-line {\n            width: 60px;\n            height: 3px;\n            background: var(--gradient-gold);\n            margin: 2rem auto;\n        }\n\n        \/* ============================================\n           SEZIONE 1: LA NOSTRA STORIA (1985)\n           Modifica qui: anno, testo, immagine\n           ============================================ *\/\n        .story-section {\n            background: var(--bg-light);\n        }\n\n        .story-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            margin-top: 3rem;\n        }\n\n        .story-image {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            box-shadow: 20px 20px 0 var(--primary-gold);\n        }\n\n        .story-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.6s ease;\n        }\n\n        .story-image:hover img {\n            transform: scale(1.05);\n        }\n\n        .story-text {\n            padding: 2rem;\n        }\n\n        .story-text p {\n            margin-bottom: 1.5rem;\n            color: var(--text-secondary);\n            font-size: 1.05rem;\n            line-height: 1.8;\n        }\n\n        .story-year {\n            font-family: var(--font-heading);\n            font-size: 5rem;\n            font-weight: 700;\n            color: var(--primary-gold);\n            opacity: 0.2;\n            line-height: 1;\n            margin-bottom: 1rem;\n        }\n\n        \/* ============================================\n           SEZIONE 2: PUNTI DI FORZA\n           Modifica qui: icone, titoli, descrizioni\n           ============================================ *\/\n        .strengths-section {\n            background: var(--bg-dark);\n            color: var(--text-light);\n        }\n\n        .strengths-section .section-title,\n        .strengths-section .section-subtitle {\n            color: var(--text-light);\n        }\n\n        .strengths-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n\n        .strength-card {\n            background: var(--bg-medium);\n            padding: 2.5rem;\n            border-radius: 8px;\n            border-left: 4px solid var(--primary-gold);\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .strength-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: var(--gradient-gold);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .strength-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);\n        }\n\n        .strength-card:hover::before {\n            opacity: 0.1;\n        }\n\n        .strength-icon {\n            font-size: 2.5rem;\n            color: var(--primary-gold);\n            margin-bottom: 1.5rem;\n            display: block;\n            position: relative;\n            z-index: 1;\n        }\n\n        .strength-title {\n            font-family: var(--font-heading);\n            font-size: 1.5rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            color: var(--text-light);\n            position: relative;\n            z-index: 1;\n        }\n\n        .strength-description {\n            color: var(--text-muted);\n            line-height: 1.7;\n            font-size: 0.95rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ============================================\n           SEZIONE 3: TECNOLOGIE AVANZATE\n           Include 3 sub-sezioni:\n           - Laser Metal Fusion (con immagine)\n           - CNC 5 Assi (con VIDEO)\n           - Service Completo (con immagine)\n           ============================================ *\/\n        .tech-section {\n            background: var(--bg-cream);\n        }\n\n        .tech-showcase {\n            display: grid;\n            gap: 3rem;\n            margin-top: 3rem;\n        }\n\n        .tech-item {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n            background: var(--bg-light);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\n        }\n\n        .tech-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n        }\n\n        .tech-item:nth-child(even) {\n            direction: rtl;\n        }\n\n        .tech-item:nth-child(even) .tech-content {\n            direction: ltr;\n        }\n\n        \/* Container per Immagini *\/\n        .tech-image {\n            height: 400px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .tech-image::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: var(--gradient-overlay);\n        }\n\n        \/* Container per VIDEO nella sezione CNC *\/\n        .tech-video {\n            height: 400px;\n            position: relative;\n            overflow: hidden;\n            background: #000;\n        }\n\n        .tech-video video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .tech-video::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: var(--gradient-overlay);\n            pointer-events: none;\n        }\n\n        .tech-content {\n            padding: 3rem;\n        }\n\n        .tech-label {\n            display: inline-block;\n            padding: 0.5rem 1rem;\n            background: var(--gradient-gold);\n            color: var(--text-light);\n            font-size: 0.75rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            font-weight: 600;\n            border-radius: 20px;\n            margin-bottom: 1.5rem;\n        }\n\n        .tech-title {\n            font-family: var(--font-heading);\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: var(--text-primary);\n        }\n\n        .tech-description {\n            color: var(--text-secondary);\n            line-height: 1.8;\n            margin-bottom: 1.5rem;\n        }\n\n        .tech-features {\n            list-style: none;\n            padding: 0;\n        }\n\n        .tech-features li {\n            padding: 0.75rem 0;\n            padding-left: 2rem;\n            position: relative;\n            color: var(--text-secondary);\n        }\n\n        .tech-features li::before {\n            content: '\u2192';\n            position: absolute;\n            left: 0;\n            color: var(--primary-gold);\n            font-weight: bold;\n        }\n\n        \/* ============================================\n           SEZIONE 4: LAVORAZIONI E PRODUZIONI (TABELLA)\n           Modifica qui: liste delle lavorazioni\n           ============================================ *\/\n        .process-table {\n            background: var(--bg-light);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            margin-top: 3rem;\n        }\n\n        .process-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n        }\n\n        .process-row:last-child {\n            border-bottom: none;\n        }\n\n        .process-cell {\n            padding: 2rem;\n        }\n\n        .process-cell:first-child {\n            background: linear-gradient(135deg, var(--bg-medium) 0%, var(--primary-dark) 100%);\n            color: var(--text-light);\n            border-right: 2px solid var(--primary-gold);\n        }\n\n        .process-heading {\n            font-family: var(--font-heading);\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--primary-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        .process-list {\n            list-style: none;\n            padding: 0;\n            font-size: 0.95rem;\n            line-height: 2;\n        }\n\n        .process-list li {\n            padding: 0.5rem 0;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .process-list li::before {\n            content: '\u25c6';\n            position: absolute;\n            left: 0;\n            color: var(--primary-gold);\n            font-size: 0.7rem;\n        }\n\n        \/* ============================================\n           SEZIONE 5: GALLERIA REALIZZAZIONI\n           Modifica qui: immagini della gallery\n           ============================================ *\/\n        .gallery-section {\n            background: var(--bg-dark);\n            padding: 6rem 0;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            padding: 0 2rem;\n        }\n\n        .gallery-item {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            height: 300px;\n            cursor: pointer;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n            transition: transform 0.4s ease;\n        }\n\n        .gallery-item:hover {\n            transform: scale(1.05);\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .gallery-item:hover img {\n            transform: scale(1.1);\n        }\n\n        .gallery-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 1.5rem;\n            background: var(--gradient-overlay);\n            color: var(--text-light);\n            transform: translateY(100%);\n            transition: transform 0.4s ease;\n        }\n\n        .gallery-item:hover .gallery-overlay {\n            transform: translateY(0);\n        }\n\n        .gallery-title {\n            font-family: var(--font-heading);\n            font-size: 1.3rem;\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n        }\n\n        \/* ============================================\n           SEZIONE 6: CLEANFLOW\n           Modifica qui: testo e immagine CleanFlow\n           ============================================ *\/\n        .cleanflow-section {\n            background: var(--bg-cream);\n        }\n\n        .cta-button {\n            display: inline-block;\n            padding: 1rem 2.5rem;\n            background: var(--gradient-gold);\n            color: var(--text-light);\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n        }\n\n       \n        \/* ============================================\n           ANIMAZIONI SCROLL\n           ============================================ *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s ease;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* ============================================\n           RESPONSIVE - MOBILE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .story-grid,\n            .tech-item,\n            .process-row {\n                grid-template-columns: 1fr;\n            }\n\n            .tech-item:nth-child(even) {\n                direction: ltr;\n            }\n\n            .story-image {\n                box-shadow: 10px 10px 0 var(--primary-gold);\n            }\n\n            .hero-stats {\n                gap: 2rem;\n            }\n\n            .section {\n                padding: 4rem 1.5rem;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .hero {\n                height: 100vh;\n            }\n\n            .hero-stats {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .strengths-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SEZIONE HERO CON VIDEO DI SFONDO\n         ============================================ -->\n   <section class=\"hero\">\n    <!-- VIDEO YOUTUBE DI SFONDO -->\n    <div class=\"hero-video-bg\">\n        <iframe \n            src=\"https:\/\/www.youtube.com\/embed\/u3SvMqdlm8I?autoplay=1&#038;mute=1&#038;loop=1&#038;playlist=u3SvMqdlm8I&#038;controls=0&#038;showinfo=0&#038;rel=0&#038;modestbranding=1&#038;playsinline=1\"\n            frameborder=\"0\"\n            allow=\"autoplay; encrypted-media\"\n            allowfullscreen>\n        <\/iframe>\n    <\/div>\n        \n        <div class=\"hero-bg\"><\/div>\n        <div class=\"hero-content\">\n            <div class=\"hero-subtitle\">Dal 1985<\/div>\n            <h1 class=\"hero-title\">Progettazione<br>e Tecnologia<\/h1>\n            <p class=\"hero-description\">\n                Dove l&#8217;artigianato italiano incontra l&#8217;innovazione tecnologica. \n                Una perfetta sintesi tra tradizione e futuro.\n            <\/p>\n           \n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 1: LA NOSTRA STORIA (1985)\n         ============================================ -->\n    <section class=\"section story-section\">\n        <div class=\"container\">\n            <div class=\"story-grid\">\n                <!-- IMMAGINE STORIA - Modifica src per cambiarla -->\n                <div class=\"story-image\">\n                    <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/incastonatura-precisione.jpg?w=800&#038;h=1000&#038;fit=crop\" alt=\"Artigianato orafo\">\n                <\/div>\n                \n                <!-- TESTO STORIA - Modifica qui i contenuti -->\n                <div class=\"story-text\">\n                    <div class=\"story-year\">1985<\/div>\n                    <h2 class=\"section-title\" style=\"text-align: left; font-size: 2.5rem;\">La Nostra Storia<\/h2>\n                    <div class=\"decorative-line\" style=\"margin-left: 0;\"><\/div>\n                    <p>\n                        <strong>Nuovi Gioielli<\/strong> \u00e8 stata fondata nel 1985, momento in cui abbiamo scelto di mettere la nostra conoscenza e la nostra passione in un sogno. Dopo 35 anni, il nostro sogno continua ad essere realt\u00e0 in una perfetta combinazione tra tradizione ed innovazione, ricerca e sviluppo.\n                    <\/p>\n                    <p>\n                        Il nostro metodo si basa sulla continua ricerca di nuove idee, sull&#8217;aggiornamento delle nostre tecnologie proprietarie e sulle loro possibili nuove applicazioni.\n                    <\/p>\n                    <p>\n                        L&#8217;innovazione \u00e8 un valore di primaria importanza, il punto dal quale partire per sviluppare ogni nuova soluzione e l&#8217;obiettivo da raggiungere in ogni nuova sfida.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 2: PUNTI DI FORZA\n         ============================================ -->\n    <section class=\"section strengths-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-subtitle\">Excellence<\/div>\n                <h2 class=\"section-title\">I Nostri Punti di Forza<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n            \n            <!-- GRID PUNTI DI FORZA - Modifica le card -->\n            <div class=\"strengths-grid reveal\">\n                <!-- Card 1 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u26a1<\/span>\n                    <h3 class=\"strength-title\">La Flessibilit\u00e0<\/h3>\n                    <p class=\"strength-description\">\n                        Requisito fondamentale per non rimanere intrappolati nella complessit\u00e0 economica e sistemica a cui le imprese sono spesso coinvolte.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 2 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u2713<\/span>\n                    <h3 class=\"strength-title\">La Fattibilit\u00e0<\/h3>\n                    <p class=\"strength-description\">\n                        \u00c8 necessario che il progetto sia realizzabile, perch\u00e9 non basta avere un&#8217;idea ma \u00e8 necessario che questa sia concretamente attuabile.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 3 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u21bb<\/span>\n                    <h3 class=\"strength-title\">La Reazione al Cambiamento<\/h3>\n                    <p class=\"strength-description\">\n                        Non \u00e8 l&#8217;individuo pi\u00f9 forte e neppure quello pi\u00f9 intelligente a sopravvivere, ma quello che si adatta meglio al cambiamento.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 4 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u25c8<\/span>\n                    <h3 class=\"strength-title\">La Curiosit\u00e0<\/h3>\n                    <p class=\"strength-description\">\n                        A guidarci \u00e8 un sogno. L&#8217;ambizione di realizzarlo \u00e8 l&#8217;energia che ci permette di superare ostacoli e difficolt\u00e0. Rompere le regole significa definire le proprie.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 5 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u2605<\/span>\n                    <h3 class=\"strength-title\">Valorizzare i Clienti<\/h3>\n                    <p class=\"strength-description\">\n                        Solo i clienti possono giudicare la qualit\u00e0. La soddisfazione non \u00e8 garantita solo dalla qualit\u00e0 dei prodotti ma anche dall&#8217;assistenza fornita durante tutto il processo.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 3: TECNOLOGIE AVANZATE\n         Include 3 tecnologie principali\n         ============================================ -->\n    <section class=\"section tech-section\">\n        <div class=\"container\">\n            <!-- HEADER SEZIONE -->\n            <div class=\"section-header reveal\">\n                <div class=\"section-subtitle\">Innovation<\/div>\n                <h2 class=\"section-title\">Tecnologie Avanzate<\/h2>\n                <div class=\"decorative-line\"><\/div>\n                <p class=\"section-description\">\n                    Combiniamo l&#8217;artigianalit\u00e0 tradizionale con le pi\u00f9 avanzate tecnologie di produzione per creare gioielli unici e di altissima qualit\u00e0.\n                <\/p>\n            <\/div>\n\n            <div class=\"tech-showcase\">\n                \n                <!-- TECNOLOGIA 1: LASER METAL FUSION (con immagine) -->\n                <div class=\"tech-item reveal\">\n                    <!-- IMMAGINE - Modifica lo style=\"background-image\" -->\n                    <div class=\"tech-image\" style=\"background-image: url('https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/laser-metal-fusion.jpg?w=800&#038;h=600&#038;fit=crop');\"><\/div>\n                    \n                    <!-- CONTENUTO TESTO -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Additive Manufacturing<\/span>\n                        <h3 class=\"tech-title\">Laser Metal Fusion<\/h3>\n                        <p class=\"tech-description\">\n                            La stampa 3D metallica rappresenta il campo dell&#8217;industria manifatturiera additiva con il maggior potenziale di sviluppo. Un laser ad alta intensit\u00e0 fonde selettivamente le polveri metalliche creando oggetti tridimensionali in metallo con una precisione straordinaria.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Possibilit\u00e0 di creare geometrie complesse impossibili con metodi tradizionali<\/li>\n                            <li>Utilizzo di metalli nobili: oro, platino, bronzo, acciaio<\/li>\n                            <li>Creativit\u00e0 senza limiti tecnici di produzione<\/li>\n                            <li>Fusione tra estetica e tecnica meccanica<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- TECNOLOGIA 2: CNC 5 ASSI (con VIDEO) -->\n                <div class=\"tech-item reveal\">\n                    <!-- VIDEO CNC - Sostituisci src con il tuo video -->\n                    <div class=\"tech-video\">\n                        <video autoplay muted loop playsinline controls>\n                            <source src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/CNC_1.mp4\" type=\"video\/mp4\">\n                            <!-- Fallback: se il video non funziona, mostra un'immagine -->\n                            <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/CNC_1.mp4?w=800&#038;h=600&#038;fit=crop\" alt=\"CNC 5 Assi\">\n                        <\/video>\n                    <\/div>\n                    \n                    <!-- CONTENUTO TESTO -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Precision Technology<\/span>\n                        <h3 class=\"tech-title\">CNC 5 Assi<\/h3>\n                        <p class=\"tech-description\">\n                            Le macchine a controllo numerico a 5 assi permettono lavorazioni di altissima precisione combinando la rotazione della testa porta utensile con la rotazione del componente lungo gli altri 3 assi.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Riduzione drastica dei tempi di lavorazione<\/li>\n                            <li>Qualit\u00e0 e precisione costante dei componenti<\/li>\n                            <li>Creazione di superfici complesse e geometrie ad angolo vivo<\/li>\n                            <li>Efficienza produttiva stabile in produzioni multiple<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- TECNOLOGIA 3: SERVICE COMPLETO (con immagine) -->\n                <div class=\"tech-item reveal\">\n                    <!-- IMMAGINE - Modifica lo style=\"background-image\" -->\n                    <div class=\"tech-image\" style=\"background-image: url('https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/service-completo.jpg?w=800&#038;h=600&#038;fit=crop');\"><\/div>\n                    \n                    <!-- CONTENUTO TESTO -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Professional Service<\/span>\n                        <h3 class=\"tech-title\">Service Completo<\/h3>\n                        <p class=\"tech-description\">\n                            Le competenze dei nostri collaboratori sono continuamente aggiornate grazie alla molteplicit\u00e0 dei settori in cui operiamo: dall&#8217;occhialeria all&#8217;orologeria, dalla gioielleria al design.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Progettazione CAD e modellazione 3D professionale<\/li>\n                            <li>Prototipazione rapida in cera, resina, plastica e metallo<\/li>\n                            <li>Produzione stampi in gomma a caldo e freddo<\/li>\n                            <li>Lavorazione laser per marcature, incisioni e micro tagli<\/li>\n                            <li>Servizio pre e post vendita dedicato<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 4: LAVORAZIONI E PRODUZIONI\n         ============================================ -->\n    <section class=\"section\" style=\"background: var(--bg-light);\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-subtitle\">Expertise<\/div>\n                <h2 class=\"section-title\">Lavorazioni e Produzioni<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n\n            <!-- TABELLA LAVORAZIONI - Modifica le liste qui -->\n            <div class=\"process-table reveal\">\n                <!-- Riga 1: Lavorazioni | Produzioni -->\n                <div class=\"process-row\">\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Lavorazioni<\/h3>\n                        <ul class=\"process-list\">\n                            <li>Microfusione<\/li>\n                            <li>Lavorazione canna vuota<\/li>\n                            <li>Coniatura \u2013 Stampatura<\/li>\n                            <li>Incastonatura<\/li>\n                            <li>Lavorazione CNC<\/li>\n                            <li>Taglio Laser<\/li>\n                            <li>Progettazione interna e grafica 3D<\/li>\n                            <li>Prototipazione<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Produzioni<\/h3>\n                        <ul class=\"process-list\">\n                            <li>Microfusione<\/li>\n                            <li>CNC a 5 assi<\/li>\n                            <li>Laser per taglio ed incisione 2D e 3D<\/li>\n                            <li>Laser per saldatura<\/li>\n                            <li>Stampanti 3D<\/li>\n                            <li>Presse per stampaggio e coniatura<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Riga 2: Prototipazione | Made in Italy -->\n                <div class=\"process-row\">\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Prototipazione<\/h3>\n                        <ul class=\"process-list\">\n                            <li>3D Printer DLP<\/li>\n                            <li>3D Printer Laser Melting<\/li>\n                            <li>3D Printer Sterolitografia<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\" style=\"color: var(--primary-gold);\">Made in Italy<\/h3>\n                        <p style=\"color: var(--text-secondary); padding: 1rem 0; line-height: 1.8;\">\n                            Senza dimenticare la nostra pluriennale esperienza di artigianato italiano, \n                            dove ogni pezzo \u00e8 realizzato con passione, cura e dedizione da maestri orafi \n                            che tramandano tecniche secolari.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 5: GALLERIA REALIZZAZIONI\n         ============================================ -->\n    <section class=\"gallery-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-subtitle\" style=\"color: var(--primary-gold);\">Portfolio<\/div>\n                <h2 class=\"section-title\" style=\"color: var(--text-light);\">Le Lavorazioni Principali<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- GRID GALLERIA - Modifica le immagini src -->\n        <div class=\"gallery-grid reveal\">\n            <!-- Immagine 1 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/finiture-artigianali.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"CNC Machining\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Lavorazione Artigianali<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Immagine 2 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/lavorazione-cnc.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Incastonatura\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">CNC 5 Assi<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Immagine 3 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/design-3d.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Design\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Design 3D<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Immagine 4 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/prototipazione-rapida.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Prototipazione\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Prototipazione Rapida<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Immagine 5 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/tecnologia-laser.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Laser\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Tecnologia Laser<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Immagine 6 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/incastonatura-precisione.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Finishing\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Incastonatura<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================\n         SEZIONE 6: CLEANFLOW\n         ============================================ -->\n    <section class=\"section cleanflow-section\">\n        <div class=\"container\">\n            <div class=\"story-grid reveal\">\n                <!-- TESTO CLEANFLOW -->\n                <div class=\"story-text\">\n                    <span class=\"tech-label\">Innovation<\/span>\n                    <h2 class=\"section-title\" style=\"text-align: left; font-size: 2.5rem;\">L&#8217;idea CLEANFLOW<\/h2>\n                    <div class=\"decorative-line\" style=\"margin-left: 0;\"><\/div>\n                    <p>\n                        CLEANFLOW \u00e8 un kit che supporta il processo di preparazione dei cilindri per la microfusione. \u00c8 stato ideato per migliorare la fase di bruciatura e fuoriuscita del materiale durante il burnout del cilindro.\n                    <\/p>\n                    <p>\n                        Il principio su cui si basa riduce notevolmente i problemi dovuti ai residui di scorie all&#8217;interno del cilindro e delle bolle di gas di combustione che a fatica trovano via d&#8217;uscita con il sistema tradizionale.\n                    <\/p>\n                    <a href=\"#\" class=\"cta-button\">Scopri di Pi\u00f9<\/a>\n                <\/div>\n                \n                <!-- IMMAGINE CLEANFLOW - Modifica src -->\n                <div class=\"story-image\">\n                    <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/KitCleanFlow-2.png?w=800&#038;h=800&#038;fit=crop\" alt=\"CleanFlow\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n  \n\n    <!-- ============================================\n         JAVASCRIPT\n         ============================================ -->\n    <script>\n        \/\/ Scroll Reveal Animation\n        const revealElements = document.querySelectorAll('.reveal');\n        \n        const revealOnScroll = () => {\n            const windowHeight = window.innerHeight;\n            \n            revealElements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                const revealPoint = 150;\n                \n                if (elementTop < windowHeight - revealPoint) {\n                    element.classList.add('active');\n                }\n            });\n        };\n        \n        window.addEventListener('scroll', revealOnScroll);\n        revealOnScroll(); \/\/ Initial check\n\n        \/\/ Smooth Scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Parallax Effect for Hero\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            const hero = document.querySelector('.hero-content');\n            if (hero) {\n                hero.style.transform = `translateY(${scrolled * 0.5}px)`;\n                hero.style.opacity = 1 - (scrolled * 0.002);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dal 1985 Progettazionee Tecnologia Dove l&#8217;artigianato italiano incontra l&#8217;innovazione tecnologica. Una perfetta sintesi tra tradizione e futuro. 1985 La Nostra Storia Nuovi Gioielli \u00e8 stata fondata nel 1985, momento in cui abbiamo scelto di mettere la nostra conoscenza e la nostra passione in un sogno. Dopo 35 anni, il nostro sogno continua ad essere realt\u00e0 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/7897"}],"collection":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/comments?post=7897"}],"version-history":[{"count":9,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/7897\/revisions"}],"predecessor-version":[{"id":7929,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/7897\/revisions\/7929"}],"wp:attachment":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/media?parent=7897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}