HORECA – Cantina San Lorenzo<\/title>\n\n \n <link rel=\"stylesheet\" href=\"template-base.css\">\n <link rel=\"stylesheet\" href=\"ingresso-horeca-specific.css\">\n<\/head>\n<body>\n \n <section class=\"hero-immersive horeca-hero\" id=\"horeca-hero-section\">\n <div class=\"hero-background\"><\/div>\n\n <div class=\"floating-elements\">\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <h1 class=\"hero-title\" id=\"horeca-hero-title\">HORECA<\/h1>\n <p class=\"hero-subtitle\" id=\"horeca-hero-subtitle\">\n Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta\n <\/p>\n <\/div>\n <\/section>\n \n\n \n <section class=\"horeca-login-section\" id=\"horeca-login-section\">\n <div class=\"container\">\n <div class=\"two-column-layout\">\n\n \n <div class=\"login-column\">\n <div class=\"login-block animate-on-scroll\" id=\"horeca-login-block\">\n <h3>Accedi alla Sezione HORECA<\/h3>\n <p class=\"login-intro\">Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca.<\/p>\n\n \n <div class=\"winefor-login-container\">\n \n <form name=\"loginform\" id=\"winefor_login_form\" class=\"winefor-login-form\" action=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-login.php\" method=\"post\">\n \n <div class=\"winefor-login-field\">\n <label for=\"user_login\">Nome utente o Email<\/label>\n <input type=\"text\" name=\"log\" id=\"user_login\" class=\"winefor-login-input\" value=\"\" size=\"20\" autocapitalize=\"off\" required \/>\n <\/div>\n \n <div class=\"winefor-login-field\">\n <label for=\"user_pass\">Password<\/label>\n <input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"winefor-login-input\" value=\"\" size=\"20\" required \/>\n <\/div>\n \n <div class=\"winefor-login-remember\">\n <label>\n <input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> \n Ricordami <\/label>\n <\/div>\n \n <div class=\"winefor-login-submit\">\n <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"winefor-login-button\" value=\"Accedi\" \/>\n <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\" \/>\n <input type=\"hidden\" name=\"winefor_login_form\" value=\"1\" \/>\n <\/div>\n <\/form>\n \n <div class=\"winefor-login-links\">\n \n <a href=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\/mio-account\/lost-password\/\" class=\"winefor-lost-password-link\">Password dimenticata?<\/a>\n <\/div>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n var loginForm = document.getElementById('winefor_login_form');\n \n if (loginForm) {\n loginForm.addEventListener('submit', function(e) {\n var username = document.getElementById('user_login').value.trim();\n var password = document.getElementById('user_pass').value.trim();\n \n if (!username || !password) {\n e.preventDefault();\n alert('Per favore, inserisci sia nome utente che password.');\n return false;\n }\n \n \/\/ Mostra loading\n var submitBtn = document.getElementById('wp-submit');\n submitBtn.value = 'Accesso in corso...';\n submitBtn.disabled = true;\n });\n \n \/\/ Auto-focus sul primo campo vuoto\n var usernameField = document.getElementById('user_login');\n var passwordField = document.getElementById('user_pass');\n \n if (usernameField && !usernameField.value) {\n usernameField.focus();\n } else if (passwordField && !passwordField.value) {\n passwordField.focus();\n }\n }\n });\n <\/script>\n \n\n <\/div>\n <\/div>\n\n \n <div class=\"info-column\">\n <div class=\"info-block animate-on-scroll\" id=\"horeca-info-block\">\n <h3>Informazioni Accesso HORECA<\/h3>\n\n <div class=\"info-content\">\n <p>La sezione <strong>HORECA<\/strong> \u00e8 dedicata esclusivamente ai professionisti del settore:<\/p>\n\n <ul class=\"info-list\">\n <li><span class=\"info-icon\">\ud83c\udfe8<\/span> <strong>Hotel e Resort<\/strong> – Listini dedicati per la vostra carta vini<\/li>\n <li><span class=\"info-icon\">\ud83c\udf7d\ufe0f<\/span> <strong>Ristoranti<\/strong> – Selezioni esclusive e prezzi riservati<\/li>\n <li><span class=\"info-icon\">\u2615<\/span> <strong>Caff\u00e8 e Bar<\/strong> – Forniture continue e supporto logistico<\/li>\n <li><span class=\"info-icon\">\ud83c\udf89<\/span> <strong>Catering<\/strong> – Soluzioni personalizzate per eventi<\/li>\n <\/ul>\n\n <div class=\"info-highlight\">\n <h4>Vantaggi Riservati<\/h4>\n <p>Accedi a prezzi dedicati, promo esclusive, consegne prioritarie e supporto commerciale personalizzato per il tuo business.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n \n\n \n <section class=\"horeca-cta-section\" id=\"horeca-cta-section\">\n <div class=\"container\">\n <div class=\"cta-content-horeca animate-on-scroll\">\n <p class=\"cta-text\">Se non hai accesso alla sezione Ho.Re.Ca fai richiesta<\/p>\n <a href=\"registrazione-horeca.html\" class=\"btn-primary cta-button-horeca\">Richiedi Accesso HORECA<\/a>\n\n <div class=\"cta-benefits\">\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\udcbc<\/span>\n <span>Listini Dedicati<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\ude9a<\/span>\n <span>Consegne Prioritarie<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83c\udf81<\/span>\n <span>Offerte Esclusive<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\udcde<\/span>\n <span>Supporto Dedicato<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf77 HORECA Page 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 (disabled on mobile for performance)\n const isMobile = window.innerWidth <= 768;\n\n if (!isMobile) {\n let heroTicking = false;\n const hero = document.getElementById('horeca-hero-section');\n\n function updateParallax() {\n if (hero) {\n const scrolled = window.pageYOffset;\n const rate = scrolled * -0.5;\n const heroBackground = hero.querySelector('.hero-background');\n if (heroBackground) {\n if (scrolled < hero.offsetHeight) {\n heroBackground.style.transform = 'translateY(' + rate + 'px)';\n }\n }\n }\n heroTicking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!heroTicking) {\n requestAnimationFrame(updateParallax);\n heroTicking = true;\n }\n });\n }\n\n \/\/ Error handling for images\n document.querySelectorAll('img').forEach(function(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', function() {\n setTimeout(function() {\n const perfData = performance.timing;\n const pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;\n console.log('\ud83c\udf77 HORECA Page Template-3 loaded in ' + pageLoadTime + 'ms');\n }, 0);\n });\n }\n\n console.log('\ud83c\udf77 HORECA Page Template-3 - Initialization complete');\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HORECA – Cantina San Lorenzo \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 HORECA Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta Accedi alla Sezione HORECA Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca. Informazioni Accesso HORECA La sezione […]<\/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>Casa Benna: vini per Ho.Re.Ca. e ristorazione di qualit\u00e0 a Castell'...<\/title>\n<meta name=\"description\" content=\"Scopri i vini di Casa Benna per il canale Ho.Re.Ca.: Gutturnio, Ortrugo e Bonarda. Qualit\u00e0, tradizione e sostenibilit\u00e0. Contattaci per forniture dedicate.\">\n<link rel=\"canonical\" href=\"https:\/\/www.casabenna.it\/ingresso-horeca\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta property=\"og:title\" content=\"Casa Benna: vini Ho.Re.Ca. di qualit\u00e0 a Castell'Arquato\">\n<meta property=\"og:description\" content=\"Vini Casa Benna per Ho.Re.Ca.: Gutturnio, Ortrugo, Bonarda. Qualit\u00e0, tradizione e sostenibilit\u00e0 per la ristorazione. Forniture dedicate.\">\n<meta property=\"og:image\" content=\"https:\/\/www.casabenna.it\/wp-content\/uploads\/2023\/03\/casa-benna-vini-horeca.jpg\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/www.casabenna.it\/ingresso-horeca\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Casa Benna: vini per Ho.Re.Ca. e ristorazione di qualit\u00e0\">\n<meta name=\"twitter:description\" content=\"Scopri Gutturnio, Ortrugo e Bonarda di Casa Benna per il canale Ho.Re.Ca. Qualit\u00e0, tradizione e sostenibilit\u00e0. Forniture dedicate per la ristorazione.\">\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.casabenna.it\/ingresso-horeca#organization\",\n \"name\": \"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\",\n \"url\": \"https:\/\/www.casabenna.it\/ingresso-horeca\",\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 \"postalCode\": \"29014\",\n \"addressLocality\": \"Castell'Arquato\",\n \"addressRegion\": \"PC\",\n \"addressCountry\": \"IT\"\n },\n \"telephone\": \"+39 0523 803356\",\n \"email\": \"info@casabenna.it\",\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 \"description\": \"Casa Benna \u00e8 un'azienda vitivinicola storica a Castell'Arquato (PC), fondata nel 1916 e specializzata nella produzione di vini di qualit\u00e0 per il canale Ho.Re.Ca. e la ristorazione. Unisce tradizione familiare, sostenibilit\u00e0 e innovazione scientifica, con una gamma di vini rossi e bianchi tipici dei Colli Piacentini.\",\n \"foundingDate\": \"1916\",\n \"founders\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Giovanni Molinari\"\n }\n ],\n \"areaServed\": \"Italia\",\n \"makesOffer\": [\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Frizzante 'Il Garrito'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Classico Superiore 'Vidar\u00f2'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Classico Riserva 'Punctatum'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Bonarda Frizzante 'Orma di Irma'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Bonarda Ferma 'Sis\u00f9ra'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Ortrugo Frizzante 'Genuis'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Malvasia Ferma 'Luce di Selce'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Monterosso Val d'Arda Frizzante\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"L'Attacco (Vino Rosso PIWI)\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Cabernet Sauvignon\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Pervinca (Ervi)\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Il 27 Rosso (Muffato di Croatina)\"\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 HORECA PAGE - SPECIFIC STYLES\n File: horeca-specific.css\n Template: Template-3\n Description: Stili specifici per la pagina HORECA\n ================================================================= *\/\n\n\/* ============================================\n HERO SECTION HORECA\n ============================================ *\/\n.horeca-hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(var(--overlay-dark), var(--overlay-dark)),\n url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-heritage-sfondo.webp') center\/cover;\n background-attachment: fixed;\n}\n\n.horeca-hero .hero-background {\n background-image: url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-heritage-sfondo.webp');\n}\n\n.horeca-hero h1 {\n font-family: var(--font-primary);\n font-size: clamp(3.5rem, 8vw, 6rem);\n font-weight: 700;\n color: white;\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.horeca-hero h2,\n.horeca-hero .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 2rem);\n font-weight: 300;\n color: white;\n opacity: 0.95;\n text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);\n animation: subtitleReveal 2.5s ease-out;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* ============================================\n 2 COLUMNS LAYOUT - LOGIN E INFO\n ============================================ *\/\n.horeca-login-section {\n padding: var(--space-3xl) 0;\n background: var(--background-secondary);\n}\n\n.two-column-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n\n.login-column,\n.info-column {\n position: relative;\n}\n\n.login-block,\n.info-block {\n background: white;\n padding: 3rem;\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-soft);\n transition: var(--transition-smooth);\n position: relative;\n overflow: hidden;\n}\n\n.login-block::before,\n.info-block::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), var(--golden-harvest));\n}\n\n.login-block:hover,\n.info-block:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-medium);\n}\n\n.login-block h3,\n.info-block h3 {\n font-family: var(--font-primary);\n font-size: var(--fs-h2);\n color: var(--deep-wine);\n margin-bottom: 1.5rem;\n line-height: 1.3;\n}\n\n.login-intro {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n}\n\n\/* ============================================\n INFO CONTENT STYLING\n ============================================ *\/\n.info-content {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.info-content p {\n margin-bottom: 1.5rem;\n}\n\n.info-list {\n list-style: none;\n padding: 0;\n margin: 2rem 0;\n}\n\n.info-list li {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid rgba(139, 21, 56, 0.1);\n transition: var(--transition-fast);\n}\n\n.info-list li:last-child {\n border-bottom: none;\n}\n\n.info-list li:hover {\n padding-left: 0.5rem;\n background: rgba(218, 165, 32, 0.05);\n}\n\n.info-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--background-secondary);\n border-radius: 50%;\n}\n\n.info-highlight {\n background: var(--background-secondary);\n padding: 2rem;\n border-radius: var(--radius-md);\n margin-top: 2rem;\n border-left: 4px solid var(--golden-harvest);\n}\n\n.info-highlight h4 {\n font-family: var(--font-primary);\n font-size: var(--fs-h4);\n color: var(--deep-wine);\n margin-bottom: 1rem;\n}\n\n.info-highlight p {\n margin: 0;\n font-size: 1rem;\n line-height: 1.7;\n}\n\n\/* ============================================\n CTA REGISTRAZIONE SECTION\n ============================================ *\/\n.horeca-cta-section {\n padding: var(--space-3xl) 0;\n text-align: center;\n background: linear-gradient(135deg, var(--deep-wine) 0%, var(--deep-wine-dark) 100%);\n color: white;\n position: relative;\n overflow: hidden;\n}\n\n.horeca-cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-puntovendita-sfondo.webp') center\/cover;\n opacity: 0.1;\n z-index: 0;\n}\n\n.cta-content-horeca {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.cta-text {\n font-family: var(--font-primary);\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: white;\n margin-bottom: 2.5rem;\n font-weight: 600;\n line-height: 1.4;\n}\n\n.cta-button-horeca {\n display: inline-block;\n padding: 1.5rem 3.5rem;\n font-size: 1.2rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 3rem;\n box-shadow: 0 8px 30px rgba(218, 165, 32, 0.4);\n}\n\n.cta-button-horeca:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 40px rgba(218, 165, 32, 0.6);\n}\n\n\/* ============================================\n CTA BENEFITS GRID\n ============================================ *\/\n.cta-benefits {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n}\n\n.benefit-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n padding: 2rem 1rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255, 255, 255, 0.2);\n border-radius: var(--radius-lg);\n transition: var(--transition-smooth);\n}\n\n.benefit-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-5px);\n border-color: rgba(255, 255, 255, 0.4);\n}\n\n.benefit-icon {\n font-size: 2.5rem;\n color: var(--golden-harvest);\n display: block;\n}\n\n.benefit-item span:last-child {\n font-size: 1rem;\n font-weight: 600;\n color: white;\n text-align: center;\n line-height: 1.4;\n}\n\n\/* ============================================\n ANIMATION CLASSES\n ============================================ *\/\n.animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n}\n\n.animate-on-scroll.in-view {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* ============================================\n RESPONSIVE DESIGN\n ============================================ *\/\n\n\/* Tablet (max-width: 1024px) *\/\n@media (max-width: 1024px) {\n .two-column-layout {\n gap: 2rem;\n }\n\n .login-block,\n .info-block {\n padding: 2.5rem;\n }\n\n .cta-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Mobile (max-width: 768px) *\/\n@media (max-width: 768px) {\n .horeca-hero {\n height: 80vh;\n min-height: 600px;\n }\n\n .horeca-hero .hero-background {\n background-attachment: scroll;\n }\n\n .two-column-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .login-block,\n .info-block {\n padding: 2rem;\n }\n\n .info-list li {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n\n .cta-benefits {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .benefit-item {\n flex-direction: row;\n padding: 1.5rem;\n justify-content: flex-start;\n text-align: left;\n }\n\n .benefit-icon {\n font-size: 2rem;\n min-width: 50px;\n }\n\n .benefit-item span:last-child {\n text-align: left;\n }\n\n .horeca-login-section {\n padding: var(--space-xl) 0;\n }\n\n .horeca-cta-section {\n padding: var(--space-xl) 0;\n }\n}\n\n\/* Small Mobile (max-width: 480px) *\/\n@media (max-width: 480px) {\n .horeca-hero {\n height: 70vh;\n min-height: 500px;\n }\n\n .horeca-hero h1 {\n font-size: 2.5rem;\n }\n\n .horeca-hero .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .login-block,\n .info-block {\n padding: 1.5rem;\n }\n\n .login-block h3,\n .info-block h3 {\n font-size: 1.5rem;\n }\n\n .cta-text {\n font-size: 1.5rem;\n }\n\n .cta-button-horeca {\n padding: 1.2rem 2.5rem;\n font-size: 1rem;\n }\n\n .benefit-item {\n padding: 1rem;\n }\n\n .benefit-icon {\n font-size: 1.8rem;\n min-width: 45px;\n }\n}\n\n\/* ============================================\n ACCESSIBILITY\n ============================================ *\/\n\n\/* Focus Styles *\/\n.cta-button-horeca:focus {\n outline: 3px solid var(--golden-light);\n outline-offset: 3px;\n}\n\n\/* Reduced Motion Support *\/\n@media (prefers-reduced-motion: reduce) {\n .animate-on-scroll,\n .login-block,\n .info-block,\n .benefit-item,\n .cta-button-horeca {\n animation: none !important;\n transition: none !important;\n }\n\n .horeca-hero h1,\n .horeca-hero .hero-subtitle {\n animation: none !important;\n }\n}\n\n\/* High Contrast Mode Support *\/\n@media (prefers-contrast: high) {\n .info-list li {\n border-bottom-color: currentColor;\n }\n\n .benefit-item {\n border-width: 3px;\n }\n}\n\n\/* Print Styles *\/\n@media print {\n .horeca-hero,\n .floating-elements,\n .cta-benefits {\n display: none;\n }\n\n .two-column-layout {\n grid-template-columns: 1fr;\n }\n\n .login-block,\n .info-block {\n box-shadow: none;\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n}\n<\/style>","footnotes":""},"class_list":["post-785","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":"HORECA – Cantina San Lorenzo \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 HORECA Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta Accedi alla Sezione HORECA Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca. Informazioni Accesso HORECA La sezione…","_links":{"self":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785","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=785"}],"version-history":[{"count":1,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785\/revisions\/1013"}],"wp:attachment":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/media?parent=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":785,"date":"2026-03-20T11:33:26","date_gmt":"2026-03-20T10:33:26","guid":{"rendered":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/ingresso-horeca\/"},"modified":"2026-03-20T23:44:43","modified_gmt":"2026-03-20T22:44:43","slug":"ingresso-horeca","status":"publish","type":"page","link":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/ingresso-horeca\/","title":{"rendered":"Casa Benna: vini per Ho.Re.Ca. e ristorazione di qualit\u00e0 a Castell’…"},"content":{"rendered":"\n\n\n\n \n \n HORECA – Cantina San Lorenzo<\/title>\n\n \n <link rel=\"stylesheet\" href=\"template-base.css\">\n <link rel=\"stylesheet\" href=\"ingresso-horeca-specific.css\">\n<\/head>\n<body>\n \n <section class=\"hero-immersive horeca-hero\" id=\"horeca-hero-section\">\n <div class=\"hero-background\"><\/div>\n\n <div class=\"floating-elements\">\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <div class=\"floating-grape\">\ud83c\udf47<\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <h1 class=\"hero-title\" id=\"horeca-hero-title\">HORECA<\/h1>\n <p class=\"hero-subtitle\" id=\"horeca-hero-subtitle\">\n Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta\n <\/p>\n <\/div>\n <\/section>\n \n\n \n <section class=\"horeca-login-section\" id=\"horeca-login-section\">\n <div class=\"container\">\n <div class=\"two-column-layout\">\n\n \n <div class=\"login-column\">\n <div class=\"login-block animate-on-scroll\" id=\"horeca-login-block\">\n <h3>Accedi alla Sezione HORECA<\/h3>\n <p class=\"login-intro\">Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca.<\/p>\n\n \n <div class=\"winefor-login-container\">\n \n <form name=\"loginform\" id=\"winefor_login_form\" class=\"winefor-login-form\" action=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-login.php\" method=\"post\">\n \n <div class=\"winefor-login-field\">\n <label for=\"user_login\">Nome utente o Email<\/label>\n <input type=\"text\" name=\"log\" id=\"user_login\" class=\"winefor-login-input\" value=\"\" size=\"20\" autocapitalize=\"off\" required \/>\n <\/div>\n \n <div class=\"winefor-login-field\">\n <label for=\"user_pass\">Password<\/label>\n <input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"winefor-login-input\" value=\"\" size=\"20\" required \/>\n <\/div>\n \n <div class=\"winefor-login-remember\">\n <label>\n <input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> \n Ricordami <\/label>\n <\/div>\n \n <div class=\"winefor-login-submit\">\n <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"winefor-login-button\" value=\"Accedi\" \/>\n <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\" \/>\n <input type=\"hidden\" name=\"winefor_login_form\" value=\"1\" \/>\n <\/div>\n <\/form>\n \n <div class=\"winefor-login-links\">\n \n <a href=\"https:\/\/stage.goshopfor.it\/bennadefinitivo\/mio-account\/lost-password\/\" class=\"winefor-lost-password-link\">Password dimenticata?<\/a>\n <\/div>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n var loginForm = document.getElementById('winefor_login_form');\n \n if (loginForm) {\n loginForm.addEventListener('submit', function(e) {\n var username = document.getElementById('user_login').value.trim();\n var password = document.getElementById('user_pass').value.trim();\n \n if (!username || !password) {\n e.preventDefault();\n alert('Per favore, inserisci sia nome utente che password.');\n return false;\n }\n \n \/\/ Mostra loading\n var submitBtn = document.getElementById('wp-submit');\n submitBtn.value = 'Accesso in corso...';\n submitBtn.disabled = true;\n });\n \n \/\/ Auto-focus sul primo campo vuoto\n var usernameField = document.getElementById('user_login');\n var passwordField = document.getElementById('user_pass');\n \n if (usernameField && !usernameField.value) {\n usernameField.focus();\n } else if (passwordField && !passwordField.value) {\n passwordField.focus();\n }\n }\n });\n <\/script>\n \n\n <\/div>\n <\/div>\n\n \n <div class=\"info-column\">\n <div class=\"info-block animate-on-scroll\" id=\"horeca-info-block\">\n <h3>Informazioni Accesso HORECA<\/h3>\n\n <div class=\"info-content\">\n <p>La sezione <strong>HORECA<\/strong> \u00e8 dedicata esclusivamente ai professionisti del settore:<\/p>\n\n <ul class=\"info-list\">\n <li><span class=\"info-icon\">\ud83c\udfe8<\/span> <strong>Hotel e Resort<\/strong> – Listini dedicati per la vostra carta vini<\/li>\n <li><span class=\"info-icon\">\ud83c\udf7d\ufe0f<\/span> <strong>Ristoranti<\/strong> – Selezioni esclusive e prezzi riservati<\/li>\n <li><span class=\"info-icon\">\u2615<\/span> <strong>Caff\u00e8 e Bar<\/strong> – Forniture continue e supporto logistico<\/li>\n <li><span class=\"info-icon\">\ud83c\udf89<\/span> <strong>Catering<\/strong> – Soluzioni personalizzate per eventi<\/li>\n <\/ul>\n\n <div class=\"info-highlight\">\n <h4>Vantaggi Riservati<\/h4>\n <p>Accedi a prezzi dedicati, promo esclusive, consegne prioritarie e supporto commerciale personalizzato per il tuo business.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n \n\n \n <section class=\"horeca-cta-section\" id=\"horeca-cta-section\">\n <div class=\"container\">\n <div class=\"cta-content-horeca animate-on-scroll\">\n <p class=\"cta-text\">Se non hai accesso alla sezione Ho.Re.Ca fai richiesta<\/p>\n <a href=\"registrazione-horeca.html\" class=\"btn-primary cta-button-horeca\">Richiedi Accesso HORECA<\/a>\n\n <div class=\"cta-benefits\">\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\udcbc<\/span>\n <span>Listini Dedicati<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\ude9a<\/span>\n <span>Consegne Prioritarie<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83c\udf81<\/span>\n <span>Offerte Esclusive<\/span>\n <\/div>\n <div class=\"benefit-item\">\n <span class=\"benefit-icon\">\ud83d\udcde<\/span>\n <span>Supporto Dedicato<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf77 HORECA Page 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 (disabled on mobile for performance)\n const isMobile = window.innerWidth <= 768;\n\n if (!isMobile) {\n let heroTicking = false;\n const hero = document.getElementById('horeca-hero-section');\n\n function updateParallax() {\n if (hero) {\n const scrolled = window.pageYOffset;\n const rate = scrolled * -0.5;\n const heroBackground = hero.querySelector('.hero-background');\n if (heroBackground) {\n if (scrolled < hero.offsetHeight) {\n heroBackground.style.transform = 'translateY(' + rate + 'px)';\n }\n }\n }\n heroTicking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!heroTicking) {\n requestAnimationFrame(updateParallax);\n heroTicking = true;\n }\n });\n }\n\n \/\/ Error handling for images\n document.querySelectorAll('img').forEach(function(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', function() {\n setTimeout(function() {\n const perfData = performance.timing;\n const pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;\n console.log('\ud83c\udf77 HORECA Page Template-3 loaded in ' + pageLoadTime + 'ms');\n }, 0);\n });\n }\n\n console.log('\ud83c\udf77 HORECA Page Template-3 - Initialization complete');\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HORECA – Cantina San Lorenzo \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 HORECA Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta Accedi alla Sezione HORECA Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca. Informazioni Accesso HORECA La sezione […]<\/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>Casa Benna: vini per Ho.Re.Ca. e ristorazione di qualit\u00e0 a Castell'...<\/title>\n<meta name=\"description\" content=\"Scopri i vini di Casa Benna per il canale Ho.Re.Ca.: Gutturnio, Ortrugo e Bonarda. Qualit\u00e0, tradizione e sostenibilit\u00e0. Contattaci per forniture dedicate.\">\n<link rel=\"canonical\" href=\"https:\/\/www.casabenna.it\/ingresso-horeca\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta property=\"og:title\" content=\"Casa Benna: vini Ho.Re.Ca. di qualit\u00e0 a Castell'Arquato\">\n<meta property=\"og:description\" content=\"Vini Casa Benna per Ho.Re.Ca.: Gutturnio, Ortrugo, Bonarda. Qualit\u00e0, tradizione e sostenibilit\u00e0 per la ristorazione. Forniture dedicate.\">\n<meta property=\"og:image\" content=\"https:\/\/www.casabenna.it\/wp-content\/uploads\/2023\/03\/casa-benna-vini-horeca.jpg\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/www.casabenna.it\/ingresso-horeca\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Casa Benna: vini per Ho.Re.Ca. e ristorazione di qualit\u00e0\">\n<meta name=\"twitter:description\" content=\"Scopri Gutturnio, Ortrugo e Bonarda di Casa Benna per il canale Ho.Re.Ca. Qualit\u00e0, tradizione e sostenibilit\u00e0. Forniture dedicate per la ristorazione.\">\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.casabenna.it\/ingresso-horeca#organization\",\n \"name\": \"Azienda Vitivinicola Casa Benna (Societ\u00e0 Agricola di Molinari Andrea e Stabile A. s.s.)\",\n \"url\": \"https:\/\/www.casabenna.it\/ingresso-horeca\",\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 \"postalCode\": \"29014\",\n \"addressLocality\": \"Castell'Arquato\",\n \"addressRegion\": \"PC\",\n \"addressCountry\": \"IT\"\n },\n \"telephone\": \"+39 0523 803356\",\n \"email\": \"info@casabenna.it\",\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 \"description\": \"Casa Benna \u00e8 un'azienda vitivinicola storica a Castell'Arquato (PC), fondata nel 1916 e specializzata nella produzione di vini di qualit\u00e0 per il canale Ho.Re.Ca. e la ristorazione. Unisce tradizione familiare, sostenibilit\u00e0 e innovazione scientifica, con una gamma di vini rossi e bianchi tipici dei Colli Piacentini.\",\n \"foundingDate\": \"1916\",\n \"founders\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Giovanni Molinari\"\n }\n ],\n \"areaServed\": \"Italia\",\n \"makesOffer\": [\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Frizzante 'Il Garrito'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Classico Superiore 'Vidar\u00f2'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Gutturnio Classico Riserva 'Punctatum'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Bonarda Frizzante 'Orma di Irma'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Bonarda Ferma 'Sis\u00f9ra'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Ortrugo Frizzante 'Genuis'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Malvasia Ferma 'Luce di Selce'\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Monterosso Val d'Arda Frizzante\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"L'Attacco (Vino Rosso PIWI)\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Cabernet Sauvignon\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Pervinca (Ervi)\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Il 27 Rosso (Muffato di Croatina)\"\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 HORECA PAGE - SPECIFIC STYLES\n File: horeca-specific.css\n Template: Template-3\n Description: Stili specifici per la pagina HORECA\n ================================================================= *\/\n\n\/* ============================================\n HERO SECTION HORECA\n ============================================ *\/\n.horeca-hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(var(--overlay-dark), var(--overlay-dark)),\n url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-heritage-sfondo.webp') center\/cover;\n background-attachment: fixed;\n}\n\n.horeca-hero .hero-background {\n background-image: url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-heritage-sfondo.webp');\n}\n\n.horeca-hero h1 {\n font-family: var(--font-primary);\n font-size: clamp(3.5rem, 8vw, 6rem);\n font-weight: 700;\n color: white;\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.horeca-hero h2,\n.horeca-hero .hero-subtitle {\n font-size: clamp(1.3rem, 3vw, 2rem);\n font-weight: 300;\n color: white;\n opacity: 0.95;\n text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);\n animation: subtitleReveal 2.5s ease-out;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* ============================================\n 2 COLUMNS LAYOUT - LOGIN E INFO\n ============================================ *\/\n.horeca-login-section {\n padding: var(--space-3xl) 0;\n background: var(--background-secondary);\n}\n\n.two-column-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n\n.login-column,\n.info-column {\n position: relative;\n}\n\n.login-block,\n.info-block {\n background: white;\n padding: 3rem;\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-soft);\n transition: var(--transition-smooth);\n position: relative;\n overflow: hidden;\n}\n\n.login-block::before,\n.info-block::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), var(--golden-harvest));\n}\n\n.login-block:hover,\n.info-block:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-medium);\n}\n\n.login-block h3,\n.info-block h3 {\n font-family: var(--font-primary);\n font-size: var(--fs-h2);\n color: var(--deep-wine);\n margin-bottom: 1.5rem;\n line-height: 1.3;\n}\n\n.login-intro {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n}\n\n\/* ============================================\n INFO CONTENT STYLING\n ============================================ *\/\n.info-content {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.info-content p {\n margin-bottom: 1.5rem;\n}\n\n.info-list {\n list-style: none;\n padding: 0;\n margin: 2rem 0;\n}\n\n.info-list li {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid rgba(139, 21, 56, 0.1);\n transition: var(--transition-fast);\n}\n\n.info-list li:last-child {\n border-bottom: none;\n}\n\n.info-list li:hover {\n padding-left: 0.5rem;\n background: rgba(218, 165, 32, 0.05);\n}\n\n.info-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--background-secondary);\n border-radius: 50%;\n}\n\n.info-highlight {\n background: var(--background-secondary);\n padding: 2rem;\n border-radius: var(--radius-md);\n margin-top: 2rem;\n border-left: 4px solid var(--golden-harvest);\n}\n\n.info-highlight h4 {\n font-family: var(--font-primary);\n font-size: var(--fs-h4);\n color: var(--deep-wine);\n margin-bottom: 1rem;\n}\n\n.info-highlight p {\n margin: 0;\n font-size: 1rem;\n line-height: 1.7;\n}\n\n\/* ============================================\n CTA REGISTRAZIONE SECTION\n ============================================ *\/\n.horeca-cta-section {\n padding: var(--space-3xl) 0;\n text-align: center;\n background: linear-gradient(135deg, var(--deep-wine) 0%, var(--deep-wine-dark) 100%);\n color: white;\n position: relative;\n overflow: hidden;\n}\n\n.horeca-cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/stage.goshopfor.it\/template03\/wp-content\/uploads\/2025\/09\/tpl3-home-puntovendita-sfondo.webp') center\/cover;\n opacity: 0.1;\n z-index: 0;\n}\n\n.cta-content-horeca {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.cta-text {\n font-family: var(--font-primary);\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: white;\n margin-bottom: 2.5rem;\n font-weight: 600;\n line-height: 1.4;\n}\n\n.cta-button-horeca {\n display: inline-block;\n padding: 1.5rem 3.5rem;\n font-size: 1.2rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 3rem;\n box-shadow: 0 8px 30px rgba(218, 165, 32, 0.4);\n}\n\n.cta-button-horeca:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 40px rgba(218, 165, 32, 0.6);\n}\n\n\/* ============================================\n CTA BENEFITS GRID\n ============================================ *\/\n.cta-benefits {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n}\n\n.benefit-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n padding: 2rem 1rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255, 255, 255, 0.2);\n border-radius: var(--radius-lg);\n transition: var(--transition-smooth);\n}\n\n.benefit-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-5px);\n border-color: rgba(255, 255, 255, 0.4);\n}\n\n.benefit-icon {\n font-size: 2.5rem;\n color: var(--golden-harvest);\n display: block;\n}\n\n.benefit-item span:last-child {\n font-size: 1rem;\n font-weight: 600;\n color: white;\n text-align: center;\n line-height: 1.4;\n}\n\n\/* ============================================\n ANIMATION CLASSES\n ============================================ *\/\n.animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n}\n\n.animate-on-scroll.in-view {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* ============================================\n RESPONSIVE DESIGN\n ============================================ *\/\n\n\/* Tablet (max-width: 1024px) *\/\n@media (max-width: 1024px) {\n .two-column-layout {\n gap: 2rem;\n }\n\n .login-block,\n .info-block {\n padding: 2.5rem;\n }\n\n .cta-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* Mobile (max-width: 768px) *\/\n@media (max-width: 768px) {\n .horeca-hero {\n height: 80vh;\n min-height: 600px;\n }\n\n .horeca-hero .hero-background {\n background-attachment: scroll;\n }\n\n .two-column-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .login-block,\n .info-block {\n padding: 2rem;\n }\n\n .info-list li {\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n\n .cta-benefits {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .benefit-item {\n flex-direction: row;\n padding: 1.5rem;\n justify-content: flex-start;\n text-align: left;\n }\n\n .benefit-icon {\n font-size: 2rem;\n min-width: 50px;\n }\n\n .benefit-item span:last-child {\n text-align: left;\n }\n\n .horeca-login-section {\n padding: var(--space-xl) 0;\n }\n\n .horeca-cta-section {\n padding: var(--space-xl) 0;\n }\n}\n\n\/* Small Mobile (max-width: 480px) *\/\n@media (max-width: 480px) {\n .horeca-hero {\n height: 70vh;\n min-height: 500px;\n }\n\n .horeca-hero h1 {\n font-size: 2.5rem;\n }\n\n .horeca-hero .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .login-block,\n .info-block {\n padding: 1.5rem;\n }\n\n .login-block h3,\n .info-block h3 {\n font-size: 1.5rem;\n }\n\n .cta-text {\n font-size: 1.5rem;\n }\n\n .cta-button-horeca {\n padding: 1.2rem 2.5rem;\n font-size: 1rem;\n }\n\n .benefit-item {\n padding: 1rem;\n }\n\n .benefit-icon {\n font-size: 1.8rem;\n min-width: 45px;\n }\n}\n\n\/* ============================================\n ACCESSIBILITY\n ============================================ *\/\n\n\/* Focus Styles *\/\n.cta-button-horeca:focus {\n outline: 3px solid var(--golden-light);\n outline-offset: 3px;\n}\n\n\/* Reduced Motion Support *\/\n@media (prefers-reduced-motion: reduce) {\n .animate-on-scroll,\n .login-block,\n .info-block,\n .benefit-item,\n .cta-button-horeca {\n animation: none !important;\n transition: none !important;\n }\n\n .horeca-hero h1,\n .horeca-hero .hero-subtitle {\n animation: none !important;\n }\n}\n\n\/* High Contrast Mode Support *\/\n@media (prefers-contrast: high) {\n .info-list li {\n border-bottom-color: currentColor;\n }\n\n .benefit-item {\n border-width: 3px;\n }\n}\n\n\/* Print Styles *\/\n@media print {\n .horeca-hero,\n .floating-elements,\n .cta-benefits {\n display: none;\n }\n\n .two-column-layout {\n grid-template-columns: 1fr;\n }\n\n .login-block,\n .info-block {\n box-shadow: none;\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n}\n<\/style>","footnotes":""},"class_list":["post-785","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":"HORECA – Cantina San Lorenzo \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 \ud83c\udf47 HORECA Fai il login per accedere alla sezione horeca e se non hai l’accesso compila il form e fai richiesta Accedi alla Sezione HORECA Effettua il login per accedere ai prezzi dedicati e alle offerte riservate ai professionisti del settore Ho.Re.Ca. Informazioni Accesso HORECA La sezione…","_links":{"self":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785","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=785"}],"version-history":[{"count":1,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/pages\/785\/revisions\/1013"}],"wp:attachment":[{"href":"https:\/\/stage.goshopfor.it\/bennadefinitivo\/wp-json\/wp\/v2\/media?parent=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}