{"id":860,"date":"2026-03-20T16:50:30","date_gmt":"2026-03-20T15:50:30","guid":{"rendered":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/punctatum-eccellenza-gutturnio-casa-benna\/"},"modified":"2026-03-20T16:50:30","modified_gmt":"2026-03-20T15:50:30","slug":"punctatum-eccellenza-gutturnio-casa-benna","status":"publish","type":"post","link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/punctatum-eccellenza-gutturnio-casa-benna\/","title":{"rendered":"Punctatum: l\u2019eccellenza Gutturnio di Casa Benna"},"content":{"rendered":"\n<!--SEZ.01.INIZIO-->\n<!--\nISTRUZIONI PER L'ASSISTENTE:\nSezione 01: riscrivi i testi usando il contenuto dell'articolo fornito. Mantieni la struttura HTML invariata.\n-->\n<section class=\"blog-hero-section\" id=\"blog-hero-section-id\">\n        <div class=\"blog-hero-content\">\n            <h1 id=\"blog-hero-title-id\">Punctatum: L\u2019Eccellenza del Gutturnio di Casa Benna<\/h1>\n \n            <p id=\"blog-hero-description-id\">\n                Scopri la storia e l\u2019identit\u00e0 di Punctatum, la selezione pi\u00f9 prestigiosa del Gutturnio Classico Riserva di Casa Benna: un vino che nasce da uve accuratamente selezionate nelle migliori annate, simbolo autentico dei Colli Piacentini e della tradizione vitivinicola locale.\n            <\/p>\n        <\/div>\n    <\/section>\n<!--SEZ.01.FINE-->\n\n<!--SEZ.02.INIZIO-->\n<!--\nISTRUZIONI PER L'ASSISTENTE:\nSezione 02: riscrivi i testi usando il contenuto dell'articolo fornito. Mantieni la struttura HTML invariata.\n-->\n<section class=\"blog-content-section\" id=\"blog-content-section-id\">\n        <div class=\"container\">\n            <div class=\"blog-content-wrapper\" id=\"blog-content-wrapper-id\">\n\n                <div class=\"blog-content-block animate-on-scroll\" id=\"blog-block-1-id\">\n                    <div class=\"blog-text\">\n                        <h2>La Selezione Punctatum: Origine e Filosofia<\/h2>\n                        <p>\n                            Dal 1990, nelle annate pi\u00f9 favorevoli, Casa Benna seleziona con attenzione le uve provenienti dalle porzioni pi\u00f9 vocate dei propri vigneti. Da questa scelta nasce Punctatum, una produzione limitata che rappresenta la massima espressione del Gutturnio Classico Riserva.\n                        <\/p>\n                        <p>\n                            Questo vino nasce da un percorso di vinificazione e affinamento pi\u00f9 lungo, pensato per valorizzare il carattere autentico del territorio dei Colli Piacentini. Ogni bottiglia racconta la storia delle sue origini, della terra e della tradizione che la ispira.\n                        <\/p>\n                    <\/div>\n                    <div class=\"blog-image\" \n                         style=\"background-image: url('https:\/\/stage.goshopfor.it\/template01\/wp-content\/uploads\/2025\/09\/blog-articolo-fermentazione-famiglia.webp');\" \n                         role=\"img\" \n                         aria-label=\"Vignaiolo indipendente che controlla i vigneti con passione\"\n                         id=\"blog-image-1-id\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"blog-content-block animate-on-scroll\" id=\"blog-block-2-id\">\n                    <div class=\"blog-text\">\n                        <h2>Denominazione e Metodo di Affinamento<\/h2>\n                        <h3>Tradizione e Scelta Consapevole<\/h3>\n                        <p>\n                            Punctatum pu\u00f2 fregiarsi della denominazione \u201cClassico\u201d poich\u00e9 le uve provengono dalla zona storica dei Colli Piacentini. La dicitura \u201cRiserva\u201d indica invece un affinamento di almeno 12 mesi in grandi botti di rovere, scelta che rispetta la tradizione locale e garantisce un\u2019evoluzione armonica senza coprire i profumi tipici del Gutturnio.\n                        <\/p>\n                        <ul>\n                            <li><strong>Selezione delle uve<\/strong> nelle migliori parcelle<\/li>\n                            <li><strong>Affinamento<\/strong> in grandi botti di rovere per almeno 12 mesi<\/li>\n                            <li><strong>Rispetto<\/strong> delle pratiche tradizionali del territorio<\/li>\n                            <li><strong>Vinificazione<\/strong> dedicata a esaltare la tipicit\u00e0 e la complessit\u00e0 del vino<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"blog-image\" \n                         style=\"background-image: url('https:\/\/stage.goshopfor.it\/template01\/wp-content\/uploads\/2025\/09\/blog-articolo-fermentazione-cisterne.webp');\" \n                         role=\"img\" \n                         aria-label=\"Cantina con vasche di fermentazione per la vinificazione in proprio\"\n                         id=\"blog-image-2-id\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"blog-content-block animate-on-scroll\" id=\"blog-block-3-id\">\n                    <div class=\"blog-text\">\n                        <h2>L\u2019Affinamento in Botte Grande: Tecnica e Tradizione<\/h2>\n                        <p>\n                            La scelta della botte grande non \u00e8 casuale: il rovere accompagna l\u2019evoluzione del vino senza sovrastarne le caratteristiche, offrendo un affinamento delicato e rispettoso dell\u2019identit\u00e0 varietale. Questa pratica, radicata nella storia delle cantine dei Colli Piacentini, mantiene vivo il legame con la cultura vitivinicola locale e garantisce un vino coerente con le sue origini.\n                        <\/p>\n                        <p>\n                            Solo un affinamento attento e prolungato permette a Punctatum di esprimere al meglio la complessit\u00e0, la struttura e la longevit\u00e0 che lo rendono un punto di riferimento per chi cerca l\u2019autenticit\u00e0 del territorio nel calice.\n                        <\/p>\n                    <\/div>\n                    <div class=\"blog-image\" \n                         style=\"background-image: url('https:\/\/stage.goshopfor.it\/template01\/wp-content\/uploads\/2025\/09\/blog-articolo-fermentazione-terroir.webp');\" \n                         role=\"img\" \n                         aria-label=\"Vigne coltivate su terreno vocato, simbolo del terroir\"\n                         id=\"blog-image-3-id\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"blog-content-block animate-on-scroll\" id=\"blog-block-4-id\">\n                    <div class=\"blog-text\">\n                        <h2>Il Nome Punctatum: Un Simbolo di Natura e Identit\u00e0<\/h2>\n                        <h3>Un Racconto tra Vite e Rondini<\/h3>\n                        <p>\n                            Il nome Punctatum si ispira all\u2019Anobium punctatum, un piccolo insetto che abita il legno secco dei tralci di vite. Nei pomeriggi estivi, questi insetti emergono dalle fascine conservate in azienda, diventando spesso preda delle rondini che animano il cortile con il loro garrito.\n                        <\/p>\n                        <p>\n                            Punctatum \u00e8 la punta di diamante della produzione Casa Benna: un vino fermo, corposo, complesso e armonico, ottenuto da una selezione rigorosa delle migliori uve. Ideale con piatti di carni rosse e selvaggina, rappresenta l\u2019equilibrio perfetto tra potenza, eleganza e fedelt\u00e0 al territorio.\n                        <\/p>\n                    <\/div>\n                    <div class=\"blog-image\" \n                         style=\"background-image: url('https:\/\/stage.goshopfor.it\/template01\/wp-content\/uploads\/2025\/09\/blog-articolo-fermentazione-botti.webp');\" \n                         role=\"img\" \n                         aria-label=\"Botti di rovere per l'affinamento del vino artigianale\"\n                         id=\"blog-image-4-id\">\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n<!--SEZ.02.FINE-->\n\n<!--SEZ.03.INIZIO-->\n<!--\nISTRUZIONI PER L'ASSISTENTE:\nSezione 03: riscrivi i testi usando il contenuto dell'articolo fornito. Mantieni la struttura HTML invariata.\n-->\n<section class=\"blog-quote-section\" id=\"blog-quote-section-id\">\n        <div class=\"container\">\n            <div class=\"blog-quote\" id=\"blog-quote-text-id\">\n                &#8220;Punctatum nasce solo nelle migliori annate, da una selezione accurata delle uve pi\u00f9 vocate, per offrire un Gutturnio Classico Riserva che racchiude la storia, la tradizione e la complessit\u00e0 dei Colli Piacentini.&#8221;\n            <\/div>\n            <div class=\"blog-quote-author\" id=\"blog-quote-author-id\">\n                \u2014 Casa Benna\n            <\/div>\n        <\/div>\n    <\/section>\n<!--SEZ.03.FINE-->\n\n<!--SEZ.04.INIZIO-->\n<!--\nISTRUZIONI PER L'ASSISTENTE:\nSezione 04: riscrivi i testi usando il contenuto dell'articolo fornito. Mantieni la struttura HTML invariata.\n-->\n<section class=\"blog-cta-section\" id=\"blog-cta-section-id\">\n        <div class=\"container\">\n            <div class=\"blog-cta\">\n                <h3 id=\"blog-cta-title-id\">Scopri Punctatum: L\u2019Essenza del Territorio<\/h3>\n                <p id=\"blog-cta-description-id\">\n                    Porta in tavola la massima espressione del Gutturnio Classico Riserva. Punctatum \u00e8 il risultato di un\u2019attenta selezione, una vinificazione dedicata e un affinamento rispettoso della tradizione. Esplora la nostra selezione e lasciati guidare dal carattere autentico dei Colli Piacentini.\n                <\/p>\n                <a href=\"i-vini.html\" class=\"blog-cta-button\" id=\"blog-cta-button-id\">\n                    Scopri i Nostri Vini\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<!--SEZ.04.FINE-->\n\n<script>\n        (function() {\n            'use strict';\n            \n            \/\/ Intersection Observer per animazioni\n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            };\n\n            const observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('in-view');\n                    }\n                });\n            }, observerOptions);\n\n            \/\/ Osserva tutti gli elementi con classe animation\n            document.querySelectorAll('.animate-on-scroll').forEach(function(el) {\n                observer.observe(el);\n            });\n\n            \/\/ Smooth scrolling per anchor links\n            document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n                anchor.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const targetId = this.getAttribute('href').substring(1);\n                    const target = document.getElementById(targetId);\n                    if (target) {\n                        target.scrollIntoView({\n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                });\n            });\n\n            \/\/ Effetto hover migliorato per le immagini\n            document.querySelectorAll('.blog-image').forEach(function(image) {\n                image.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.02)';\n                    this.style.boxShadow = '0 12px 24px rgba(0, 0, 0, 0.25)';\n                });\n                \n                image.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1)';\n                    this.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.15)';\n                });\n            });\n\n            \/\/ CTA button hover effect\n            const ctaButton = document.getElementById('blog-cta-button-id');\n            if (ctaButton) {\n                ctaButton.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-3px)';\n                    this.style.boxShadow = '0 8px 25px rgba(218, 165, 32, 0.4)';\n                });\n                \n                ctaButton.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0)';\n                    this.style.boxShadow = '0 4px 15px rgba(218, 165, 32, 0.3)';\n                });\n            }\n\n            console.log('Blog Article Template caricato con successo');\n            \n        })();\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Punctatum: L\u2019Eccellenza del Gutturnio di Casa Benna Scopri la storia e l\u2019identit\u00e0 di Punctatum, la selezione pi\u00f9 prestigiosa del Gutturnio Classico Riserva di Casa Benna: un vino che nasce da uve accuratamente selezionate nelle migliori annate, simbolo autentico dei Colli Piacentini e della tradizione vitivinicola locale. La Selezione Punctatum: Origine e Filosofia Dal 1990, nelle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_my_custom_head_code":"<title>Punctatum: l\u2019eccellenza Gutturnio di Casa Benna<\/title>\n<meta name=\"description\" content=\"Scopri Punctatum, la selezione top del Gutturnio di Casa Benna, nata dalle migliori uve e affinata in rovere per un gusto unico e avvolgente.\">\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<link rel=\"canonical\" href=\"https:\/\/www.casabenna.it\/punctatum-eccellenza-gutturnio-casa-benna\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta property=\"og:type\" content=\"article\">\n<meta property=\"og:url\" content=\"https:\/\/www.casabenna.it\/punctatum-eccellenza-gutturnio-casa-benna\">\n<meta property=\"og:title\" content=\"Punctatum: l\u2019eccellenza Gutturnio di Casa Benna\">\n<meta property=\"og:description\" content=\"Scopri Punctatum, la selezione top del Gutturnio di Casa Benna, nata dalle migliori uve e affinata in rovere per un gusto unico e avvolgente.\">\n<meta property=\"og:site_name\" content=\"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Punctatum: l\u2019eccellenza Gutturnio di Casa Benna\">\n<meta name=\"twitter:description\" content=\"Scopri Punctatum, la selezione top del Gutturnio di Casa Benna, nata dalle migliori uve e affinata in rovere per un gusto unico e avvolgente.\">\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Punctatum: l\u2019eccellenza Gutturnio di Casa Benna\",\n  \"description\": \"Scopri Punctatum, la selezione top del Gutturnio di Casa Benna, nata dalle migliori uve e affinata in rovere per un gusto unico e avvolgente.\",\n  \"url\": \"https:\/\/www.casabenna.it\/punctatum-eccellenza-gutturnio-casa-benna\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Andrea Molinari\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/www.casabenna.it\/logo.png\"\n    }\n  },\n  \"datePublished\": \"2024-06-01\",\n  \"inLanguage\": \"it\"\n}\n<\/script>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');\n\n\/* ============================================\n   WINEFOR TEMPLATE-3 BASE CSS - UNIFIED VERSION\n   Versione unificata per tutte le pagine del template\n   Ultima modifica: 2026-01-31 - FIX SPLIT-SECTION VISIBILITY\n   ============================================ *\/\n\n\/* ============================================\n   CSS VARIABLES - TEMPLATE 3 DESIGN SYSTEM\n   MODIFICA QUESTI VALORI PER PERSONALIZZARE IL TEMPLATE\n   ============================================ *\/\n:root {\n    \/* === COLORI PRINCIPALI - CASA BENNA === *\/\n    \/* Primary Colors - Rossi Gutturnio\/Bonarda (60%) *\/\n    --deep-wine: #722F37;           \/* Rosso Gutturnio - cb-primary *\/\n    --deep-wine-light: #8B2942;     \/* Rosso Bonarda - cb-primary-light *\/\n    --deep-wine-dark: #4A1C23;      \/* Bordeaux Riserva - cb-primary-dark *\/\n    --deep-wine-ultra-dark: #4A1C23;\n\n    \/* Secondary Colors (25%) - Territorio Piacentino *\/\n    --terra-cotta: #8B5A2B;         \/* Terra Media - cb-earth *\/\n    --terra-cotta-light: #CD853F;   \/* Foliage Autunnale - cb-earth-light *\/\n    --golden-harvest: #B87333;      \/* Arenaria Arquato - cb-gold *\/\n    --golden-light: #C9A86C;        \/* Oro Malvasia - cb-gold-light *\/\n\n    \/* Supporting Colors (15%) - Natura e Territorio *\/\n    --vineyard-green: #556B2F;      \/* Verde Vigneto - cb-green (identico!) *\/\n    --warm-sand: #DEB887;           \/* Grano - cb-earth-lighter *\/\n    --cream-white: #FDFBF7;         \/* Bianco Crema - cb-bg *\/\n    --soft-black: #2D2926;          \/* Antracite - cb-text-primary *\/\n\n    \/* Accent Colors - Casa Benna *\/\n    --wine-red: #A84057;            \/* Rosso Vivace - cb-primary-lighter *\/\n    --wine-purple: #6B4423;         \/* Terra Scura - cb-earth-dark *\/\n    --wine-bronze: #8B7355;         \/* Argilla Val d'Arda - cb-gold-dark *\/\n    --wine-champagne: #E8D4A8;      \/* Paglierino Ortrugo - cb-gold-lighter *\/\n    --accent-green: #7A8450;        \/* Foglia di Vite - cb-green-light *\/\n    --accent-purple: #3D4F2F;       \/* Verde Bosco - cb-green-dark *\/\n    --accent-cream: #F5F0E8;        \/* Pergamena - cb-bg-alt *\/\n\n    \/* === TEXT COLORS === *\/\n    --text-primary: var(--soft-black);  \/* #2D2926 - cb-text-primary *\/\n    --text-secondary: #5C5652;          \/* Grigio Caldo - cb-text-secondary *\/\n    --text-light: #8B8378;              \/* Grigio Chiaro - cb-text-muted *\/\n    --text-muted: #8B8378;              \/* Grigio Chiaro - cb-text-muted *\/\n    --wine-medium: #5C5652;             \/* Grigio Caldo - cb-text-secondary *\/\n    --wine-light-text: #8B8378;         \/* Grigio Chiaro - cb-text-muted *\/\n    --wine-muted-text: #8B8378;         \/* Grigio Chiaro - cb-text-muted *\/\n\n    \/* === BACKGROUNDS === *\/\n    --background-primary: #FFFFFF;      \/* Bianco Puro - cb-white *\/\n    --background-secondary: var(--cream-white);  \/* #FDFBF7 - cb-bg *\/\n    --background-dark: var(--soft-black);        \/* #2D2926 - cb-text-primary *\/\n    --background-premium: #F5F0E8;      \/* Pergamena - cb-bg-alt *\/\n    --background-luxury: #FDFBF7;       \/* Bianco Crema - cb-bg *\/\n    --wine-bg-light: #FDFBF7;           \/* Bianco Crema - cb-bg *\/\n    --wine-bg-dark: #2D2926;            \/* Antracite - cb-text-primary *\/\n\n    \/* === OVERLAYS - CASA BENNA === *\/\n    --overlay-dark: rgba(114, 47, 55, 0.7);     \/* cb-primary overlay *\/\n    --overlay-light: rgba(253, 251, 247, 0.9);  \/* cb-bg overlay *\/\n    --background-overlay: rgba(45, 41, 38, 0.8); \/* cb-text-primary overlay *\/\n\n    \/* === GRADIENTS - CASA BENNA === *\/\n    --gradient-primary: linear-gradient(135deg, var(--deep-wine) 0%, var(--deep-wine-dark) 100%);\n    --gradient-secondary: linear-gradient(135deg, var(--golden-harvest) 0%, var(--terra-cotta) 100%);\n    --gradient-hero: linear-gradient(135deg, rgba(114, 47, 55, 0.8) 0%, rgba(74, 28, 35, 0.9) 100%);\n    --gradient-hero-overlay: linear-gradient(45deg, rgba(255, 255, 255, 0.05), rgba(184, 115, 51, 0.08));\n    --gradient-luxury-card: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 251, 247, 0.95) 50%, rgba(255, 255, 255, 0.98) 100%);\n    --gradient-gold: linear-gradient(135deg, rgba(184, 115, 51, 0.08) 0%, rgba(201, 168, 108, 0.12) 50%, rgba(139, 90, 43, 0.08) 100%);\n    --gradient-wine-glass: linear-gradient(135deg, rgba(114, 47, 55, 0.05) 0%, rgba(74, 28, 35, 0.08) 50%, rgba(139, 41, 66, 0.06) 100%);\n    --gradient-sophisticated: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(114, 47, 55, 0.08) 25%, rgba(255, 255, 255, 0.04) 50%, rgba(114, 47, 55, 0.1) 75%, rgba(255, 255, 255, 0.06) 100%);\n\n    \/* === SHADOWS - CASA BENNA === *\/\n    --shadow-soft: 0 4px 20px rgba(114, 47, 55, 0.08);\n    --shadow-medium: 0 8px 30px rgba(114, 47, 55, 0.12);\n    --shadow-strong: 0 12px 40px rgba(114, 47, 55, 0.16);\n    --shadow-wine: 0 20px 50px rgba(114, 47, 55, 0.3);\n    --shadow-wine-primary: 0 8px 32px rgba(114, 47, 55, 0.25);\n    --shadow-wine-gold: 0 8px 32px rgba(184, 115, 51, 0.15);\n    --shadow-deep: 0 30px 70px rgba(0, 0, 0, 0.4);\n    --shadow-luxury: 0 16px 48px rgba(114, 47, 55, 0.1), 0 4px 16px rgba(114, 47, 55, 0.06);\n    --shadow-premium: 0 20px 60px rgba(114, 47, 55, 0.12), 0 8px 24px rgba(114, 47, 55, 0.08);\n    --shadow-ultra: 0 24px 70px rgba(114, 47, 55, 0.15), 0 12px 30px rgba(114, 47, 55, 0.10), 0 4px 12px rgba(184, 115, 51, 0.05);\n    --shadow-sophisticated: 0 32px 80px rgba(114, 47, 55, 0.18), 0 16px 40px rgba(114, 47, 55, 0.12), 0 8px 20px rgba(184, 115, 51, 0.08);\n\n    \/* === TYPOGRAPHY === *\/\n    --font-primary: 'Playfair Display', 'Georgia', serif;\n    --font-secondary: 'Source Sans Pro', 'Helvetica', sans-serif;\n    --font-accent: 'Playfair Display', 'Times New Roman', serif;\n\n    \/* Font Sizes - Responsive with clamp *\/\n    --fs-hero: clamp(2.5rem, 5vw, 4rem);\n    --fs-h1: clamp(2rem, 4vw, 3rem);\n    --fs-h2: clamp(1.5rem, 3vw, 2.25rem);\n    --fs-h3: clamp(1.25rem, 2.5vw, 1.75rem);\n    --fs-h4: clamp(1.125rem, 2vw, 1.375rem);\n    --fs-body: clamp(1rem, 1.5vw, 1.125rem);\n    --fs-small: clamp(0.875rem, 1vw, 1rem);\n\n    \/* === SPACING === *\/\n    --space-xs: 0.5rem;\n    --space-sm: 1rem;\n    --space-md: 1.5rem;\n    --space-lg: 2rem;\n    --space-xl: 3rem;\n    --space-2xl: 4rem;\n    --space-3xl: 6rem;\n\n    \/* === LAYOUT === *\/\n    --max-width: 1200px;\n    --max-width-expanded: 1400px;\n    --max-width-full: 1600px;\n    --container-padding: clamp(1rem, 5vw, 2rem);\n    --section-padding: clamp(3rem, 8vw, 6rem);\n\n    \/* === BORDER RADIUS === *\/\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 16px;\n    --radius-xl: 24px;\n    --radius-xxl: 28px;\n    --radius-ultra: 32px;\n    --radius-round: 50%;\n\n    \/* === TRANSITIONS === *\/\n    --transition-fast: 0.2s ease;\n    --transition-normal: 0.3s ease;\n    --transition-slow: 0.5s ease;\n    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    --transition-quick: all 0.2s ease;\n    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    --transition-elegant: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n    --transition-sophisticated: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n    --transition-ultra-smooth: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n\n    \/* === BACKDROP FILTERS === *\/\n    --blur-soft: blur(8px);\n    --blur-medium: blur(12px);\n    --blur-strong: blur(16px);\n    --blur-ultra: blur(20px);\n}\n\n\/* ============================================\n   BASE RESET\n   ============================================ *\/\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: var(--font-secondary);\n    line-height: 1.7;  \/* RIPRISTINATO: era 1.6 *\/\n    color: var(--text-primary);\n    background: var(--background-secondary);\n    overflow-x: hidden;\n}\n\n\/* ============================================\n   TYPOGRAPHY BASE\n   ============================================ *\/\nh1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-primary);\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--deep-wine);\n}\n\nh1 {\n    font-size: var(--fs-hero);\n    margin-bottom: var(--space-lg);\n}\n\nh2 {\n    font-size: var(--fs-h1);\n    margin-bottom: var(--space-md);\n}\n\nh3 {\n    font-size: var(--fs-h2);\n    margin-bottom: var(--space-md);\n}\n\nh4 {\n    font-size: var(--fs-h3);\n    margin-bottom: var(--space-sm);\n}\n\np {\n    font-size: var(--fs-body);\n    line-height: 1.7;\n    margin-bottom: var(--space-sm);\n    color: var(--text-secondary);\n}\n\n\/* ============================================\n   CONTAINER SYSTEM\n   ============================================ *\/\n.container {\n    max-width: var(--max-width);\n    margin: 0 auto;\n    padding: 0 var(--container-padding);\n}\n\n.container-expanded {\n    max-width: var(--max-width-expanded);\n    margin: 0 auto;\n    padding: 0 var(--container-padding);\n}\n\n.container-full {\n    max-width: var(--max-width-full);\n    margin: 0 auto;\n    padding: 0 var(--container-padding);\n}\n\n\/* ============================================\n   HERO SECTION BASE (IMMERSIVE STYLE)\n   ============================================ *\/\n.hero-immersive {\n    position: relative;\n    height: 100vh;\n    min-height: 700px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.hero-background {\n    position: absolute;\n    top: -10%;\n    left: -10%;\n    width: 120%;\n    height: 120%;\n    background: url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/immagine-tpl3hero.webp') center\/cover;  \/* RIPRISTINATO: mancava URL *\/\n    background-attachment: fixed;\n    animation: parallaxFloat 20s ease-in-out infinite;\n}\n\n\/* HERO OVERLAY - COMMENTATO COME NELL'ORIGINALE *\/\n\/* .hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(ellipse at center, transparent 20%, var(--overlay-dark) 80%);\n    z-index: 1;\n} *\/\n\n.hero-content {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n    color: white;\n    max-width: 900px;\n    padding: 0 var(--space-lg);\n}\n\n.hero-title {\n    font-family: var(--font-primary);\n    font-size: clamp(3.5rem, 8vw, 6rem);\n    font-weight: 700;\n    line-height: 1.1;\n    margin-bottom: var(--space-md);\n    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);\n    background: linear-gradient(45deg, #fff, var(--golden-light), #fff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: titleReveal 2s ease-out;\n}\n\n.hero-subtitle {\n    font-size: clamp(1.3rem, 3vw, 2rem);\n    font-weight: 300;\n    margin-bottom: var(--space-lg);\n    opacity: 0.95;\n    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);\n    animation: subtitleReveal 2.5s ease-out;\n    color: white;\n}\n\n\/* ============================================\n   FLOATING ELEMENTS (DECORATIVE)\n   ============================================ *\/\n.floating-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 2;\n    pointer-events: none;\n}\n\n.floating-grape {\n    position: absolute;\n    font-size: 3rem;\n    opacity: 0.1;\n    color: var(--golden-harvest);\n    animation: floatGrape 15s ease-in-out infinite;\n}\n\n.floating-grape:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }\n.floating-grape:nth-child(2) { top: 20%; right: 15%; animation-delay: 5s; }\n.floating-grape:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 10s; }\n.floating-grape:nth-child(4) { bottom: 15%; right: 10%; animation-delay: 7s; }\n\n\/* ============================================\n   HERITAGE FLOATING BADGE\n   ============================================ *\/\n.heritage-floating-badge {\n    display: inline-block;\n    background: linear-gradient(45deg, var(--golden-harvest), var(--golden-light));\n    color: var(--soft-black);\n    padding: 1rem 3rem;\n    border-radius: var(--radius-round);\n    font-size: 1.1rem;\n    font-weight: 700;\n    margin-bottom: var(--space-lg);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    box-shadow: var(--shadow-wine);\n    animation: gentlePulse 4s ease-in-out infinite;\n}\n\n\/* ============================================\n   SPLIT SECTIONS (70\/30 LAYOUT)\n   FIX CRITICO: Rimossi opacity:0 e transform per visibilit\u00e0 immediata\n   ============================================ *\/\n.split-section {\n    display: grid;\n    grid-template-columns: 70% 30%;\n    min-height: 100vh;\n    align-items: center;\n}\n\n.split-section.reverse {\n    grid-template-columns: 30% 70%;\n}\n\n.split-image {\n    position: relative;\n    height: 100vh;\n    background-size: cover;\n    background-position: center;\n    overflow: hidden;\n}\n\n.split-image::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(45deg, transparent 50%, var(--overlay-dark) 100%);\n    z-index: 1;\n}\n\n.split-content {\n    padding: var(--space-2xl);\n    background: var(--background-secondary);\n    position: relative;\n    z-index: 2;\n}\n\n.section-title {\n    font-family: var(--font-primary);\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    color: var(--deep-wine);\n    margin-bottom: 2rem;\n    line-height: 1.2;\n    font-weight: 600;\n}\n\n.section-subtitle {\n    font-family: var(--font-primary);\n    font-size: 1.3rem;\n    font-style: italic;\n    color: var(--terra-cotta);\n    margin-bottom: var(--space-lg);\n}\n\n.section-text {\n    font-size: 1.3rem;\n    line-height: 1.8;\n    color: var(--text-primary);\n    margin-bottom: 2rem;\n}\n\n\/* ============================================\n   BUTTONS & CTA\n   ============================================ *\/\n.btn, .hero-cta, .cta-button {\n    background: linear-gradient(45deg, var(--golden-harvest), var(--golden-light));\n    color: var(--soft-black);\n    border: none;\n    padding: 1.2rem 2.5rem;\n    border-radius: var(--radius-round);\n    font-weight: 600;\n    font-size: 1.1rem;\n    cursor: pointer;\n    transition: var(--transition-smooth);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    text-decoration: none;\n    display: inline-block;\n    box-shadow: 0 4px 15px rgba(218, 165, 32, 0.3);\n}\n\n.btn:hover, .hero-cta:hover, .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.4);\n}\n\n.btn-primary {\n    background: var(--gradient-primary);\n    color: white;\n}\n\n.btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-wine);\n}\n\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    backdrop-filter: var(--blur-medium);\n}\n\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.2);\n    border-color: rgba(255, 255, 255, 0.5);\n}\n\n\/* ============================================\n   CARDS BASE\n   ============================================ *\/\n.card {\n    background: white;\n    border-radius: var(--radius-xl);\n    overflow: hidden;\n    box-shadow: var(--shadow-soft);\n    transition: var(--transition-smooth);\n    position: relative;\n}\n\n.card:hover {\n    transform: translateY(-10px);\n    box-shadow: var(--shadow-deep);\n}\n\n.card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--golden-harvest), var(--golden-light));\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n@keyframes parallaxFloat {\n    0%, 100% { transform: scale(1.05) translateY(0); }\n    50% { transform: scale(1.08) translateY(-20px); }\n}\n\n@keyframes floatGrape {\n    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }\n    33% { transform: translateY(-30px) rotate(120deg) scale(1.1); }\n    66% { transform: translateY(-15px) rotate(240deg) scale(0.9); }\n}\n\n@keyframes gentlePulse {\n    0%, 100% { transform: scale(1); box-shadow: var(--shadow-wine); }\n    50% { transform: scale(1.05); box-shadow: 0 25px 60px rgba(139, 21, 56, 0.4); }\n}\n\n@keyframes titleReveal {\n    0% { opacity: 0; transform: translateY(50px); }\n    100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes subtitleReveal {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 0.95; transform: translateY(0); }\n}\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Reveal animation for scroll *\/\n.reveal, .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n}\n\n.reveal.visible, .animate-on-scroll.in-view {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* ============================================\n   RESPONSIVE DESIGN - BREAKPOINTS UNIFICATI\n   ============================================ *\/\n\n\/* Desktop Large (1400px+) *\/\n@media (min-width: 1400px) {\n    .container-expanded {\n        max-width: 1500px;\n    }\n}\n\n\/* Tablet (max-width: 1024px) *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 var(--space-md);\n    }\n\n    .split-section,\n    .split-section.reverse {\n        grid-template-columns: 1fr;\n    }\n\n    .split-image {\n        height: 50vh;\n        order: -1;\n    }\n}\n\n\/* Mobile (max-width: 768px) *\/\n@media (max-width: 768px) {\n    .hero-immersive {\n        height: 80vh;\n        min-height: 500px;\n    }\n\n    .hero-content {\n        padding: var(--space-lg) var(--space-sm);\n    }\n\n    .hero-title {\n        font-size: clamp(2.5rem, 8vw, 3.5rem);\n    }\n\n    .split-section {\n        min-height: auto;\n    }\n\n    .split-content {\n        padding: var(--space-xl) var(--space-md);\n    }\n\n    .container {\n        padding: 0 var(--space-sm);\n    }\n\n    .reviews-card-floating {\n        padding: 2rem;\n    }\n}\n\n\/* Small Mobile (max-width: 480px) *\/\n@media (max-width: 480px) {\n    .hero-immersive {\n        height: 70vh;\n        min-height: 450px;\n    }\n\n    .hero-title {\n        font-size: clamp(2rem, 8vw, 2.5rem);\n    }\n\n    .heritage-floating-badge {\n        padding: 0.8rem 2rem;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n    }\n}\n\n\/* ============================================\n   ACCESSIBILITY\n   ============================================ *\/\n\n\/* Reduced Motion Support *\/\n@media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n\n\/* Screen Reader Only *\/\n.sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n\/* Focus Styles *\/\n.btn:focus,\n.hero-cta:focus,\nbutton:focus,\na:focus {\n    outline: 2px solid var(--golden-harvest);\n    outline-offset: 2px;\n}\n\n\/* High Contrast Mode Support *\/\n@media (prefers-contrast: high) {\n    :root {\n        --deep-wine: #000000;\n        --terra-cotta: #000000;\n        --soft-black: #000000;\n        --cream-white: #FFFFFF;\n    }\n}\n\n\/* ============================================\n   REVIEWS SECTION (Google Trustindex)\n   ============================================ *\/\n.reviews-floating {\n    padding: 6rem 0;\n    background: var(--cream-white);\n}\n\n.reviews-card-floating {\n    background: white;\n    border-radius: 30px;\n    padding: 4rem;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n    box-shadow: var(--shadow-deep);\n    border: 3px solid var(--golden-harvest);\n}\n\n.reviews-card-floating .ti-widget-container {\n    margin: 0 auto;\n    text-align: left;\n}\n\n\/* Print Styles *\/\n@media print {\n    .hero-immersive,\n    .floating-elements {\n        display: none;\n    }\n\n    body {\n        background: white;\n        color: black;\n    }\n}\n\n\/* ============================================\n   CTA SECTION DARK BACKGROUND UNIVERSAL\n   CTA su sfondo scuro con leggibilit\u00e0 ottimizzata\n   ============================================ *\/\n.winefor-cta-dark {\n    background: linear-gradient(135deg, var(--deep-wine) 0%, var(--soft-black) 100%);\n    text-align: center;\n    padding: 5rem 2rem;\n    position: relative;\n    border-radius: 20px;\n    box-shadow: var(--shadow-deep);\n    margin: 4rem 0;\n    color: white;\n}\n\n.winefor-cta-dark::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 20%, rgba(212, 165, 116, 0.1) 0%, transparent 60%);\n    border-radius: 20px;\n    pointer-events: none;\n}\n\n.winefor-cta-dark .container,\n.winefor-cta-dark .contact-content,\n.winefor-cta-dark .cta-content {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.winefor-cta-dark h2,\n.winefor-cta-dark h3,\n.winefor-cta-dark .contact-title,\n.winefor-cta-dark .cta-title {\n    color: white !important;\n    font-family: var(--font-primary);\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n    margin-bottom: 1rem;\n}\n\n.winefor-cta-dark p,\n.winefor-cta-dark .contact-subtitle,\n.winefor-cta-dark .cta-subtitle {\n    color: white !important;\n    opacity: 0.95;\n    font-size: 1.2rem;\n    line-height: 1.6;\n}\n\n\/* ============================================\n   GALLERY OVERLAY UNIVERSAL SYSTEM\n   Overlay ottimizzato per leggibilit\u00e0 su tutte le gallery\n   ============================================ *\/\n.winefor-gallery-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0) 0%,\n        rgba(0, 0, 0, 0.5) 40%,\n        rgba(45, 41, 38, 0.92) 100%\n    );\n    color: #FFFFFF;\n    padding: 2rem;\n    transform: translateY(100%);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.gallery-item:hover .winefor-gallery-overlay {\n    transform: translateY(0);\n}\n\n.winefor-gallery-overlay h3,\n.winefor-gallery-overlay h4 {\n    font-family: var(--font-primary);\n    font-size: 1.3rem;\n    margin-bottom: 0.5rem;\n    font-weight: 600;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    color: #FFFFFF;\n}\n\n.winefor-gallery-overlay p {\n    font-size: 0.95rem;\n    opacity: 0.95;\n    line-height: 1.4;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n    color: #FFFFFF;\n}\n\n\/* ============================================\n   PERFORMANCE OPTIMIZATIONS\n   ============================================ *\/\n.hero-immersive,\n.hero-background,\n.floating-grape,\n.card,\n.split-section {\n    will-change: transform;\n    backface-visibility: hidden;\n    perspective: 1000px;\n}\n\n<\/style>\n<style>\n\/* ============================================\n   ARTICOLO BLOG PAGE SPECIFIC STYLES\n   Stili specifici per la pagina Articolo Blog che non sono in template-base.css\n   PALETTE CASA BENNA: Deep Wine (#722F37) + Golden Copper (#B87333)\n   FIX HERO TEXT COLORS - 2026-02-01\n   ============================================ *\/\n\n\/* === BLOG HERO SECTION === *\/\n.blog-hero-section {\n    position: relative;\n    height: 70vh;\n    min-height: 500px;\n    background: linear-gradient(135deg, rgba(114, 47, 55, 0.8), rgba(90, 37, 43, 0.9)),\n                url('https:\/\/images.unsplash.com\/photo-1506377247377-2a5b3b417ebb?ixlib=rb-4.0.3') center\/cover;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: white;\n}\n\n.blog-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 2rem;\n}\n\n\/* FIX CRITICO: TITOLO H1 BIANCO CON TEXT-SHADOW *\/\n.blog-hero-content h1 {\n    font-family: var(--font-primary);\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    margin-bottom: 1.5rem;\n    line-height: 1.1;\n    color: white !important;\n    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\n    opacity: 1;\n    transform: translateY(0);\n    display: block;\n    animation: fadeInUp 1s ease-out 0.3s both;\n}\n\n\/* Meta informazioni articolo *\/\n.blog-meta {\n    display: flex;\n    justify-content: center;\n    gap: 2rem;\n    margin-bottom: 1.5rem;\n    opacity: 1;\n    transform: translateY(0);\n    animation: fadeInUp 1s ease-out 0.6s both;\n}\n\n\/* FIX CRITICO: META BIANCA CON TEXT-SHADOW *\/\n.blog-meta span {\n    color: white !important;\n    font-size: clamp(1rem, 1.5vw, 1.125rem);\n    font-weight: 600;\n    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\n}\n\n\/* FIX CRITICO: PARAGRAFO BIANCO CON TEXT-SHADOW *\/\n.blog-hero-content p {\n    font-size: clamp(1rem, 1.5vw, 1.25rem);\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.7;\n    color: white !important;\n    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\n    opacity: 1;\n    transform: translateY(0);\n    display: block;\n    animation: fadeInUp 1s ease-out 0.9s both;\n}\n\n\/* === BLOG CONTENT SECTION === *\/\n.blog-content-section {\n    padding: clamp(3rem, 8vw, 6rem) 0;\n    background: #FDF6E3;\n}\n\n.blog-content-wrapper {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 6rem;\n}\n\n\/* Blocco contenuto con immagine *\/\n.blog-content-block {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin-bottom: 6rem;\n}\n\n.blog-content-block:nth-child(even) {\n    direction: rtl;\n}\n\n.blog-content-block:nth-child(even) > * {\n    direction: ltr;\n}\n\n.blog-text h3 {\n    font-family: var(--font-primary);\n    font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n    color: #722F37;\n    margin-bottom: 1.5rem;\n}\n\n.blog-text h4 {\n    font-family: var(--font-primary);\n    font-size: clamp(1.125rem, 2vw, 1.375rem);\n    color: #5D4E37;\n    margin-bottom: 1rem;\n}\n\n.blog-text p {\n    color: #5D4E37;\n    line-height: 1.7;\n    margin-bottom: 1.5rem;\n    font-size: clamp(1rem, 1.5vw, 1.125rem);\n    text-align: left;\n}\n\n.blog-text ul {\n    color: #5D4E37;\n    margin-left: 1.5rem;\n    margin-bottom: 1.5rem;\n}\n\n.blog-text li {\n    margin-bottom: 0.5rem;\n    line-height: 1.6;\n}\n\n.blog-image {\n    height: 400px;\n    border-radius: 16px;\n    background-size: cover;\n    background-position: center;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n    transition: 0.3s ease;\n}\n\n.blog-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);\n}\n\n\/* === QUOTE SECTION === *\/\n.blog-quote-section {\n    background: #722F37;\n    color: white;\n    padding: clamp(2rem, 5vw, 4rem) 0;\n    margin: 4rem 0;\n    text-align: center;\n}\n\n.blog-quote {\n    font-family: var(--font-primary);\n    font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n    font-style: italic;\n    line-height: 1.5;\n    margin-bottom: 1rem;\n}\n\n.blog-quote-author {\n    color: #B87333;\n    font-weight: 600;\n}\n\n\/* === CALL TO ACTION SECTION === *\/\n.blog-cta-section {\n    padding: clamp(3rem, 6vw, 4rem) 0;\n    background: #FFFFFF;\n    text-align: center;\n}\n\n.blog-cta h3 {\n    font-family: var(--font-primary);\n    font-size: clamp(1.5rem, 3vw, 2.25rem);\n    color: #722F37;\n    margin-bottom: 1.5rem;\n}\n\n.blog-cta p {\n    color: #5D4E37;\n    font-size: clamp(1rem, 1.5vw, 1.125rem);\n    max-width: 600px;\n    margin: 0 auto 2.5rem;\n}\n\n.blog-cta-button {\n    background: linear-gradient(135deg, #B87333 0%, #8B5A2B 100%);\n    color: #2C1810;\n    padding: 1.2rem 2.5rem;\n    border: none;\n    border-radius: 50px;\n    font-size: clamp(1rem, 1.5vw, 1.125rem);\n    font-weight: 600;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 15px rgba(184, 115, 51, 0.3);\n    transition: all 0.3s ease;\n}\n\n.blog-cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(184, 115, 51, 0.4);\n}\n\n\/* === RESPONSIVE DESIGN === *\/\n@media (max-width: 768px) {\n    .blog-hero-section {\n        height: 60vh;\n        min-height: 450px;\n    }\n\n    .blog-hero-content {\n        padding: 1.5rem;\n    }\n\n    .blog-meta {\n        flex-direction: column;\n        gap: 1rem;\n    }\n\n    .blog-content-block {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 2rem;\n    }\n\n    .blog-content-block:nth-child(even) {\n        direction: ltr;\n    }\n\n    .blog-image {\n        height: 300px;\n    }\n}\n\n<\/style>","footnotes":""},"categories":[1],"tags":[],"class_list":["post-860","post","type-post","status-publish","format-standard","hentry","category-senza-categoria"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"ilcontrollore","author_link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/author\/ilcontrollore\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\/category\/senza-categoria\/\" rel=\"category tag\">Senza categoria<\/a>","rttpg_excerpt":"Punctatum: L\u2019Eccellenza del Gutturnio di Casa Benna Scopri la storia e l\u2019identit\u00e0 di Punctatum, la selezione pi\u00f9 prestigiosa del Gutturnio Classico Riserva di Casa Benna: un vino che nasce da uve accuratamente selezionate nelle migliori annate, simbolo autentico dei Colli Piacentini e della tradizione vitivinicola locale. La Selezione Punctatum: Origine e Filosofia Dal 1990, nelle&hellip;","_links":{"self":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/posts\/860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/comments?post=860"}],"version-history":[{"count":0,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/posts\/860\/revisions"}],"wp:attachment":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/media?parent=860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/categories?post=860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/tags?post=860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}