{"id":861,"date":"2026-03-20T16:51:21","date_gmt":"2026-03-20T15:51:21","guid":{"rendered":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/quando-piacenza-era-mare-storia-nascosta\/"},"modified":"2026-03-20T16:51:21","modified_gmt":"2026-03-20T15:51:21","slug":"quando-piacenza-era-mare-storia-nascosta","status":"publish","type":"post","link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/quando-piacenza-era-mare-storia-nascosta\/","title":{"rendered":"Quando Piacenza era un mare: la storia nascosta | 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\">Quando Piacenza era in fondo al mare<\/h1>\n \n            <p id=\"blog-hero-description-id\">\n                Milioni di anni fa, le colline oggi ricoperte di vigneti erano sommerse dal mare. Scopri come la storia geologica di Piacenza, testimoniata da fossili e sedimenti marini, abbia plasmato il paesaggio e la vocazione vitivinicola di questo territorio unico.\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>Il Mare Antico delle Colline Piacentine<\/h2>\n                        <p>\n                            Le dolci colline di Piacenza, oggi celebri per i vigneti e i campi coltivati, un tempo erano sommerse da un vasto mare popolato da numerose specie marine, tra cui grandi mammiferi come le balene. Questa sorprendente realt\u00e0 \u00e8 confermata dai numerosi fossili rinvenuti nella zona, che raccontano un passato geologico affascinante e ancora visibile nel paesaggio.\n                        <\/p>\n                        <p>\n                            Passeggiando tra i filari o lungo i sentieri collinari, capita spesso di imbattersi in conchiglie fossilizzate e antichi sedimenti marini: tracce tangibili di un tempo in cui queste terre erano il fondale di un mare profondo e ricco di vita.\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>Il Piacenziano: Un&#8217;Epoca Geologica Unica<\/h2>\n                        <h3>Le Origini delle Colline e dei Terreni<\/h3>\n                        <p>\n                            Durante il periodo del Piacenziano, milioni di anni fa, la Pianura Padana e le sue colline erano sommerse dalle acque marine. Nel corso del tempo, i movimenti della crosta terrestre e il ritiro del mare hanno trasformato questi fondali in rilievi collinari, lasciando nel terreno argille antiche e sedimenti ricchi di fossili.\n                        <\/p>\n                        <ul>\n                            <li><strong>Fossili<\/strong> marini come conchiglie e resti di balene testimoniano questa storia<\/li>\n                            <li><strong>Argille e sedimenti<\/strong> caratterizzano ancora oggi i suoli delle colline piacentine<\/li>\n                            <li><strong>Terreni minerali<\/strong> che influenzano la qualit\u00e0 delle uve e dei vini prodotti<\/li>\n                            <li><strong>Un legame profondo<\/strong> tra la storia naturale e la vocazione vitivinicola del territorio<\/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>Testimonianze Fossili e Identit\u00e0 del Territorio<\/h2>\n                        <p>\n                            La presenza di fossili marini, soprattutto lungo il torrente Arda, offre uno sguardo privilegiato su un&#8217;epoca remota. Le argille modellate dall\u2019acqua custodiscono resti di antichi organismi che raccontano la trasformazione del paesaggio e la sua evoluzione nei millenni.\n                        <\/p>\n                        <p>\n                            Il ritrovamento di uno scheletro quasi completo di balenottera vicino a Castell\u2019Arquato rappresenta una delle scoperte pi\u00f9 straordinarie di questo passato sommerso. Oggi questi reperti sono conservati ed esposti presso il Museo Geologico locale, a testimonianza di una storia che continua a vivere nei luoghi e nei vini di Piacenza.\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>Un Paesaggio Plasmato dal Tempo<\/h2>\n                        <h3>Dal Mare Antico alla Viticoltura d\u2019Eccellenza<\/h3>\n                        <p>\n                            La consapevolezza di un passato cos\u00ec remoto cambia il modo di osservare e vivere queste colline. I terreni, ricchi di minerali e argille marine, sono il risultato di milioni di anni di trasformazioni naturali e rappresentano oggi uno degli elementi chiave per la produzione di vini di qualit\u00e0.\n                        <\/p>\n                        <p>\n                            Ogni bottiglia prodotta su queste colline racchiude non solo il lavoro del vignaiolo, ma anche la memoria di un mare antico: un legame profondo tra natura, storia e cultura che rende unico il territorio di Piacenza e i suoi vini.\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;Passeggiando tra i vigneti di Piacenza, ogni conchiglia fossile ci ricorda che queste colline furono il fondo di un antico mare.&#8221;\n            <\/div>\n            <div class=\"blog-quote-author\" id=\"blog-quote-author-id\">\n                \u2014 Dalla storia geologica piacentina\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\">Dalle Radici del Mare Antico al Calice<\/h3>\n                <p id=\"blog-cta-description-id\">\n                    I nostri vini nascono su terreni plasmati da milioni di anni di storia naturale. Scopri come le antiche argille marine e i minerali dei suoli piacentini si riflettono nell\u2019autenticit\u00e0 e nel carattere unico di ogni bottiglia. Esplora la nostra selezione e assapora la storia di un territorio che un tempo era in fondo al mare.\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>Quando Piacenza era in fondo al mare Milioni di anni fa, le colline oggi ricoperte di vigneti erano sommerse dal mare. Scopri come la storia geologica di Piacenza, testimoniata da fossili e sedimenti marini, abbia plasmato il paesaggio e la vocazione vitivinicola di questo territorio unico. Il Mare Antico delle Colline Piacentine Le dolci colline [&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>Quando Piacenza era un mare: la storia nascosta | Casa Benna<\/title>\n<meta name=\"description\" content=\"Scopri come le colline piacentine, oggi vigneti rigogliosi, nascondono un passato marino affascinante. Un viaggio nel tempo con Casa Benna.\">\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\/quando-piacenza-era-mare-storia-nascosta\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta property=\"og:type\" content=\"article\">\n<meta property=\"og:url\" content=\"https:\/\/www.casabenna.it\/quando-piacenza-era-mare-storia-nascosta\">\n<meta property=\"og:title\" content=\"Quando Piacenza era un mare: la storia nascosta | Casa Benna\">\n<meta property=\"og:description\" content=\"Scopri come le colline piacentine, oggi vigneti rigogliosi, nascondono un passato marino affascinante. Un viaggio nel tempo con Casa Benna.\">\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=\"Quando Piacenza era un mare: la storia nascosta | Casa Benna\">\n<meta name=\"twitter:description\" content=\"Scopri come le colline piacentine, oggi vigneti rigogliosi, nascondono un passato marino affascinante. Un viaggio nel tempo con Casa Benna.\">\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Quando Piacenza era un mare: la storia nascosta | Casa Benna\",\n  \"description\": \"Scopri come le colline piacentine, oggi vigneti rigogliosi, nascondono un passato marino affascinante. Un viaggio nel tempo con Casa Benna.\",\n  \"url\": \"https:\/\/www.casabenna.it\/quando-piacenza-era-mare-storia-nascosta\",\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-05\",\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-861","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":"Quando Piacenza era in fondo al mare Milioni di anni fa, le colline oggi ricoperte di vigneti erano sommerse dal mare. Scopri come la storia geologica di Piacenza, testimoniata da fossili e sedimenti marini, abbia plasmato il paesaggio e la vocazione vitivinicola di questo territorio unico. Il Mare Antico delle Colline Piacentine Le dolci colline&hellip;","_links":{"self":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/posts\/861","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=861"}],"version-history":[{"count":0,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/posts\/861\/revisions"}],"wp:attachment":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/media?parent=861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/categories?post=861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/tags?post=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}