{"id":781,"date":"2026-03-20T11:30:10","date_gmt":"2026-03-20T10:30:10","guid":{"rendered":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/contatti\/"},"modified":"2026-03-20T23:41:20","modified_gmt":"2026-03-20T22:41:20","slug":"contatti","status":"publish","type":"page","link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/contatti\/","title":{"rendered":"Contatti Azienda Vitivinicola Casa Benna a Castell’Arquato (PC)"},"content":{"rendered":"\n\n\n\n \n \n \n \n<\/head>\n\n\n \n

\n

<\/div>\n \n

\n

\ud83c\udf47<\/div>\n

\ud83c\udf47<\/div>\n

\ud83c\udf47<\/div>\n

\ud83c\udf47<\/div>\n <\/div>\n \n

\n

Scrivici, ti aspettiamo<\/h1>\n
\n Siamo qui per rispondere a tutte le vostre domande e accogliervi nella nostra cantina. \n Contattateci per degustazioni, visite o qualsiasi informazione sui nostri vini.\n <\/p>\n <\/div>\n <\/section>\n\n \n
\n
\n
\n
\n
\n
Mettiti in contatto con noi<\/h2>\n \n
\n Nome <\/label>\n \n <\/div>\n\n
\n Indirizzo email per comunicazioni scritte <\/label>\n \n <\/div>\n\n
\n Numero di telefono per contatti diretti<\/label>\n \n <\/div>\n\n
\n Oggetto <\/label>\n \n <\/div>\n\n
\n Messaggio <\/label>\n <\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\" onclick=\"handleFormSubmit(event)\">\n Invia Messaggio\n <\/button>\n <\/form>\n <\/div>\n\n <div class=\"contact-info animate-on-scroll\" id=\"contact-info-main-id\">\n <h2 id=\"contact-info-title-id\">I nostri recapiti per richieste e informazioni<\/h2>\n \n <div class=\"contact-item\" id=\"contact-address-item-id\">\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\n <div class=\"contact-details\">\n <h3>Indirizzo della cantina Casa Benna<\/h3>\n <p><strong>Via della Vigna, 123<\/strong><\/p>\n <p>12345 Val Bormida (CN)<\/p>\n <p>Piemonte, Italia<\/p>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\" id=\"contact-phone-item-id\">\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\n <div class=\"contact-details\">\n <h3>Telefono<\/h3>\n <p><strong>+39 0174 563 982<\/strong><\/p>\n <p>Lun-Ven: 9:00 – 18:00<\/p>\n <p>Sab: 9:00 – 13:00<\/p>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\" id=\"contact-email-item-id\">\n <div class=\"contact-icon\">\ud83d\udce7<\/div>\n <div class=\"contact-details\">\n <h3>Email<\/h3>\n <p><strong>info@winefor.it<\/strong><\/p>\n <p>degustazioni@winefor.it<\/p>\n <p>vendite@winefor.it<\/p>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\" id=\"contact-whatsapp-item-id\">\n <div class=\"contact-icon\">\ud83d\udcac<\/div>\n <div class=\"contact-details\">\n <h3>Contatto WhatsApp per messaggi rapidi<\/h3>\n <p><strong>+39 347 123 4567<\/strong><\/p>\n <p>Rispondiamo rapidamente<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n<section class=\"hours-section\" id=\"hours-section-id\">\n <div class=\"container\">\n <h2>Quando siamo aperti e come trovarci<\/h2>\n\n <div class=\"hours-grid\" id=\"hours-grid-id\">\n <div class=\"hours-card animate-on-scroll\" id=\"hours-cantina-card-id\">\n <h3>Orari di apertura cantina e degustazioni<\/h3>\n <ul class=\"hours-list\" id=\"hours-cantina-list-id\">\n <li><span class=\"day\">Luned\u00ec<\/span> <span class=\"time\">9:00 – 17:00<\/span><\/li>\n <li><span class=\"day\">Marted\u00ec<\/span> <span class=\"time\">9:00 – 17:00<\/span><\/li>\n <li><span class=\"day\">Mercoled\u00ec<\/span> <span class=\"time\">9:00 – 17:00<\/span><\/li>\n <li><span class=\"day\">Gioved\u00ec<\/span> <span class=\"time\">9:00 – 17:00<\/span><\/li>\n <li><span class=\"day\">Venerd\u00ec<\/span> <span class=\"time\">9:00 – 17:00<\/span><\/li>\n <li><span class=\"day\">Sabato<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Domenica<\/span> <span class=\"time\">10:00 – 17:00<\/span><\/li>\n <\/ul>\n <p style=\"margin-top: 1rem; font-size: 0.9rem; color: #666;\">\n Le degustazioni sono disponibili solo su prenotazione, anche nel weekend\n <\/p>\n <\/div>\n\n <div class=\"hours-card animate-on-scroll\" id=\"hours-vendita-card-id\">\n <h3>Orari del punto vendita in cantina<\/h3>\n <ul class=\"hours-list\" id=\"hours-vendita-list-id\">\n <li><span class=\"day\">Luned\u00ec<\/span> <span class=\"closed\">Chiuso<\/span><\/li>\n <li><span class=\"day\">Marted\u00ec<\/span> <span class=\"time\">9:30 – 12:30 \/ 15:00 – 19:00<\/span><\/li>\n <li><span class=\"day\">Mercoled\u00ec<\/span> <span class=\"time\">9:30 – 12:30 \/ 15:00 – 19:00<\/span><\/li>\n <li><span class=\"day\">Gioved\u00ec<\/span> <span class=\"time\">9:30 – 12:30 \/ 15:00 – 19:00<\/span><\/li>\n <li><span class=\"day\">Venerd\u00ec<\/span> <span class=\"time\">9:30 – 12:30 \/ 15:00 – 19:00<\/span><\/li>\n <li><span class=\"day\">Sabato<\/span> <span class=\"time\">9:00 – 12:30 \/ 15:00 – 19:30<\/span><\/li>\n <li><span class=\"day\">Domenica<\/span> <span class=\"time\">10:00 – 12:30 \/ 15:30 – 18:00<\/span><\/li>\n <\/ul>\n <p style=\"margin-top: 1rem; font-size: 0.9rem; color: #666;\">\n Gli orari del punto vendita possono variare, consigliamo di chiamare prima\n <\/p>\n <\/div>\n\n <div class=\"hours-card animate-on-scroll\" id=\"hours-uffici-card-id\">\n <h3>Orari e disponibilit\u00e0 ufficio amministrativo<\/h3>\n <ul class=\"hours-list\" id=\"hours-uffici-list-id\">\n <li><span class=\"day\">Luned\u00ec<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Marted\u00ec<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Mercoled\u00ec<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Gioved\u00ec<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Venerd\u00ec<\/span> <span class=\"time\">9:00 – 18:00<\/span><\/li>\n <li><span class=\"day\">Sabato<\/span> <span class=\"time\">9:00 – 13:00<\/span><\/li>\n <li><span class=\"day\">Domenica<\/span> <span class=\"closed\">Chiuso<\/span><\/li>\n <\/ul>\n <p style=\"margin-top: 1rem; font-size: 0.9rem; color: #666;\">\n Per urgenze puoi fissare un appuntamento telefonando o scrivendo\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n<section class=\"map-section\" id=\"map-section-id\">\n <div class=\"container\">\n <h2>Vieni a scoprire Casa Benna tra le colline piacentine<\/h2>\n <p>\n La nostra cantina si trova nel cuore delle colline piemontesi, immersa tra i vigneti. \n Facilmente raggiungibile in auto o con i mezzi pubblici.\n <\/p>\n\n <div class=\"map-container\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d92326.54985796827!2d11.458284!3d43.094440!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132a61c9e5fa5525%3A0x140b6b5c6b41b7b8!2s53024%20Montalcino%20SI%2C%20Italia!5e0!3m2!1sit!2sit!4v1634567890123!5m2!1sit!2sit\" \n width=\"100%\" \n height=\"400\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Mappa della Cantina WINEFOR\">\n <\/iframe>\n \n <div class=\"map-overlay\">\n <div class=\"map-info\">\n <h3>\ud83c\udf77 Cantina WINEFOR<\/h3>\n <p>Via della Vigna, 123<br>12345 Val Bormida (CN)<\/p>\n <a href=\"https:\/\/maps.google.com\/?q=Via+della+Vigna+123+Val+Bormida+CN+Italia\" target=\"_blank\" class=\"btn\">\n \ud83d\udccd Apri in Google Maps\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <script>\n \/\/ ========== WINEFOR CONTATTI TEMPLATE-3 JAVASCRIPT ========== \/\/\n \n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf77 WINEFOR Contatti Template-3 - Initializing...');\n \n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('in-view');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all elements with animation class\n document.querySelectorAll('.animate-on-scroll').forEach(element => {\n observer.observe(element);\n });\n\n \/\/ Enhanced parallax effect for hero\n let heroTicking = false;\n const hero = document.getElementById('hero-contatti-section-id');\n \n function updateParallax() {\n if (hero) {\n const scrolled = window.pageYOffset;\n const rate = scrolled * -0.5;\n const heroBackground = hero.querySelector('.contact-hero-background');\n if (heroBackground && scrolled < hero.offsetHeight) {\n heroBackground.style.transform = `translateY(${rate}px)`;\n }\n }\n heroTicking = false;\n }\n \n window.addEventListener('scroll', () => {\n if (!heroTicking) {\n requestAnimationFrame(updateParallax);\n heroTicking = true;\n }\n });\n\n \/\/ Error handling for images\n document.querySelectorAll('img').forEach(img => {\n img.addEventListener('error', function() {\n this.style.display = 'none';\n console.warn('Failed to load image:', this.src);\n });\n });\n\n \/\/ Performance monitoring\n if ('performance' in window) {\n window.addEventListener('load', () => {\n setTimeout(() => {\n const perfData = performance.timing;\n const pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;\n console.log(`\ud83c\udf77 WINEFOR Contatti Template-3 loaded in ${pageLoadTime}ms`);\n }, 0);\n });\n }\n\n console.log('\ud83c\udf77 WINEFOR Contatti Template-3 - Initialization complete');\n });\n\n \/\/ GUTENBERG COMPATIBLE: Form handling function\n function handleFormSubmit(event) {\n event.preventDefault();\n \n \/\/ Validation with nested if (Gutenberg compatible)\n var nome = document.getElementById('nome').value.trim();\n var email = document.getElementById('email').value.trim();\n var oggetto = document.getElementById('oggetto').value.trim();\n var messaggio = document.getElementById('messaggio').value.trim();\n \n var isValid = true;\n var errorMessage = '';\n \n if (!nome) {\n isValid = false;\n errorMessage = 'Il nome \u00e8 obbligatorio.';\n } else {\n if (!email) {\n isValid = false;\n errorMessage = 'L'email \u00e8 obbligatoria.';\n } else {\n if (!isValidEmail(email)) {\n isValid = false;\n errorMessage = 'L'email non \u00e8 valida.';\n } else {\n if (!oggetto) {\n isValid = false;\n errorMessage = 'L'oggetto \u00e8 obbligatorio.';\n } else {\n if (!messaggio) {\n isValid = false;\n errorMessage = 'Il messaggio \u00e8 obbligatorio.';\n }\n }\n }\n }\n }\n \n if (isValid) {\n \/\/ Form is valid - simulate successful submission\n alert('Messaggio inviato con successo! Ti contatteremo presto.');\n document.getElementById('contact-form-main-id').reset();\n \n \/\/ Analytics tracking\n if (typeof gtag !== 'undefined') {\n gtag('event', 'contact_form_submit', {\n 'event_category': 'Contact',\n 'event_label': 'Contact Form Submission',\n 'page_location': window.location.href\n });\n }\n } else {\n alert(errorMessage);\n }\n }\n \n function isValidEmail(email) {\n var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n return emailRegex.test(email);\n }\n\n \/\/ Service Worker registration\n if ('serviceWorker' in navigator) {\n window.addEventListener('load', () => {\n navigator.serviceWorker.register('\/sw.js')\n .then(registration => {\n console.log('SW registered: ', registration);\n })\n .catch(registrationError => {\n console.log('SW registration failed: ', registrationError);\n });\n });\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 Scrivici, ti aspettiamo Siamo qui per rispondere a tutte le vostre domande e accogliervi nella nostra cantina. Contattateci per degustazioni, visite o qualsiasi informazione sui nostri vini. Mettiti in contatto con noi Nome * Indirizzo email per comunicazioni scritte * Numero di telefono per contatti diretti Oggetto * Messaggio * Invia […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_my_custom_head_code":"<meta charset=\"UTF-8\">\n<html lang=\"it\">\n<title>Contatti Azienda Vitivinicola Casa Benna a Castell'Arquato (PC)<\/title>\n<meta name=\"description\" content=\"Contatta Casa Benna per visite, degustazioni e vendita vini. Siamo a Castell'Arquato, aperti dal luned\u00ec al sabato e domenica mattina. Scrivici o chiamaci!\">\n<link rel=\"canonical\" href=\"https:\/\/www.casabenna.it\/contatti\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta property=\"og:title\" content=\"Contatti Casa Benna a Castell'Arquato (PC)\">\n<meta property=\"og:description\" content=\"Contatta Casa Benna per visite, degustazioni e vendita vini a Castell'Arquato. Siamo aperti dal luned\u00ec al sabato e domenica mattina.\">\n<meta property=\"og:image\" content=\"https:\/\/www.casabenna.it\/images\/og-default.jpg\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/www.casabenna.it\/contatti\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Contatta Casa Benna: visite e degustazioni a Castell'Arquato\">\n<meta name=\"twitter:description\" content=\"Scrivici o chiamaci per prenotare visite, degustazioni e acquistare vini. Siamo a Castell'Arquato, aperti tutta la settimana.\">\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.casabenna.it\/#organization\",\n \"name\": \"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\",\n \"url\": \"https:\/\/www.casabenna.it\/\",\n \"legalName\": \"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\",\n \"vatID\": \"IT01516050331\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Localit\u00e0 Casa Benna\",\n \"addressLocality\": \"Castell'Arquato\",\n \"postalCode\": \"29014\",\n \"addressRegion\": \"PC\",\n \"addressCountry\": \"IT\"\n },\n \"telephone\": \"+39 0523 803356\",\n \"email\": \"info@casabenna.it\",\n \"openingHours\": \"Mo-Sa 08:00-19:00, Su 08:00-12:00\",\n \"sameAs\": [\n \"https:\/\/www.facebook.com\/casabennavini\",\n \"https:\/\/www.instagram.com\/casabennavini\"\n ],\n \"memberOf\": [\n {\n \"@type\": \"Organization\",\n \"name\": \"F.I.V.I. (Federazione Italiana Vignaioli Indipendenti)\"\n },\n {\n \"@type\": \"Organization\",\n \"name\": \"Campagna Amica\"\n },\n {\n \"@type\": \"Organization\",\n \"name\": \"Strada dei Vini e dei Sapori dei Colli Piacentini\"\n }\n ],\n \"contactPoint\": [\n {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+39 0523 803356\",\n \"email\": \"info@casabenna.it\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": [\n \"it\",\n \"en\"\n ]\n }\n ]\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 CONTATTI - SPECIFIC STYLES\n File: contatti-specific.css\n\n Questo file contiene SOLO stili specifici per la pagina Contatti.\n Gli stili base e comuni sono in template-base.css.\n\n Sezioni:\n 1. Hero Immersive - Background specifico contatti\n 2. Contact Main Section - Form + Sidebar (70\/30 split)\n 3. Hours Section - Orari cantina\/vendita\/uffici\n 4. Map Section - Mappa interattiva\n 5. Responsive Design - Media queries specifiche\n ================================================================= \/\n\n\/ ========== 1. HERO IMMERSIVE - CONTATTI ========== \/\n.contact-hero-immersive {\n position: relative;\n height: 75vh;\n min-height: 600px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contact-hero-background {\n position: absolute;\n top: -10%;\n left: -10%;\n width: 120%;\n height: 120%;\n background: linear-gradient(var(--overlay-dark), var(--overlay-dark)),\n url('https:\/\/stage.goshopfor.it\/template01\/wp-content\/uploads\/2025\/08\/contatti-hero.webp') center\/cover;\n background-attachment: fixed;\n animation: parallaxFloat 20s ease-in-out infinite;\n}\n\n\/ Override specifico per ID dinamico \/\n#hero-contatti-section-id .contact-hero-background {\n background: linear-gradient(var(--overlay-dark), var(--overlay-dark)),\n url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/08\/contatti-hero.webp') center\/cover;\n background-attachment: fixed;\n animation: parallaxFloat 20s ease-in-out infinite;\n}\n\n@keyframes parallaxFloat {\n 0%, 100% { transform: scale(1.05) translateY(0); }\n 50% { transform: scale(1.08) translateY(-20px); }\n}\n\n.contact-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: white;\n max-width: 800px;\n padding: 0 2rem;\n}\n\n.contact-hero-title {\n font-family: var(--font-primary);\n font-size: var(--fs-hero);\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 1.5rem;\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@keyframes titleReveal {\n 0% { opacity: 0; transform: translateY(50px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n.contact-hero-subtitle {\n font-size: var(--fs-h3);\n font-weight: 300;\n margin-bottom: 2rem;\n opacity: 0.95;\n text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);\n animation: subtitleReveal 2.5s ease-out;\n}\n\n\/ Fix contrasto contact-hero-subtitle - Forza testo bianco su sfondo scuro \/\n.contact-hero-subtitle,\n.contact-hero-subtitle p {\n color: white !important;\n}\n\n@keyframes subtitleReveal {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 0.95; transform: translateY(0); }\n}\n\n\/ ========== 2. CONTACT MAIN SECTION - 70\/30 SPLIT ========== \/\n.contact-main {\n padding: var(--section-padding) 0;\n background: var(--cream-white);\n}\n\n.contact-grid {\n display: grid;\n grid-template-columns: 70% 30%;\n gap: var(--space-3xl);\n align-items: start;\n}\n\n\/ Contact Form - 70% Left Side \/\n.contact-form-container {\n background: white;\n padding: var(--space-2xl);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-wine);\n border: 2px solid rgba(114, 47, 55, 0.1);\n position: relative;\n overflow: hidden;\n}\n\n.contact-form-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--deep-wine) 0%, var(--golden-harvest) 100%);\n}\n\n.contact-form-container h2 {\n font-family: var(--font-primary);\n font-size: var(--fs-h2);\n color: var(--deep-wine);\n margin-bottom: var(--space-xl);\n font-weight: 600;\n}\n\n.form-group {\n margin-bottom: var(--space-lg);\n}\n\n.form-label {\n display: block;\n margin-bottom: var(--space-sm);\n font-weight: 600;\n color: var(--deep-wine);\n font-size: 1.1rem;\n}\n\n.form-input,\n.form-textarea {\n width: 100%;\n padding: 1rem;\n border: 2px solid rgba(114, 47, 55, 0.2);\n border-radius: var(--radius-md);\n font-family: var(--font-secondary);\n font-size: 1rem;\n transition: var(--transition-smooth);\n background: var(--cream-white);\n}\n\n.form-input:focus,\n.form-textarea:focus {\n outline: none;\n border-color: var(--terra-cotta);\n box-shadow: 0 0 0 3px rgba(196, 115, 90, 0.1);\n background: white;\n}\n\n.form-textarea {\n min-height: 120px;\n resize: vertical;\n}\n\n.form-submit {\n background: linear-gradient(45deg, var(--deep-wine), var(--deep-wine-light));\n color: white;\n padding: 1.2rem 3rem;\n border: none;\n border-radius: var(--radius-md);\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition-smooth);\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: var(--shadow-wine);\n}\n\n.form-submit:hover {\n background: linear-gradient(45deg, var(--golden-harvest), var(--golden-light));\n color: var(--soft-black);\n transform: translateY(-2px);\n box-shadow: var(--shadow-deep);\n}\n\n\/ Contact Info Sidebar - 30% Right Side \/\n.contact-info {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg);\n}\n\n.contact-info h2 {\n font-family: var(--font-primary);\n font-size: var(--fs-h2);\n color: var(--deep-wine);\n margin-bottom: var(--space-lg);\n font-weight: 600;\n}\n\n.contact-item {\n display: flex;\n align-items: flex-start;\n padding: var(--space-lg);\n background: linear-gradient(145deg, white, var(--cream-white));\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-wine);\n border: 2px solid rgba(114, 47, 55, 0.1);\n transition: var(--transition-smooth);\n position: relative;\n overflow: hidden;\n}\n\n.contact-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--deep-wine) 0%, var(--golden-harvest) 100%);\n}\n\n.contact-item:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-deep);\n border-color: var(--golden-harvest);\n}\n\n.contact-icon {\n font-size: 1.8rem;\n margin-right: var(--space-md);\n margin-top: 0.25rem;\n min-width: 40px;\n}\n\n.contact-details h3 {\n font-family: var(--font-primary);\n color: var(--deep-wine);\n margin-bottom: var(--space-sm);\n font-size: 1.3rem;\n font-weight: 600;\n}\n\n.contact-details p {\n margin-bottom: 0.25rem;\n color: var(--soft-black);\n line-height: 1.6;\n}\n\n.contact-details strong {\n color: var(--terra-cotta);\n font-weight: 600;\n}\n\n\/ ========== 3. HOURS SECTION ========== \/\n.hours-section {\n padding: var(--section-padding) 0;\n background: linear-gradient(135deg,\n rgba(114, 47, 55, 0.03) 0%,\n rgba(253, 246, 227, 0.8) 100%);\n}\n\n.hours-section h2 {\n text-align: center;\n font-family: var(--font-primary);\n font-size: var(--fs-h1);\n color: var(--deep-wine);\n margin-bottom: var(--space-3xl);\n font-weight: 600;\n}\n\n.hours-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: var(--space-xl);\n}\n\n.hours-card {\n background: linear-gradient(145deg, white, var(--cream-white));\n padding: var(--space-xl);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-wine);\n border: 2px solid var(--golden-harvest);\n transition: var(--transition-smooth);\n position: relative;\n overflow: hidden;\n}\n\n.hours-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--deep-wine) 0%, var(--golden-harvest) 100%);\n}\n\n.hours-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-deep);\n}\n\n.hours-card h3 {\n font-family: var(--font-primary);\n color: var(--deep-wine);\n font-size: var(--fs-h3);\n margin-bottom: var(--space-lg);\n text-align: center;\n font-weight: 600;\n}\n\n.hours-list {\n list-style: none;\n}\n\n.hours-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--space-sm) 0;\n border-bottom: 1px solid rgba(114, 47, 55, 0.1);\n}\n\n.hours-list li:last-child {\n border-bottom: none;\n}\n\n.day {\n font-weight: 600;\n color: var(--deep-wine);\n}\n\n.time {\n color: var(--terra-cotta);\n font-weight: 500;\n}\n\n.closed {\n color: #999;\n font-style: italic;\n}\n\n\/ ========== 4. MAP SECTION ========== \/\n.map-section {\n padding: var(--section-padding) 0;\n background: var(--cream-white);\n}\n\n.map-section h2 {\n text-align: center;\n font-family: var(--font-primary);\n font-size: var(--fs-h1);\n color: var(--deep-wine);\n margin-bottom: var(--space-md);\n font-weight: 600;\n}\n\n.map-section > .container > p {\n text-align: center;\n color: var(--soft-black);\n max-width: 600px;\n margin: 0 auto var(--space-xl);\n font-size: var(--fs-body);\n line-height: 1.8;\n}\n\n.map-container {\n position: relative;\n border-radius: var(--radius-xl);\n overflow: hidden;\n box-shadow: var(--shadow-deep);\n margin-top: var(--space-xl);\n border: 3px solid var(--golden-harvest);\n}\n\n.map-container iframe {\n width: 100%;\n height: 400px;\n border: none;\n}\n\n.map-overlay {\n position: absolute;\n top: var(--space-lg);\n left: var(--space-lg);\n background: rgba(255, 255, 255, 0.95);\n padding: var(--space-lg);\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-wine);\n backdrop-filter: blur(10px);\n}\n\n.map-info h3 {\n font-family: var(--font-primary);\n color: var(--deep-wine);\n margin-bottom: var(--space-sm);\n font-size: 1.3rem;\n}\n\n.map-info p {\n margin-bottom: var(--space-sm);\n color: var(--soft-black);\n font-size: 0.95rem;\n line-height: 1.6;\n}\n\n\/ ========== 5. RESPONSIVE DESIGN - CONTATTI SPECIFIC ========== \/\n@media (max-width: 768px) {\n \/ Hero adjustments \/\n .contact-hero-immersive {\n height: 60vh;\n min-height: 500px;\n }\n\n .contact-hero-content {\n padding: 2rem 1rem;\n }\n\n \/ Contact grid - Stack vertically \/\n .contact-grid {\n grid-template-columns: 1fr;\n gap: var(--space-xl);\n }\n\n \/ Contact info first on mobile \/\n .contact-info {\n order: -1;\n }\n\n \/ Hours grid - Single column \/\n .hours-grid {\n grid-template-columns: 1fr;\n }\n\n \/ Map adjustments \/\n .map-container iframe {\n height: 300px;\n }\n\n \/ Map overlay - Static on mobile \/\n .map-overlay {\n position: static;\n margin-top: var(--space-md);\n background: var(--cream-white);\n }\n}\n<\/style>","footnotes":""},"class_list":["post-781","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"ilcontrollore","author_link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/author\/ilcontrollore\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"\ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 Scrivici, ti aspettiamo Siamo qui per rispondere a tutte le vostre domande e accogliervi nella nostra cantina. Contattateci per degustazioni, visite o qualsiasi informazione sui nostri vini. Mettiti in contatto con noi Nome Indirizzo email per comunicazioni scritte * Numero di telefono per contatti diretti Oggetto * Messaggio * Invia…","_links":{"self":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/types\/page"}],"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=781"}],"version-history":[{"count":2,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/781\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/781\/revisions\/1009"}],"wp:attachment":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/media?parent=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}