/* --- CONFIGURAZIONE RIGIDA UI CON PALETTE LOGO --- */
        :root {
            --primary-dark: #0f2c59;       /* Azzurro scuro istituzionale */
            --primary-green: #10b981;      /* Verde brillante del brand */
            --primary-glow: rgba(16, 185, 129, 0.12); /* Trasparenza verde */
            --dark: #071426;               /* Sfondo scuro profondo per footer */
            --text-main: #1e293b;
            --text-muted: #64748b;
            --bg-body: #f1f5f9;            /* Grigio neutro azzurrato */
            --radius-xl: 24px;
            --radius-lg: 16px;
            --radius-md: 12px;
            --shadow-sm: 0 2px 8px rgba(15, 44, 89, 0.04);
            --shadow-md: 0 12px 30px rgba(7, 20, 38, 0.06);
            --transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
            --danger-glow: #fef2f2;
            --danger-border: #fca5a5;
            --success-glow: #f0fdf4;
            --success-border: #86efac;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-main);
            background-color: var(--bg-body);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        a { color: var(--primary-dark); text-decoration: none; transition: var(--transition); }
        
        /* Utility per accessibilità */
        .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

        .container {
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* --- TOP BAR INFO --- */
        .top-contact-bar {
            display: flex;
            justify-content: flex-end;
            gap: 24px;
            padding: 10px 24px 0 24px;
            font-size: 1.05rem;
            font-weight: 500;
            color: var(--text-muted);
        }
        .top-contact-bar a { color: var(--text-main); }
        .top-contact-bar a:hover { color: var(--primary-green); }

        /* --- HEADER --- */
        header {
            position: sticky;
            top: 16px;
            background: rgba(255, 255, 255, 0.93);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            margin: 8px 0 32px 0;
            z-index: 1000;
        }

        .header-wrap {
            display: flex;
            align-items: center;
            padding: 14px 24px;
            gap: 40px;
        }

        .logo img {
            max-height: 44px;
            width: auto;
            display: block;
        }

        #menu { flex-grow: 1; }
        #menu > ul { display: flex; list-style: none; gap: 4px; justify-content: flex-start; align-items: center; }
        #menu > ul > li { position: relative; padding-bottom: 4px; margin-bottom: -4px; } 

        #menu > ul > li > a, .dropdown-trigger {
            font-weight: 600;
            color: var(--primary-dark);
            font-size: 0.95rem;
            padding: 10px 16px;
            border-radius: var(--radius-md);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: transparent;
            border: none;
            cursor: pointer;
            font-family: inherit;
        }

        #menu > ul > li > a:hover, .dropdown-trigger:hover {
            background: var(--primary-glow);
            color: var(--primary-green);
        }

        /* --- SOTTOMENU --- */
        .sub-menus {
            position: absolute;
            top: calc(100% + 4px);
            left: 0;
            background: #ffffff;
            border: 1px solid rgba(15, 44, 89, 0.08);
            border-radius: var(--radius-md);
            box-shadow: 0 20px 40px rgba(7, 20, 38, 0.1);
            padding: 8px;
            min-width: 280px;
            list-style: none;
            display: none;
            flex-direction: column;
            z-index: 10;
        }

        .sub-menus li a {
            padding: 10px 14px;
            border-radius: 6px;
            color: #475569;
            font-size: 0.9rem;
            text-align: left;
            display: block;
            font-weight: 500;
        }

        .sub-menus li a:hover {
            background: var(--primary-glow);
            color: var(--primary-dark);
        }

        /* Attivazione Sottomenu Desktop */
        @media (min-width: 993px) {
            #menu > ul > li:hover .sub-menus,
            #menu > ul > li:focus-within .sub-menus {
                display: flex;
            }
        }

        /* Menu Mobile Toggle UI */
        .menu-toggle { display: none; }
        #responsive-menu { display: none; }

        @media (max-width: 992px) {
            .menu-toggle { 
                display: flex; flex-direction: column; gap: 5px; cursor: pointer; margin-left: auto; padding: 8px;
            }
            .menu-toggle span { width: 22px; height: 3px; background: var(--primary-dark); border-radius: 2px; }
            .header-wrap { justify-content: space-between; gap: 0; }
            
            #menu {
                position: absolute; top: calc(100% + 12px); left: 0; right: 0;
                background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-md);
                padding: 16px; display: none; border: 1px solid var(--bg-body);
            }
            
            #menu > ul { flex-direction: column; align-items: stretch; gap: 8px; }
            #responsive-menu:checked ~ #menu { display: block; }
            
            .sub-menus { position: relative; top: 0; box-shadow: none; border: none; padding-left: 16px; background: #f8fafc; margin-top: 4px; }
            .dropdown-open .sub-menus { display: flex; }
            .top-contact-bar { justify-content: center; }
        }

        /* --- BREADCRUMBS --- */
        .breadcrumbs_internal { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 24px; }
        .breadcrumbs_internal a { color: var(--text-muted); }

        /* --- MAIN CONTENT --- */
        main { background: white; padding: 56px; border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); margin-bottom: 40px; }
        h1, h2, h3 { font-family: 'Sora', sans-serif; color: var(--primary-dark); }
        h1 { font-size: 2.8rem; font-weight: 800; letter-spacing: -0.04em; margin-bottom: 16px; }
        .subtitle { font-size: 1.2rem; color: var(--text-muted); margin-bottom: 40px; }
        
        .descrizione { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 48px; color: #475569; }
        
           /* --- SEZIONE CODICE / FORMULA TECNICA --- */
        .technical-formula {
            background-color: #f8fafc;
            border-left: 4px solid var(--primary-dark);
            padding: 24px;
            border-radius: 0 var(--radius-md) var(--radius-md) 0;
            margin: 32px 0;
            font-family: 'Inter', sans-serif;
        }
        .technical-formula code {
            font-family: 'JetBrains Mono', monospace;
            color: #0f172a;
            background: #e2e8f0;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.95rem;
        }

        /* --- TABELLA DATI TECNICI --- */
        .tech-table-wrapper {
            overflow-x: auto;
            margin: 32px 0;
            border: 1px solid #e2e8f0;
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
        }
        .tech-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            font-size: 0.95rem;
        }
        .tech-table th {
            background-color: var(--primary-dark);
            color: white;
            padding: 16px;
            font-weight: 600;
        }
        .tech-table td {
            padding: 16px;
            border-bottom: 1px solid #e2e8f0;
            color: #334155;
        }
        .tech-table tr:last-child td { border-bottom: none; }
        .tech-table tr:nth-child(even) { background-color: #f8fafc; }
        .tech-table .highlight-green { color: var(--primary-green); font-weight: 600; }

        @media (max-width: 768px) {
            .descrizione { grid-template-columns: 1fr; }
            main { padding: 32px 20px; }
            h1 { font-size: 2.2rem; }
            .showcase-container { grid-template-columns: 1fr; }
        }

        /* --- CARD PRODOTTO --- */
        h2 { font-size: 1.75rem; margin-bottom: 24px; border-left: 4px solid var(--primary-green); padding-left: 12px; }
        .showcase-container {
            display: grid; grid-template-columns: 1.2fr 1fr; background: #ffffff;
            border-radius: var(--radius-xl); overflow: hidden; border: 1px solid #e2e8f0; box-shadow: var(--shadow-md); margin-bottom: 48px;
        }

        .img-responsive { width: 100%; height: 100%; object-fit: cover; display: block; }
        .showcase-item:last-child { padding: 48px; display: flex; flex-direction: column; justify-content: center; }
        .showcase-item h3 { font-size: 1.6rem; margin-bottom: 12px; }
        .showcase-item p { color: var(--text-muted); margin-bottom: 24px; }
        
        .cta-btn {
            display: inline-flex; background: var(--primary-dark); color: white; padding: 12px 24px;
            border-radius: var(--radius-md); font-weight: 600; align-self: flex-start;
        }
        .cta-btn:hover { background: var(--primary-green); transform: translateY(-1px); }

        /* --- GRID LINK SEO --- */
        .stab { background: #f8fafc; border-radius: var(--radius-lg); padding: 40px; border: 1px solid #e2e8f0; }
        .stab ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; list-style: none; margin-bottom: 24px; }
        .stab ul li a {
            display: flex; align-items: center; justify-content: space-between;
            padding: 14px 18px; background: white; border: 1px solid #e2e8f0;
            border-radius: var(--radius-md); color: var(--primary-dark); font-weight: 600;
        }
        .stab ul li a:hover { border-color: var(--primary-green); color: var(--primary-green); transform: translateX(2px); }
        .info { font-size: 0.85rem; color: var(--text-muted); text-align: center; }
        .info strong { color: var(--primary-dark); }

        /* --- FOOTER --- */
        footer { background-color: var(--dark); color: #94a3b8; padding: 64px 0 32px 0; }
        .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 48px; margin-bottom: 48px; }

        @media (max-width: 992px) { .footer-grid { grid-template-columns: 1fr; gap: 32px; } }

        .logo_footer img { margin-bottom: 16px; }
        .footer-brand p { font-size: 0.9rem; color: #64748b; max-width: 280px; }
        
        footer h4 { color: white; font-family: 'Sora', sans-serif; font-size: 0.95rem; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 2px solid var(--primary-green); padding-bottom: 4px; display: inline-block; }
        .footer-links { display: flex; flex-direction: column; gap: 10px; list-style: none; }
        .footer-links a { color: #94a3b8; font-size: 0.9rem; }
        .footer-links a:hover { color: var(--primary-green); }

        .table-orari { width: 100%; border-collapse: collapse; font-size: 0.85rem; color: #cbd5e1; }
        .table-orari tr { border-bottom: 1px solid #1e293b; }
        .table-orari tr:last-child { border-bottom: none; }
        .table-orari td { padding: 8px 0; }
        .table-orari td:last-child { text-align: right; font-weight: 500; color: white; }
        .table-orari .chiuso { color: #f87171; font-weight: 600; }

        .footer-bottom { border-top: 1px solid #1e293b; padding-top: 32px; display: flex; justify-content: space-between; font-size: 0.8rem; color: #475569; }

        /* --- TORNA SU --- */
        .back-to-top {
            position: fixed; bottom: 30px; right: 30px; background: white; color: var(--primary-dark);
            width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05); font-size: 0.9rem; border: 1px solid #e2e8f0; z-index: 999;
        }
        .back-to-top:hover { background: var(--primary-green); color: white; border-color: var(--primary-green); transform: translateY(-2px); }