Avigliana Basket – Keep Pushing. Keep Winning.<\/title>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Icons+Round&family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --font-sans: 'Urbanist', system-ui, -apple-system, sans-serif;\n --primary: #16a34a;\n --primary-glow: rgba(22, 163, 74, 0.45);\n --primary-dark: #052e16;\n --accent: #ffffff;\n --bg-body: #f0f4f2;\n --bg-card: rgba(255, 255, 255, 0.82);\n --text-main: #0a0f0c;\n --text-muted: #475569;\n --sidebar-width: 80px;\n --sidebar-expanded: 280px;\n --header-height: 80px;\n --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n --shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n --glass-bg: rgba(255, 255, 255, 0.72);\n --glass-border: rgba(255, 255, 255, 0.35);\n --glass-blur: blur(18px) saturate(165%);\n --bicolor-secondary: #0f172a;\n --arena-rim: rgba(74, 222, 128, 0.22);\n --glow-soft: 0 8px 28px rgba(22, 163, 74, 0.12);\n --glow-strong: 0 0 28px rgba(22, 163, 74, 0.2);\n }\n\n .dark {\n --bg-body: #0e1812;\n --bg-card: rgba(22, 32, 26, 0.85);\n --text-main: #f1f5f9;\n --text-muted: #94a3b8;\n --shadow: 0 12px 40px rgba(0, 0, 0, 0.5);\n --glass-bg: rgba(18, 26, 22, 0.88);\n --glass-border: rgba(74, 222, 128, 0.14);\n --bicolor-secondary: #ffffff;\n --brand-green-light: #4ade80;\n --neon-green: #4ade80;\n --glow-soft: 0 0 32px rgba(74, 222, 128, 0.25);\n --glow-strong: 0 0 48px rgba(74, 222, 128, 0.45);\n }\n\n \/* CUSTOM SCROLLBAR *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--bg-body);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n }\n\n \/* Cursore di sistema \u2014 pi\u00f9 leggibile con Urbanist e accessibilit\u00e0 *\/\n #custom-cursor {\n display: none !important;\n pointer-events: none !important;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: var(--font-sans);\n background-color: var(--bg-body);\n color: var(--text-main);\n overflow-x: hidden;\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n\n html.dark body {\n background-image:\n radial-gradient(ellipse 130% 85% at 50% 115%, rgba(18, 42, 32, 0.35), transparent 58%),\n radial-gradient(ellipse 120% 70% at 78% -5%, rgba(22, 163, 74, 0.24), transparent 52%),\n radial-gradient(ellipse 55% 45% at 8% 95%, rgba(74, 222, 128, 0.09), transparent 48%);\n background-attachment: fixed;\n }\n\n h1,\n h2,\n h3,\n .motto {\n font-family: var(--font-sans);\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n \/* FIXED HEADER *\/\n #header-fixed {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100vw;\n height: var(--header-height);\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border-bottom: 1px solid var(--glass-border);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(22, 163, 74, 0.06) inset;\n z-index: 5000;\n padding: 0 20px 0 calc(var(--sidebar-width) + 20px);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n overflow: visible;\n }\n\n .dark #header-fixed {\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(74, 222, 128, 0.08) inset;\n }\n\n .header-content-left {\n display: flex;\n align-items: center;\n height: 100%;\n gap: 0;\n flex: 1;\n min-width: 0;\n }\n\n .header-content-right {\n display: flex;\n align-items: center;\n height: 100%;\n gap: 10px;\n padding-right: 0;\n }\n\n .header-btn {\n height: 100%;\n width: 70px;\n display: none;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: var(--transition);\n color: white;\n border: none;\n }\n\n .header-btn .material-icons-round {\n font-size: 24px;\n }\n\n\n\n .header-btn.menu-btn {\n background: #000;\n }\n\n body.overlay-open .header-btn {\n display: flex;\n }\n\n .header-btn:hover {\n filter: brightness(1.2);\n }\n\n .branding {\n position: relative;\n display: flex;\n align-items: center;\n gap: 12px;\n z-index: 1;\n min-width: 0;\n cursor: pointer;\n }\n\n .brand-text-stack {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n min-width: 0;\n }\n\n .logo {\n height: 46px;\n width: auto;\n max-width: 52px;\n object-fit: contain;\n margin: 0;\n flex-shrink: 0;\n }\n\n .brand-name {\n font-family: var(--font-sans);\n font-size: clamp(1.15rem, 2.8vw, 1.65rem);\n font-weight: 900;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n line-height: 1.1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .brand-name .part1 {\n color: var(--primary);\n }\n\n .dark .brand-name .part1 {\n color: var(--brand-green-light);\n }\n\n .brand-name .part2 {\n color: var(--accent);\n }\n\n html:not(.dark) .brand-name .part2 {\n color: var(--bicolor-secondary);\n }\n\n .header-tagline {\n display: block;\n font-size: 0.62rem;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 2px;\n }\n\n .theme-toggle {\n background: var(--bg-card);\n border: 1px solid rgba(0, 0, 0, 0.1);\n color: var(--text-main);\n width: 45px;\n height: 45px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n\n\n\n body.overlay-open #overlay-screen {\n top: var(--header-height);\n height: calc(100vh - var(--header-height));\n }\n\n \/* Adjust top controls to be in a prominent position when open *\/\n body.overlay-open .top-controls-container {\n top: 17px;\n right: 40px;\n }\n\n \/* Hide the default theme toggle in header when overlay is open *\/\n body.overlay-open .header-right-group .theme-toggle {\n display: none;\n }\n\n .header-right-group {\n display: flex;\n align-items: center;\n gap: 15px;\n padding-right: 40px;\n }\n\n body.overlay-open .header-right-group {\n padding-right: 0;\n }\n\n\n\n body.overlay-open .branding {\n padding-left: 0;\n }\n\n \/* Indici sezioni home: nascosti durante overlay script (evita navigazione fuorviante) *\/\n body.overlay-open .arena-chapters {\n display: none !important;\n visibility: hidden;\n pointer-events: none;\n }\n\n \/* FIXED SIDEBAR *\/\n #sidebar {\n position: fixed;\n top: var(--header-height);\n left: 0;\n height: calc(100vh - var(--header-height));\n width: var(--sidebar-width);\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border-right: 1px solid var(--glass-border);\n box-shadow: 4px 0 48px -16px rgba(0, 0, 0, 0.35);\n color: var(--text-main);\n z-index: 4000;\n overflow: hidden;\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n padding: 20px 0;\n box-shadow: 10px 0 30px rgba(0, 0, 0, 0.05);\n }\n\n #sidebar:hover {\n width: var(--sidebar-expanded);\n }\n\n .nav-item {\n position: relative;\n display: flex;\n align-items: center;\n height: 50px;\n margin: 0;\n padding: 0;\n cursor: pointer;\n transition: background 0.2s;\n text-decoration: none;\n color: var(--text-main);\n white-space: nowrap;\n overflow: hidden;\n }\n\n .dark .nav-item {\n color: #e2e8f0;\n }\n\n .nav-item:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .nav-item .material-icons-round {\n width: 45px;\n height: 45px;\n min-width: 45px;\n margin: 0 17.5px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 24px;\n flex-shrink: 0;\n pointer-events: none;\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border: 1px solid var(--glass-border);\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: var(--transition);\n }\n\n .nav-item:hover .material-icons-round {\n transform: scale(1.1);\n border-color: var(--primary);\n box-shadow: 0 0 15px var(--primary-glow);\n }\n\n .nav-text {\n font-weight: 600 !important;\n opacity: 0;\n transition: opacity 0.2s;\n pointer-events: none;\n position: absolute !important;\n left: 80px !important;\n }\n\n #sidebar:hover .nav-text {\n opacity: 1;\n }\n\n .nav-group {\n display: contents;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .submenu {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: rgba(0, 0, 0, 0.1);\n margin: 0;\n padding: 0;\n }\n\n .nav-item:hover+.submenu,\n .submenu:hover {\n max-height: 500px !important;\n }\n\n .submenu-item {\n padding: 12px 20px 12px 80px !important;\n font-size: 0.9em;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n transition: color 0.2s;\n display: block;\n text-decoration: none;\n }\n\n .submenu-item:hover {\n color: white;\n background: rgba(255, 255, 255, 0.05);\n }\n\n \/* MAIN WRAPPER *\/\n #content-area {\n position: absolute;\n top: 0;\n left: var(--sidebar-width);\n bottom: 0;\n right: 0;\n overflow-y: auto;\n scroll-behavior: smooth;\n transition: left 0.4s ease;\n z-index: 1000;\n }\n\n #sidebar:hover~#content-area {\n left: var(--sidebar-expanded);\n }\n\n \/* FULL-SCREEN SECTIONS *\/\n .page-section {\n width: 100%;\n min-height: 100vh;\n scroll-margin-top: var(--header-height);\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 60px;\n position: relative;\n }\n\n .page-section.hero-section {\n min-height: min(92dvh, 860px);\n }\n\n .hero-section {\n text-align: center;\n position: relative;\n overflow: hidden;\n background-color: #131f19;\n background-image:\n linear-gradient(180deg, rgba(3, 8, 6, 0.28) 0%, rgba(3, 8, 6, 0.42) 100%),\n url(\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\");\n background-size: cover;\n background-position: center top;\n background-repeat: no-repeat;\n }\n\n .hero-bg-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center top !important;\n \/* Ensure focus is on top *\/\n z-index: 0;\n pointer-events: none;\n opacity: 1;\n }\n\n .hero-bg-img.hero-video-hidden {\n display: none;\n }\n\n .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(115deg, rgba(3, 8, 6, 0.3) 0%, rgba(3, 8, 6, 0.06) 48%, rgba(3, 8, 6, 0.24) 100%);\n z-index: 1;\n pointer-events: none;\n transition: background 0.4s ease;\n }\n\n html:not(.dark) .hero-overlay {\n background: linear-gradient(115deg, rgba(248, 250, 249, 0.88) 0%, rgba(248, 250, 249, 0.35) 45%, rgba(240, 244, 242, 0.75) 100%);\n }\n\n .page-section.page-section--live {\n min-height: min(88vh, 52rem);\n justify-content: flex-start;\n padding-top: calc(var(--header-height) + 2.5rem);\n padding-bottom: 3rem;\n }\n\n .live-empty-state {\n max-width: 40rem;\n padding: 1.75rem 1.5rem;\n border-radius: 20px;\n background: var(--bg-card);\n border: 1px solid var(--arena-rim);\n box-shadow: var(--shadow);\n }\n\n .live-empty-state p {\n font-family: var(--font-sans);\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-main);\n margin: 0 0 0.5rem 0;\n line-height: 1.45;\n }\n\n .live-empty-state .live-empty-muted {\n font-size: 0.92rem;\n font-weight: 500;\n color: var(--text-muted);\n margin-bottom: 1.25rem;\n }\n\n .live-empty-state a {\n font-family: var(--font-sans);\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--primary);\n text-decoration: none;\n border-bottom: 2px solid rgba(22, 163, 74, 0.35);\n padding-bottom: 2px;\n }\n\n .live-empty-state a:hover {\n color: var(--brand-green-light, #4ade80);\n border-bottom-color: var(--primary);\n }\n\n .arena-chapters {\n position: fixed;\n top: 50%;\n right: 0.65rem;\n transform: translateY(-50%);\n z-index: 4500;\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n pointer-events: auto;\n }\n\n .arena-chapters a {\n position: relative;\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 800;\n letter-spacing: 0.06em;\n color: rgba(255, 255, 255, 0.45);\n text-decoration: none;\n width: 2rem;\n height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n border: 1px solid rgba(74, 222, 128, 0.2);\n background: rgba(10, 15, 12, 0.65);\n backdrop-filter: blur(10px);\n transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.25s, transform 0.2s;\n }\n\n .arena-chapters a::after {\n content: attr(data-desc);\n position: absolute;\n right: calc(100% + 10px);\n top: 50%;\n transform: translateY(-50%) translateX(6px);\n width: min(248px, 72vw);\n padding: 8px 12px;\n border-radius: 10px;\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n line-height: 1.4;\n text-transform: none;\n color: #e2e8f0;\n background: rgba(3, 8, 6, 0.94);\n border: 1px solid rgba(74, 222, 128, 0.4);\n box-shadow: var(--glow-soft, 0 0 32px rgba(74, 222, 128, 0.25)), 0 12px 28px rgba(0, 0, 0, 0.5);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.22s ease, transform 0.22s ease;\n z-index: 20;\n }\n\n html:not(.dark) .arena-chapters a::after {\n color: var(--text-main);\n background: rgba(255, 255, 255, 0.97);\n border-color: rgba(22, 163, 74, 0.35);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);\n }\n\n .arena-chapters a:hover::after,\n .arena-chapters a:focus-visible::after {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n html:not(.dark) .arena-chapters a {\n color: rgba(15, 23, 42, 0.55);\n background: rgba(255, 255, 255, 0.75);\n border-color: rgba(22, 163, 74, 0.25);\n }\n\n .arena-chapters a:hover,\n .arena-chapters a:focus-visible {\n color: var(--brand-green-light, #4ade80);\n border-color: var(--primary);\n background: rgba(22, 163, 74, 0.2);\n box-shadow: 0 0 22px rgba(74, 222, 128, 0.4), 0 0 40px rgba(22, 163, 74, 0.2);\n transform: scale(1.07);\n }\n\n .arena-chapters a.is-active {\n color: #4dff9a;\n background: rgba(6, 45, 26, 0.92);\n border-color: #4dff9a;\n border-width: 2px;\n box-shadow:\n 0 0 14px rgba(77, 255, 154, 0.85),\n 0 0 32px rgba(22, 163, 74, 0.55),\n inset 0 0 12px rgba(77, 255, 154, 0.12);\n transform: scale(1.08);\n }\n\n .arena-chapters a.is-active:hover,\n .arena-chapters a.is-active:focus-visible {\n color: #7affb8;\n border-color: #7affb8;\n background: rgba(8, 55, 30, 0.95);\n box-shadow:\n 0 0 18px rgba(122, 255, 184, 0.95),\n 0 0 36px rgba(22, 163, 74, 0.5),\n inset 0 0 14px rgba(122, 255, 184, 0.15);\n }\n\n html:not(.dark) .arena-chapters a.is-active {\n color: #ecfdf5;\n background: linear-gradient(145deg, #052e16 0%, #0d4d28 100%);\n border-color: #4ade80;\n box-shadow:\n 0 0 16px rgba(22, 163, 74, 0.45),\n 0 0 28px rgba(74, 222, 128, 0.25);\n }\n\n html:not(.dark) .arena-chapters a.is-active:hover,\n html:not(.dark) .arena-chapters a.is-active:focus-visible {\n color: #fff;\n border-color: #4ade80;\n }\n\n @media (max-width: 768px) {\n .arena-chapters {\n display: none;\n }\n }\n\n .hero-title,\n .hero-motto,\n .scroll-indicator {\n position: relative;\n z-index: 2;\n }\n\n .hero-title {\n font-size: clamp(3rem, 10vw, 8rem);\n line-height: 0.9;\n margin-bottom: 20px;\n text-transform: uppercase;\n font-weight: 900;\n overflow: hidden;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n\n .hero-title span {\n display: inline-block;\n transform: translateY(100%);\n animation: revealText 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\n }\n\n .hero-title .part2 {\n animation-delay: 0.2s;\n }\n\n @keyframes revealText {\n to {\n transform: translateY(0);\n }\n }\n\n .hero-motto {\n font-size: 1.5rem;\n color: var(--text-muted);\n letter-spacing: 8px;\n text-transform: uppercase;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInSlide 0.8s ease forwards 0.6s;\n }\n\n @keyframes fadeInSlide {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Light mode contrast adjustments for Hero *\/\n html:not(.dark) .hero-motto,\n html:not(.dark) .scroll-indicator {\n color: #000 !important;\n }\n\n \/* DYNAMIC OVERLAY (ENTRY FROM RIGHT) *\/\n #overlay-screen {\n position: fixed;\n top: 0;\n left: 100%;\n width: 100%;\n height: 100vh;\n background: var(--bg-body);\n z-index: 3000;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n display: flex;\n flex-direction: column;\n padding: 0;\n overflow: hidden;\n }\n\n #overlay-screen.active {\n transform: translateX(-100%);\n }\n\n\n\n \/* SIDEBAR OVERLAY STATE *\/\n #sidebar.sidebar-overlay-active {\n z-index: 5000;\n width: var(--sidebar-expanded);\n }\n\n #sidebar.sidebar-overlay-active .nav-text {\n opacity: 1;\n }\n\n \/* HOME CONTENT BLOCKS (SCHEDULE, NEWS, ETC) *\/\n .home-block {\n background: var(--bg-card);\n border: 1px solid var(--arena-rim);\n border-radius: 24px;\n box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.03) inset,\n 0 0 80px -30px rgba(22, 163, 74, 0.12);\n padding: 50px;\n margin-bottom: 40px;\n }\n\n .block-title {\n font-family: var(--font-sans);\n font-size: 2.25rem;\n font-weight: 900;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n color: var(--primary);\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n \/* HORIZONTAL CARDS MOCKUP *\/\n .horizontal-cards {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n padding-bottom: 20px;\n scrollbar-width: none;\n }\n\n .h-card {\n min-width: 400px;\n background: rgba(0, 135, 81, 0.05);\n border-radius: 20px;\n padding: 30px;\n flex-shrink: 0;\n }\n\n \/* SPONSOR SECTION *\/\n .sponsor-section {\n background: var(--bg-card);\n }\n\n .dark .sponsor-section {\n background: #000;\n \/* Total black as requested *\/\n }\n\n .sponsor-slider {\n margin-top: 20px;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.03);\n \/* Extremely subtle contrast *\/\n padding: 100px 0;\n \/* Cinema-style prominence *\/\n border-radius: 20px;\n position: relative;\n }\n\n .track {\n display: flex;\n width: calc(500px * 24);\n \/* Super-size track *\/\n animation: slideSponsors 80s linear infinite;\n \/* Ultra-slow, prestigious crawl *\/\n align-items: center;\n }\n\n @keyframes slideSponsors {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-500px * 12));\n }\n }\n\n .sponsor {\n width: 500px;\n \/* Cinematic slot *\/\n padding: 0 50px;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n filter: grayscale(0);\n \/* Full color by default for impact *\/\n opacity: 0.9;\n transition: all 0.4s ease;\n }\n\n .sponsor:hover {\n opacity: 1;\n transform: scale(1.05);\n }\n\n .sponsor img {\n max-width: 100%;\n max-height: 220px;\n \/* Maximum possible impact *\/\n object-fit: contain;\n }\n\n footer {\n padding: 10px 60px;\n background: var(--bg-body);\n color: var(--text-main);\n border-top: 2px solid var(--primary);\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.5rem;\n letter-spacing: 1px;\n white-space: nowrap;\n text-transform: uppercase;\n opacity: 0.6;\n }\n\n \/* INITIAL ENTRY ANIMATION *\/\n .home-slide-entry {\n animation: homeSlideDown 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @keyframes homeSlideDown {\n from {\n transform: translateY(-50px);\n opacity: 0;\n }\n\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n \/* BOOK SPLIT TRANSITION \u2014 tenda pi\u00f9 scura, verdi profondi *\/\n #book-split {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 9999;\n pointer-events: none;\n display: flex;\n background: rgba(0, 0, 0, 0.42);\n }\n\n .split-panel {\n flex: 1;\n background: linear-gradient(165deg, #022c1a 0%, #03150c 45%, #010a06 100%);\n height: 100%;\n transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);\n box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.65);\n }\n\n .split-left {\n transform: translateX(-100%);\n border-right: 1px solid rgba(0, 0, 0, 0.45);\n }\n\n .split-right {\n transform: translateX(100%);\n border-left: 1px solid rgba(0, 0, 0, 0.45);\n }\n\n #book-split.active .split-left,\n #book-split.active .split-right {\n transform: translateX(0);\n }\n\n #split-logo-wrap {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n z-index: 10000;\n transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n background: white;\n padding: 20px;\n border-radius: 50%;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #book-split.active #split-logo-wrap {\n transform: translate(-50%, -50%) scale(1);\n }\n\n .split-logo {\n width: 120px;\n height: auto;\n }\n\n \/* DYNAMIC BACKGROUND *\/\n #page-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n pointer-events: none;\n background-image: url('basketball_bg_pattern.png');\n background-repeat: repeat;\n background-size: 800px;\n opacity: 0.03;\n \/* Extremely subtle *\/\n transition: opacity 0.4s ease;\n animation: bgFloat 60s linear infinite;\n }\n\n .dark #page-bg {\n opacity: 0.07;\n filter: invert(1);\n }\n\n @keyframes bgFloat {\n 0% {\n background-position: 0 0;\n }\n\n 100% {\n background-position: 800px 800px;\n }\n }\n\n \/* RESPONSIVE DESIGN - UNIFIED MEDIA QUERIES *\/\n\n \/* TABLET & MOBILE OVERRIDE *\/\n @media (max-width: 1024px) {\n :root {\n --sidebar-width: 0px;\n --header-height: 70px;\n }\n\n #custom-cursor {\n display: none !important;\n }\n\n body,\n a,\n button,\n .nav-item,\n .submenu-item {\n cursor: auto !important;\n }\n\n #sidebar {\n transform: translateX(-100%);\n z-index: 99999 !important;\n width: var(--sidebar-expanded);\n top: 0;\n height: 100vh;\n border-right: none;\n box-shadow: 20px 0 50px rgba(0, 0, 0, 0.5);\n }\n\n #sidebar.sidebar-overlay-active {\n transform: translateX(0);\n }\n\n #sidebar:hover {\n width: var(--sidebar-expanded);\n \/* Prevent hover expansion on touch *\/\n }\n\n .nav-text {\n opacity: 1 !important;\n }\n\n #header-fixed {\n width: 100vw;\n left: 0;\n padding: 0 15px;\n padding-left: 15px;\n }\n\n .header-btn {\n display: flex !important;\n }\n\n .header-right-group .theme-toggle {\n display: none;\n }\n\n #content-area {\n left: 0 !important;\n }\n\n .page-section {\n padding: 40px 20px;\n }\n\n .home-block {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 4rem) !important;\n }\n\n \/* Adjust registration grid for tablets *\/\n .registration-grid {\n grid-template-columns: repeat(2, 1fr) !important;\n padding: 0 20px !important;\n gap: 20px !important;\n }\n\n .promo-box:nth-child(even) {\n transform: translateY(0) !important;\n }\n }\n\n \/* MOBILE SMALL OVERRIDE *\/\n @media (max-width: 600px) {\n :root {\n --header-height: 60px;\n }\n\n .brand-name {\n font-size: 1.05rem !important;\n }\n\n .header-tagline {\n font-size: 0.55rem !important;\n }\n\n .hero-title {\n font-size: 2rem !important;\n }\n\n .hero-motto {\n font-size: 0.9rem !important;\n letter-spacing: 4px !important;\n }\n\n .registration-grid {\n grid-template-columns: 1fr !important;\n }\n\n .promo-img-wrap {\n height: 180px !important;\n }\n\n .block-title {\n font-size: 1.8rem !important;\n }\n\n .event-box {\n padding: 15px !important;\n }\n\n .teams {\n font-size: 1.1rem !important;\n }\n\n .h-card {\n min-width: 280px !important;\n padding: 20px !important;\n }\n\n .merchandising-parallax {\n min-height: 350px !important;\n padding: 40px 20px !important;\n background-attachment: scroll !important;\n \/* Better performance on mobile *\/\n }\n\n .merch-content h3 {\n font-size: 1.4rem !important;\n }\n\n footer {\n flex-direction: column;\n text-align: center;\n gap: 5px;\n padding: 20px;\n white-space: normal;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"custom-cursor\"><\/div>\n <div id=\"page-bg\"><\/div>\n\n <nav class=\"arena-chapters\" aria-label=\"Salta alla sezione\">\n <a href=\"#home-hero\"\n data-desc=\"Home: video di copertina e motto della societ\u00e0. Passa il mouse per leggere o clicca per scorrere.\">01<\/a>\n <a href=\"#section-live\" data-desc=\"Live: partite del giorno in finestra oraria con cronologia quarti.\">02<\/a>\n <a href=\"#registration-promo-section\" data-desc=\"Iscrizioni: Regular Season, camp estivi e attivit\u00e0 della polisportiva.\">03<\/a>\n <a href=\"#timeline-container-block\" data-desc=\"Calendario: prossimi impegni in casa e in trasferta sulla timeline.\">04<\/a>\n <a href=\"#section-fotonews\" data-desc=\"FotoNews: ultime gallerie foto per squadra, filtro e ingrandimento.\">05<\/a>\n <a href=\"#merchandising-section\" data-desc=\"Shop merchandising ufficiale e collezioni stagionali.\">06<\/a>\n <a href=\"#sponsor-section\" data-desc=\"Sponsor che sostengono Avigliana Basket.\">07<\/a>\n <\/nav>\n\n <nav id=\"sidebar\">\n\n\n <div class=\"nav-group\">\n <div class=\"nav-item\">\n <span class=\"material-icons-round\">groups<\/span>\n <span class=\"nav-text\">Societ\u00e0<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Storia', 'https:\/\/www.aviglianabasket.it\/?page_id=254')\">Storia<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Informazioni', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\n Informazioni<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Privacy Policy', 'https:\/\/www.aviglianabasket.it\/?page_id=3')\">\n Privacy Policy<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\" onclick=\"openDynamicPage('Stagione', 'https:\/\/www.aviglianabasket.it\/?page_id=139')\">\n <span class=\"material-icons-round\">event_note<\/span>\n <span class=\"nav-text\">Stagione<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Squadre', 'https:\/\/www.aviglianabasket.it\/?page_id=179')\">Squadre<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Calendario', 'https:\/\/www.aviglianabasket.it\/?page_id=2192')\">Calendario\n <\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Prossimi Incontri', 'https:\/\/www.aviglianabasket.it\/?page_id=107')\">\n Prossimi Incontri<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Statistiche', 'https:\/\/www.aviglianabasket.it\/?page_id=5473')\">\n Statistiche<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('News', 'https:\/\/www.aviglianabasket.it\/?page_id=151')\">News<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\">\n <span class=\"material-icons-round\">person_add<\/span>\n <span class=\"nav-text\">Atleti<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Iscrizioni Regular Season', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">\n Iscrizioni Regular Season<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Iscrizioni Estate', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">\n Iscrizioni Estate<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Portale Atleta', 'https:\/\/www.aviglianabasket.cloud\/ab-documentale\/')\">\n Portale Atleta<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Richiesta Info', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\n Richiesta Info<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\"\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">\n <span class=\"material-icons-round\">shopping_bag<\/span>\n <span class=\"nav-text\">Merchandising<\/span>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\" onclick=\"openDynamicPage('Sponsor', 'https:\/\/www.aviglianabasket.it\/?page_id=454')\">\n <span class=\"material-icons-round\">handshake<\/span>\n <span class=\"nav-text\">Sponsor<\/span>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\"\n onclick=\"openDynamicPage('Area Riservata', 'https:\/\/www.aviglianabasket.it\/?page_id=427')\">\n <span class=\"material-icons-round\">vpn_key<\/span>\n <span class=\"nav-text\">Area Riservata<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <header id=\"header-fixed\">\n <div class=\"header-content-left\">\n\n <div class=\"branding\" onclick=\"showHome()\" role=\"link\" tabindex=\"0\"\n onkeydown=\"if(event.key==='Enter')showHome()\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo Avigliana Basket\" class=\"logo\" title=\"\">\n <div class=\"brand-text-stack\">\n <div class=\"brand-name\">\n <span class=\"part1\">Avigliana<\/span> <span class=\"part2\">Basket<\/span>\n <\/div>\n <span class=\"header-tagline\">Polisportiva \u00b7 Avigliana<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"header-content-right\">\n <div class=\"header-btn menu-btn\" id=\"header-menu-btn\" onclick=\"toggleMenu()\">\n <span class=\"material-icons-round\">menu<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <div id=\"content-area\">\n <section class=\"page-section hero-section\" id=\"home-hero\">\n <video id=\"hero-bg\" class=\"hero-bg-img\" autoplay muted playsinline\n poster=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\">\n <source src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/Sfondo_animato-1.mp4\"\n type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-overlay\"><\/div>\n\n <div class=\"scroll-indicator\">\n <div class=\"mouse\">\n <div class=\"wheel\"><\/div>\n <\/div>\n <span>Scroll Down<\/span>\n <\/div>\n <\/section>\n\n <script>\n (function () {\n var v = document.getElementById(\"hero-bg\");\n if (!v) return;\n v.addEventListener(\"error\", function () {\n v.classList.add(\"hero-video-hidden\");\n });\n })();\n <\/script>\n\n <style>\n .scroll-indicator {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n color: white;\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n opacity: 0.6;\n animation: scrollWiggle 2s infinite;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n\n @keyframes scrollWiggle {\n\n 0%,\n 100% {\n transform: translate(-50%, 0);\n opacity: 0.4;\n }\n\n 50% {\n transform: translate(-50%, 10px);\n opacity: 1;\n }\n }\n\n .scroll-indicator .mouse {\n width: 25px;\n height: 40px;\n border: 2px solid white;\n border-radius: 12px;\n position: relative;\n margin-bottom: 5px;\n }\n\n .scroll-indicator .wheel {\n width: 3px;\n height: 8px;\n background: white;\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n animation: wheelScroll 1.5s infinite;\n }\n\n @keyframes wheelScroll {\n 0% {\n opacity: 0;\n transform: translate(-50%, 0);\n }\n\n 30% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n transform: translate(-50%, 15px);\n }\n }\n <\/style>\n\n <section class=\"page-section page-section--live\" id=\"section-live\">\n <div id=\"live-events-container\"><\/div>\n\n <style>\n #live-events-container h1,\n #live-events-container h2.live-events-heading {\n font-family: 'Urbanist', sans-serif;\n color: var(--primary);\n font-size: 2.2rem;\n font-weight: 900;\n margin-bottom: 20px;\n text-align: left;\n \/* Left aligned *\/\n text-transform: uppercase;\n letter-spacing: 2px;\n text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);\n }\n\n #live-events-container h2.live-events-heading {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .dark #live-events-container h1,\n .dark #live-events-container h2.live-events-heading {\n text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.05);\n }\n\n .event-box {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 25px;\n margin-bottom: 20px;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n }\n\n .dark .event-box {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .event-box::before {\n content: 'LIVE';\n position: absolute;\n right: -10px;\n bottom: -10px;\n font-size: 8rem;\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n opacity: 0.03;\n pointer-events: none;\n }\n\n .title-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .teams {\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--text-main);\n font-family: 'Urbanist', sans-serif;\n }\n\n .start-time-container {\n font-size: 0.9rem;\n font-weight: 700;\n background: rgba(0, 0, 0, 0.03);\n padding: 5px 12px;\n border-radius: 10px;\n }\n\n .dark .start-time-container {\n background: rgba(255, 255, 255, 0.05);\n }\n\n .cat-location {\n font-size: 0.9rem;\n color: var(--text-muted);\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* TIMELINE *\/\n .timeline-container {\n margin-top: 25px;\n }\n\n .timeline-track {\n position: relative;\n width: 100%;\n height: 14px;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 20px;\n display: flex;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n .dark .timeline-track {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .segment {\n height: 100%;\n transition: all 0.3s ease;\n }\n\n .ball {\n position: absolute;\n top: 50%;\n width: 30px;\n height: 30px;\n background: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7a\/Basketball.png\") no-repeat center;\n background-size: contain;\n transform: translate(-50%, -50%);\n z-index: 10;\n filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));\n transition: left 1s ease-in-out;\n }\n\n .labels-row {\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n font-size: 0.65rem;\n position: relative;\n height: 20px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-muted);\n }\n\n .label {\n position: absolute;\n transform: translateX(-50%);\n white-space: nowrap;\n }\n <\/style>\n\n <script>\n (function () {\n const CSV_URL = \"\/wp-content\/uploads\/2025\/INCONTRI.csv\";\n const REFRESH_MS = 60000;\n const TOTAL_DURATION_MIN = 140;\n\n function parseCSV(text) {\n const lines = text.trim().split(\"\\n\");\n return lines.map(l => l.split(\",\"));\n }\n\n function minutesSince(start) {\n return (new Date() - start) \/ 60000;\n }\n\n function getTimelineStructure(type) {\n if (type.includes(\"Seniores\")) {\n return [\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 20], [\"2\u00b0Q\", 20, 40],\n [\"INT\", 40, 56], [\"3\u00b0Q\", 56, 76], [\"4\u00b0Q\", 76, 96],\n [\"Fine\", 96, 120]\n ];\n } else if (type.includes(\"Giovanili\")) {\n return [\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 16], [\"2\u00b0Q\", 16, 32],\n [\"INT\", 32, 49], [\"3\u00b0Q\", 49, 65], [\"4\u00b0Q\", 65, 81],\n [\"Fine\", 81, 120]\n ];\n } else { \/\/ Minibasket\n return [\n [\"Risc\", -20, 0], [\"1\u00b0T\", 0, 25], [\"INT\", 25, 41],\n [\"2\u00b0T\", 41, 66], [\"Fine\", 66, 120]\n ];\n }\n }\n\n function getSegmentStyle(label) {\n let color = \"rgba(100, 100, 100, 0.1)\"; \/\/ Default\n if (label.includes(\"Q\") || label.includes(\"T\")) color = \"var(--primary)\";\n if (label.includes(\"INT\")) color = \"#ffa930\";\n if (label.includes(\"Fine\")) color = \"#e74c3c\";\n return `background-color: ${color}; opacity: 0.2;`;\n }\n\n function createTimeline(type, elapsed) {\n const structure = getTimelineStructure(type);\n let ballLeft = ((elapsed + 20) \/ TOTAL_DURATION_MIN) * 100;\n ballLeft = Math.max(0, Math.min(100, ballLeft));\n\n let segmentsHtml = structure.map(seg => {\n const [label, start, end] = seg;\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\n return `<div class=\"segment\" style=\"width:${width}%; ${getSegmentStyle(label)}\"><\/div>`;\n }).join('');\n\n let labelsHtml = structure.map(seg => {\n const [label, start, end] = seg;\n const pos = (((start + end) \/ 2 + 20) \/ TOTAL_DURATION_MIN) * 100;\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\n if (label === \"Fine\" || width < 5) return '';\n return `<div class=\"label\" style=\"left:${pos}%\">${label}<\/div>`;\n }).join('');\n\n return `\n <div class=\"timeline-container\">\n <div class=\"timeline-track\">\n ${segmentsHtml}\n <div class=\"ball\" style=\"left:${ballLeft}%\"><\/div>\n <\/div>\n <div class=\"labels-row\">${labelsHtml}<\/div>\n <\/div>\n `;\n }\n\n async function loadLiveEvents() {\n const container = document.getElementById(\"live-events-container\");\n if (!container) return;\n const titleHtml = `<h2 class=\"live-events-heading\"><span class=\"material-icons-round\" aria-hidden=\"true\">sensors<\/span> Eventi live<\/h2>`;\n const emptyInner = `\n <div class=\"live-empty-state\">\n <p>Al momento non ci sono partite in diretta.<\/p>\n <p class=\"live-empty-muted\">Gli incontri del giorno compaiono qui verso l\u2019orario di inizio (finestra \u00b120 min prima \/ 2 ore dopo).<\/p>\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\n <\/div>`;\n try {\n const r = await fetch(CSV_URL + \"?t=\" + Date.now());\n const text = await r.text();\n const rows = parseCSV(text);\n\n const now = new Date();\n const today = now.toLocaleDateString('it-IT');\n\n let html = '';\n let found = false;\n\n rows.forEach((r, i) => {\n if (i === 0 || !r[2]) return;\n if (r[2] !== today) return;\n\n const [hh, mm] = r[7].split(\":\");\n const eventDate = new Date();\n eventDate.setHours(hh, mm, 0, 0);\n const elapsed = minutesSince(eventDate);\n\n if (elapsed < -20 || elapsed > 120) return;\n\n found = true;\n const title = (r[6] === \"C CASA\" || r[6] === \"CASA\") ? `${r[4]} vs ${r[5]}` : `${r[5]} vs ${r[4]}`;\n\n html += `\n <div class=\"event-box\">\n <div class=\"title-row\">\n <div class=\"teams\">${title}<\/div>\n <div class=\"start-time-container\">\n <span style=\"opacity:0.7\">Inizio:<\/span> \n <span style=\"color:var(--primary)\">${r[7]}<\/span>\n <\/div>\n <\/div>\n <div class=\"cat-location\">\n <span class=\"material-icons-round\" style=\"font-size:16px\">category<\/span> ${r[12]}\n <span class=\"material-icons-round\" style=\"font-size:16px; margin-left:10px;\">place<\/span> ${r[8]}\n <\/div>\n ${createTimeline(r[12], elapsed)}\n <\/div>\n `;\n });\n\n container.innerHTML = found ? (titleHtml + html) : (titleHtml + emptyInner);\n container.style.display = 'block';\n } catch (e) {\n container.innerHTML = titleHtml + `\n <div class=\"live-empty-state\">\n <p>Non \u00e8 stato possibile aggiornare gli eventi live.<\/p>\n <p class=\"live-empty-muted\">Controlla la connessione oppure apri il calendario per le partite programmate.<\/p>\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\n <\/div>`;\n container.style.display = 'block';\n }\n }\n\n loadLiveEvents();\n setInterval(loadLiveEvents, REFRESH_MS);\n })();\n <\/script>\n\n <style>\n @keyframes pulse {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 50% {\n opacity: 0.7;\n transform: scale(0.95);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n <\/style>\n\n <section class=\"page-section\" id=\"registration-promo-section\">\n <div class=\"registration-grid\">\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/ISCRIZIONE_20252026.jpg.webp\" alt=\"Regular Season\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONE REGULAR SEASON', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">ISCRIZIONE\n REGULAR SEASON<\/button>\n <\/div>\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/internationalCamp.jpeg\" alt=\"International Camp\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONE INTERNATIONAL CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONE\n INTERNATIONAL CAMP<\/button>\n <\/div>\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/SummerCamp.jpeg\" alt=\"Summer Sport Camp\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONI SUMMER SPORT CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONI\n SUMMER SPORT CAMP<\/button>\n <\/div>\n <\/div>\n\n <style>\n .registration-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-bottom: 60px;\n padding: 0 40px;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .promo-box:nth-child(even) {\n transform: translateY(40px);\n }\n\n .reveal-on-scroll {\n opacity: 1;\n transform: translateY(16px);\n transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .reveal-on-scroll.active {\n transform: translateY(0);\n }\n\n .promo-box {\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n height: 100%;\n }\n\n .dark .promo-box {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .promo-box:hover {\n transform: translateY(-5px);\n }\n\n .promo-img-wrap {\n width: 100%;\n height: 250px;\n overflow: hidden;\n }\n\n .promo-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .promo-box:hover .promo-img-wrap img {\n transform: scale(1.05);\n }\n\n .promo-btn {\n margin: 20px;\n padding: 15px;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 12px;\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: auto;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .promo-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }\n <\/style>\n <\/section>\n\n <div class=\"home-block\" id=\"timeline-container-block\">\n <style>\n #timeline-widget {\n width: 100%;\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: var(--shadow);\n font-family: 'Urbanist', sans-serif;\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .dark #timeline-widget {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n #timeline-header {\n padding: 20px;\n text-align: left;\n \/* Left aligned *\/\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n background: rgba(0, 0, 0, 0.02);\n }\n\n .dark #timeline-header {\n border-bottom-color: rgba(255, 255, 255, 0.05);\n background: rgba(255, 255, 255, 0.02);\n }\n\n #timeline-header h3 {\n font-family: 'Urbanist', sans-serif;\n font-size: 1.2rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-main);\n margin-bottom: 10px;\n }\n\n .legend {\n display: flex;\n justify-content: center;\n gap: 20px;\n font-size: 0.7rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 0.8;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .dot-home {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #10b981;\n box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\n }\n\n .dot-away {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #e11d48;\n box-shadow: 0 0 10px rgba(225, 29, 72, 0.5);\n }\n\n #timeline-main {\n padding: 20px;\n position: relative;\n height: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n \/* Centered *\/\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n }\n\n #timeline-main::-webkit-scrollbar {\n height: 4px;\n }\n\n #timeline-main::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n #timeline-axis {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--text-muted), transparent);\n opacity: 0.2;\n z-index: 1;\n }\n\n .timeline-days-wrap {\n display: flex;\n justify-content: center;\n \/* Centered items *\/\n gap: 20px;\n \/* Added gap for better spacing *\/\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 0 40px;\n }\n\n .day-column {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 100%;\n position: relative;\n }\n\n .day-badge {\n background: var(--bg-body);\n border: 1px solid rgba(0, 0, 0, 0.1);\n padding: 6px 10px;\n border-radius: 12px;\n text-align: center;\n min-width: 60px;\n z-index: 10;\n transition: all 0.3s ease;\n }\n\n .dark .day-badge {\n border-color: rgba(255, 255, 255, 0.1);\n background: #1a1a1a;\n }\n\n .day-badge.is-today {\n background: var(--primary);\n border-color: var(--primary);\n color: white !important;\n transform: scale(1.1);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n\n .day-badge.is-today span {\n color: white !important;\n }\n\n .day-name {\n display: block;\n font-size: 0.6rem;\n text-transform: uppercase;\n font-weight: 800;\n color: var(--text-muted);\n margin-bottom: 2px;\n }\n\n .day-num {\n display: block;\n font-size: 1.1rem;\n font-weight: 900;\n color: var(--text-main);\n font-family: 'Urbanist', sans-serif;\n }\n\n .match-dot {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 0.8rem;\n cursor: pointer;\n transition: all 0.3s;\n border: 2px solid rgba(255, 255, 255, 0.2);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .match-dot:hover {\n transform: translateX(-50%) scale(1.2);\n z-index: 100;\n cursor: pointer;\n }\n\n .match-dot.home {\n background: linear-gradient(135deg, #10b981, #059669);\n bottom: 110px;\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\n }\n\n .match-dot.away {\n background: linear-gradient(135deg, #e11d48, #be123c);\n top: 110px;\n box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3);\n }\n\n .dashed-connector {\n position: absolute;\n width: 1px;\n height: 20px;\n border-left: 1px dashed var(--text-muted);\n opacity: 0.4;\n left: 50%;\n }\n\n .dashed-connector.up {\n bottom: 90px;\n }\n\n .dashed-connector.down {\n top: 90px;\n }\n\n \/* TICKER *\/\n #ticker-wrap {\n background: var(--primary-dark);\n height: 36px;\n display: flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .ticker-label {\n background: var(--primary);\n color: white;\n font-size: 0.65rem;\n font-weight: 900;\n padding: 0 15px;\n height: 100%;\n display: flex;\n align-items: center;\n z-index: 10;\n box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);\n white-space: nowrap;\n }\n\n .ticker-content {\n display: flex;\n white-space: nowrap;\n animation: tickerSwipe 40s linear infinite;\n padding-left: 20px;\n }\n\n .ticker-item {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-right: 30px;\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.75rem;\n }\n\n .ticker-time {\n font-weight: 900;\n color: #fff;\n background: rgba(255, 255, 255, 0.1);\n padding: 2px 6px;\n border-radius: 4px;\n font-family: monospace;\n }\n\n .ticker-desc {\n font-weight: 700;\n text-transform: uppercase;\n }\n\n @keyframes tickerSwipe {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-50%);\n }\n }\n\n \/* MODAL *\/\n #match-detail-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(5px);\n z-index: 10000;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n\n .modal-content {\n background: var(--bg-card);\n width: 100%;\n max-width: 600px;\n border-radius: 30px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n border: 1px solid rgba(255, 255, 255, 0.1);\n animation: modalShow 0.3s ease-out;\n }\n\n @keyframes modalShow {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .modal-header {\n padding: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n display: flex;\n justify-content: center;\n \/* Centered *\/\n align-items: center;\n position: relative;\n }\n\n .modal-title {\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n color: var(--primary);\n }\n\n .modal-close {\n position: absolute;\n \/* Positioned absolute for centering title *\/\n right: 20px;\n cursor: pointer;\n opacity: 0.6;\n }\n\n .modal-body {\n padding: 25px;\n max-height: 70vh;\n overflow-y: auto;\n text-align: center;\n \/* Centered content *\/\n }\n\n .event-card {\n background: var(--bg-body);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 20px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n align-items: center;\n \/* Centered *\/\n }\n\n .event-time {\n font-family: monospace;\n font-weight: 900;\n color: var(--primary);\n font-size: 1.1rem;\n margin-bottom: 10px;\n display: block;\n }\n\n .event-summary {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--text-main);\n margin-bottom: 15px;\n display: block;\n line-height: 1.2;\n }\n\n .event-loc {\n font-size: 0.9rem;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n margin-bottom: 15px;\n }\n\n .event-desc {\n font-size: 0.85rem;\n color: var(--text-muted);\n border-top: 1px solid rgba(0, 0, 0, 0.05);\n padding-top: 15px;\n line-height: 1.5;\n white-space: pre-line;\n width: 100%;\n }\n\n @media (max-width: 768px) {\n #timeline-main {\n height: 220px;\n }\n\n .match-dot.home {\n bottom: 130px;\n }\n\n .match-dot.away {\n top: 130px;\n }\n\n .dashed-connector.up {\n bottom: 95px;\n }\n\n .dashed-connector.down {\n top: 95px;\n }\n }\n <\/style>\n\n <div id=\"timeline-widget\">\n <div id=\"timeline-header\">\n <h3>Match Timeline – Prossimi 7 Giorni<\/h3>\n <div class=\"legend\">\n <div class=\"legend-item\"><span class=\"dot-home\"><\/span> CASA<\/div>\n <div class=\"legend-item\"><span class=\"dot-away\"><\/span> TRASFERTA<\/div>\n <\/div>\n <\/div>\n\n <div id=\"timeline-main\">\n <div id=\"timeline-axis\"><\/div>\n <div class=\"timeline-days-wrap\" id=\"days-root\">\n \n <\/div>\n <\/div>\n\n <div id=\"ticker-wrap\">\n <div class=\"ticker-label\"><span class=\"material-icons-round\"\n style=\"font-size: 14px; margin-right: 5px;\">sensors<\/span> LIVE OGGI<\/div>\n <div class=\"ticker-content\" id=\"ticker-root\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"match-detail-modal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"modal-title\" id=\"m-title\">Dettaglio Match<\/div>\n <span class=\"material-icons-round modal-close\" onclick=\"closeMatchModal()\">close<\/span>\n <\/div>\n <div class=\"modal-body\" id=\"m-body\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const API_KEY = \"AIzaSyDVNulAR9V16JXIK2RSRXCv6uk6AO2Nk1I\";\n const CAL_HOME = \"0cd5fa89ab3f8bbd58fe500d95e9df8d2c04692dfdd11fed8a04889380049052@group.calendar.google.com\";\n const CAL_AWAY = \"eda6118d425bd15e8b5ec8defdb2ca2a99b94ef6be7b0ffa943fc371f48cf3d8@group.calendar.google.com\";\n\n let allEvents = { home: [], away: [] };\n\n async function fetchEvents(calId, type) {\n const timeMin = new Date();\n timeMin.setHours(0, 0, 0, 0);\n const timeMax = new Date();\n timeMax.setDate(timeMax.getDate() + 7);\n\n const url = `https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/${encodeURIComponent(calId)}\/events?key=${API_KEY}&singleEvents=true&orderBy=startTime&timeMin=${timeMin.toISOString()}&timeMax=${timeMax.toISOString()}`;\n\n try {\n const r = await fetch(url);\n const d = await r.json();\n return (d.items || []).map(ev => ({\n summary: ev.summary || \"Match\",\n location: ev.location || \"PalaAvigliana\",\n description: ev.description || \"\",\n start: new Date(ev.start.dateTime || ev.start.date),\n type: type,\n dateKey: (ev.start.dateTime || ev.start.date).split('T')[0]\n }));\n } catch (e) { return []; }\n }\n\n async function initTimeline() {\n allEvents.home = await fetchEvents(CAL_HOME, 'HOME');\n allEvents.away = await fetchEvents(CAL_AWAY, 'AWAY');\n renderTimeline();\n }\n\n function renderTimeline() {\n const daysRoot = document.getElementById('days-root');\n const tickerRoot = document.getElementById('ticker-root');\n daysRoot.innerHTML = '';\n tickerRoot.innerHTML = '';\n\n const today = new Date();\n const todayKey = today.toISOString().split('T')[0];\n let tickerHtml = '';\n\n for (let i = 0; i < 7; i++) {\n const d = new Date(today);\n d.setDate(today.getDate() + i);\n const key = d.toISOString().split('T')[0];\n const isToday = key === todayKey;\n\n const hMatches = allEvents.home.filter(e => e.dateKey === key);\n const aMatches = allEvents.away.filter(e => e.dateKey === key);\n\n \/\/ Add to ticker if today\n if (isToday) {\n [...hMatches, ...aMatches].sort((a, b) => a.start - b.start).forEach(m => {\n let desc = m.summary;\n if (m.description) {\n let clean = m.description.replace(\/Incontro in : (CASA|TRASFERTA) fra \/i, \"\").split('--')[0].trim();\n if (clean) desc = clean;\n }\n tickerHtml += `\n <div class=\"ticker-item\">\n <span class=\"ticker-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\n <span class=\"ticker-desc\">${desc}<\/span>\n <\/div>\n `;\n });\n }\n\n const dayCol = document.createElement('div');\n dayCol.className = 'day-column';\n dayCol.innerHTML = `\n <div class=\"day-badge ${isToday ? 'is-today' : ''}\">\n <span class=\"day-name\">${d.toLocaleDateString('it-IT', { weekday: 'short' })}<\/span>\n <span class=\"day-num\">${d.getDate()}<\/span>\n <\/div>\n `;\n\n if (hMatches.length > 0) {\n const dot = document.createElement('div');\n dot.className = 'match-dot home';\n dot.innerText = hMatches.length;\n dot.onclick = () => showMatchModal(hMatches, `CASA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\n dayCol.appendChild(dot);\n const conn = document.createElement('div');\n conn.className = 'dashed-connector up';\n dayCol.appendChild(conn);\n }\n\n if (aMatches.length > 0) {\n const dot = document.createElement('div');\n dot.className = 'match-dot away';\n dot.innerText = aMatches.length;\n dot.onclick = () => showMatchModal(aMatches, `TRASFERTA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\n dayCol.appendChild(dot);\n const conn = document.createElement('div');\n conn.className = 'dashed-connector down';\n dayCol.appendChild(conn);\n }\n\n daysRoot.appendChild(dayCol);\n }\n\n tickerRoot.innerHTML = tickerHtml + tickerHtml; \/\/ Double for loop\n if (!tickerHtml) {\n document.getElementById('ticker-wrap').style.display = 'none';\n }\n }\n\n window.showMatchModal = (matches, title) => {\n document.getElementById('m-title').innerText = title;\n let html = '';\n matches.forEach(m => {\n const isUnconfirmed = m.summary.trim().startsWith('.');\n const displaySummary = isUnconfirmed ? m.summary.trim().substring(1).trim() : m.summary;\n\n html += `\n <div class=\"event-card\">\n <span class=\"event-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\n <span class=\"event-summary\">${displaySummary} ${isUnconfirmed ? '<span style=\"color:#e74c3c; font-size:10px;\">[DA CONFERMARE]<\/span>' : ''}<\/span>\n <div class=\"event-loc\"><span class=\"material-icons-round\" style=\"font-size:14px\">place<\/span> ${m.location}<\/div>\n ${m.description ? `<div class=\"event-desc\">${m.description}<\/div>` : ''}\n <\/div>\n `;\n });\n document.getElementById('m-body').innerHTML = html;\n document.getElementById('match-detail-modal').style.display = 'flex';\n };\n\n window.closeMatchModal = () => {\n document.getElementById('match-detail-modal').style.display = 'none';\n };\n\n initTimeline();\n })();\n <\/script>\n <\/div>\n\n <section class=\"page-section section-fotonews home-block\" id=\"section-fotonews\" aria-labelledby=\"fotonews-heading\">\n <div id=\"ab-widget-wrap\">\n <h2 class=\"fotonews-section-title\" id=\"fotonews-heading\"><span class=\"material-icons-round\"\n aria-hidden=\"true\">photo_camera<\/span> Ultime FotoNews<\/h2>\n <style>\n .section-fotonews {\n justify-content: flex-start;\n min-height: auto;\n padding-top: 3rem;\n padding-bottom: 3.5rem;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(74, 222, 128, 0.08), transparent 55%),\n linear-gradient(180deg, #020503 0%, #050a08 45%, var(--bg-body) 100%);\n border-top: 1px solid rgba(74, 222, 128, 0.12);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n scroll-margin-top: var(--header-height);\n }\n\n html:not(.dark) .section-fotonews {\n background:\n radial-gradient(ellipse 70% 50% at 50% 0%, rgba(22, 163, 74, 0.12), transparent 50%),\n linear-gradient(180deg, #f0fdf4 0%, var(--bg-body) 100%);\n border-top-color: rgba(22, 163, 74, 0.15);\n }\n\n .fotonews-section-title {\n font-family: var(--font-sans);\n font-size: clamp(1.35rem, 3vw, 1.85rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--brand-green-light, #4ade80);\n margin-bottom: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-shadow: 0 0 28px rgba(74, 222, 128, 0.45), 0 0 60px rgba(22, 163, 74, 0.2);\n }\n\n .fotonews-section-title .material-icons-round {\n font-size: 1.35em;\n filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.5));\n }\n\n html:not(.dark) .fotonews-section-title {\n color: var(--primary);\n text-shadow: 0 2px 16px rgba(22, 163, 74, 0.15);\n }\n\n #ab-widget-wrap {\n width: 100%;\n font-family: 'Urbanist', system-ui, sans-serif;\n margin: 0;\n }\n\n #ab-grid {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n gap: 18px;\n overflow-x: auto;\n overflow-y: visible;\n padding: 8px 4px 20px;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n }\n\n #ab-grid::-webkit-scrollbar {\n height: 6px;\n }\n\n #ab-grid::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n .ab-item {\n flex: 0 0 min(260px, 82vw);\n scroll-snap-align: start;\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid rgba(74, 222, 128, 0.15);\n display: flex;\n flex-direction: column;\n transition: transform 0.3s ease, border-color 0.3s, box-shadow 0.35s ease;\n box-shadow: var(--shadow), 0 0 0 1px rgba(74, 222, 128, 0.06) inset;\n }\n\n html:not(.dark) .ab-item {\n border-color: rgba(22, 163, 74, 0.12);\n }\n\n .dark .ab-item {\n border-color: rgba(74, 222, 128, 0.18);\n }\n\n .ab-img-container {\n aspect-ratio: 4 \/ 3;\n overflow: hidden;\n position: relative;\n background: #000;\n }\n\n .ab-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.45s ease;\n }\n\n .ab-item:hover {\n border-color: var(--primary);\n transform: translateY(-6px);\n box-shadow: var(--shadow), 0 0 36px rgba(74, 222, 128, 0.25), 0 0 0 1px rgba(74, 222, 128, 0.2) inset;\n }\n\n .ab-item:hover img {\n transform: scale(1.04);\n }\n\n .ab-data-footer {\n padding: 12px;\n background: var(--bg-card);\n text-align: center;\n border-top: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n .dark .ab-data-footer {\n border-top-color: rgba(255, 255, 255, 0.06);\n }\n\n .ab-team-name {\n display: block;\n font-size: 12px;\n font-weight: 800;\n color: var(--brand-green-light, #4ade80);\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: 'Urbanist', sans-serif;\n }\n\n .ab-match-info {\n display: block;\n font-size: 11px;\n color: var(--text-muted);\n margin: 4px 0;\n }\n\n .ab-score-box {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n margin-top: 6px;\n }\n\n .ab-score {\n font-size: 12px;\n font-weight: 700;\n color: var(--text-main);\n }\n\n .ab-result-badge {\n font-size: 9px;\n padding: 2px 6px;\n border-radius: 4px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n }\n\n .badge-vinto {\n background: #00482c;\n }\n\n .badge-perso {\n background: #e74c3c;\n }\n\n .badge-nullo {\n background: #777;\n }\n\n \/* Lightbox *\/\n #ab-z-box {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n display: none;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: 10000;\n cursor: pointer;\n backdrop-filter: blur(10px);\n }\n\n #ab-z-img {\n max-width: 90vw;\n max-height: 75vh;\n border-radius: 20px;\n border: 4px solid white;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\n background: #111;\n object-fit: contain;\n }\n\n #ab-z-close {\n position: absolute;\n top: 30px;\n right: 30px;\n color: white;\n font-size: 30px;\n background: var(--primary);\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n }\n\n #ab-z-note {\n margin-top: 20px;\n color: white;\n font-size: 16px;\n text-align: center;\n max-width: 800px;\n padding: 15px 30px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n line-height: 1.6;\n font-family: 'Urbanist', sans-serif;\n }\n\n \/* Filter Controls *\/\n #ab-controls {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 1.5rem;\n }\n\n .ab-filter-label {\n color: var(--text-main);\n font-size: 14px;\n font-weight: 600;\n }\n\n .ab-select {\n background: rgba(15, 18, 16, 0.92);\n color: var(--text-main);\n border: 1px solid rgba(74, 222, 128, 0.25);\n padding: 12px 16px;\n border-radius: 14px;\n font-size: 14px;\n outline: none;\n cursor: pointer;\n min-width: min(280px, 100%);\n box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 18px rgba(74, 222, 128, 0.08) inset;\n }\n\n html:not(.dark) .ab-select {\n background: var(--bg-card);\n border-color: rgba(22, 163, 74, 0.2);\n box-shadow: var(--shadow);\n }\n\n .dark .ab-select {\n border-color: rgba(255, 255, 255, 0.12);\n }\n\n .ab-reset-btn {\n background: var(--primary);\n color: white;\n border: none;\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.3s;\n box-shadow: 0 4px 20px rgba(22, 163, 74, 0.35);\n }\n\n .ab-reset-btn:hover {\n background: var(--primary-dark);\n transform: scale(1.04);\n box-shadow: 0 0 24px rgba(74, 222, 128, 0.35);\n }\n <\/style>\n\n <div id=\"ab-controls\">\n <label class=\"ab-filter-label\" for=\"team-filter\">Filtra per squadra:<\/label>\n <select id=\"team-filter\" class=\"ab-select\">\n <option value=\"\">Tutte le squadre<\/option>\n <\/select>\n <button type=\"button\" id=\"reset-filter\" class=\"ab-reset-btn\">Reset<\/button>\n <\/div>\n\n <div id=\"ab-grid\"><\/div>\n\n <div id=\"ab-z-box\" onclick=\"this.style.display='none'\">\n <div id=\"ab-z-close\">\u00d7<\/div>\n <div id=\"ab-load-msg\" style=\"color:white; position:absolute; font-size:12px;\">Caricamento…\n <\/div>\n <img decoding=\"async\" id=\"ab-z-img\" src=\"\" referrerpolicy=\"no-referrer\" onload=\"document.getElementById('ab-load-msg').style.display='none'\" alt=\"\" title=\"\">\n <div id=\"ab-z-note\"><\/div>\n <\/div>\n\n <script>\n (function () {\n const api = 'https:\/\/www.aviglianabasket.cloud\/apiF.php?action=photos';\n const b1 = 'https:\/\/www.aviglianabasket.cloud\/uploads\/';\n const b2 = 'https:\/\/aviglianabasket.cloud\/uploads\/';\n\n let allPhotos = [];\n const grid = document.getElementById('ab-grid');\n const teamFilter = document.getElementById('team-filter');\n const resetBtn = document.getElementById('reset-filter');\n\n function formatDate(d) {\n if (!d) return '';\n const p = d.split('-');\n return p.length === 3 ? p[2] + '\/' + p[1] : d;\n }\n\n function renderPhotos(data) {\n if (!Array.isArray(data)) return;\n\n const publishedData = data;\n\n if (publishedData.length === 0) {\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; width:100%; padding: 40px;\">Nessuna foto trovata.<\/p>';\n return;\n }\n\n grid.innerHTML = publishedData.slice(0, 10).map(p => {\n const file = p.filename;\n const date = formatDate(p.data_partita);\n const res = p.risultato || 'Nullo';\n const badge = res.toLowerCase() === 'vinto' ? 'badge-vinto' : (res.toLowerCase() === 'perso' ? 'badge-perso' : 'badge-nullo');\n const safeNote = (p.note || '').replace(\/'\/g, \"'\").replace(\/\"\/g, \""\");\n\n return `\n <div class=\"ab-item\" onclick=\"abOpen(this)\" data-note=\"${safeNote}\">\n <div class=\"ab-img-container\">\n <img decoding=\"async\" src=\"${b1}${file}\" \n alt=\"${(p.nome_squadra || 'Squadra') + ', ' + date}\"\n referrerpolicy=\"no-referrer\" \n onerror=\"if(this.src.includes('www.')){this.src='${b2}${file}';}\">\n <\/div>\n <div class=\"ab-data-footer\">\n <span class=\"ab-team-name\">${p.nome_squadra || 'Squadra'}<\/span>\n <span class=\"ab-match-info\">${date} vs ${p.avversario || '?'}<\/span>\n <div class=\"ab-score-box\">\n <span class=\"ab-score\">${p.punteggio || '-'}<\/span>\n ${res !== 'Nullo' ? `<span class=\"ab-result-badge ${badge}\">${res}<\/span>` : ''}\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n function populateFilter(data) {\n if (!Array.isArray(data)) return;\n const teams = [...new Set(data.map(p => p.nome_squadra).filter(Boolean))].sort();\n while (teamFilter.options.length > 1) teamFilter.remove(1);\n teams.forEach(team => {\n const opt = document.createElement('option');\n opt.value = team;\n opt.textContent = team;\n teamFilter.appendChild(opt);\n });\n }\n\n async function tryLoadFrom(url) {\n const r = await fetch(url, { credentials: 'omit', cache: 'no-store' });\n if (!r.ok) throw new Error('HTTP ' + r.status);\n return r.json();\n }\n\n async function init() {\n const cacheBuster = `t=${Date.now()}`;\n const urls = [\n `${api}&${cacheBuster}`,\n `https:\/\/aviglianabasket.cloud\/apiF.php?action=photos&${cacheBuster}`\n ];\n\n for (const url of urls) {\n try {\n const d = await tryLoadFrom(url);\n const dataArr = Array.isArray(d) ? d : (d && d.status === 'success' ? d.data : null);\n\n if (Array.isArray(dataArr) && dataArr.length > 0) {\n allPhotos = dataArr;\n populateFilter(allPhotos);\n renderPhotos(allPhotos);\n return;\n }\n } catch (err) {\n console.error('FotoNews:', url, err);\n }\n }\n\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; width:100%; padding: 40px;\">Nessuna foto trovata o errore di connessione API.<\/p>';\n }\n\n teamFilter.addEventListener('change', (e) => {\n const selectedTeam = e.target.value;\n if (!selectedTeam) {\n renderPhotos(allPhotos);\n } else {\n const filtered = allPhotos.filter(p => p.nome_squadra === selectedTeam);\n renderPhotos(filtered);\n }\n });\n\n resetBtn.addEventListener('click', () => {\n teamFilter.value = \"\";\n renderPhotos(allPhotos);\n });\n\n window.abOpen = (el) => {\n const thumb = el.querySelector('img');\n const box = document.getElementById('ab-z-box');\n const img = document.getElementById('ab-z-img');\n const load = document.getElementById('ab-load-msg');\n const noteBox = document.getElementById('ab-z-note');\n\n const noteText = el.getAttribute('data-note');\n\n if (thumb && thumb.src) {\n load.style.display = 'block';\n img.src = '';\n img.src = thumb.src;\n\n if (noteBox) {\n noteBox.innerText = noteText || '';\n noteBox.style.display = noteText ? 'block' : 'none';\n }\n\n box.style.display = 'flex';\n }\n };\n\n init();\n })();\n <\/script>\n <\/div>\n <\/section>\n\n <div id=\"merchandising-section\" class=\"home-block merchandising-parallax\">\n <div class=\"merch-overlay\"><\/div>\n <div class=\"merch-content\">\n <h2 class=\"block-title\" style=\"color: white; margin-bottom: 10px;\">\n <span class=\"material-icons-round\">shopping_cart<\/span> Merchandising\n <\/h2>\n <h3\n style=\"font-family: 'Urbanist', sans-serif; font-weight: 900; color: var(--primary); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; background: white; display: inline-block; padding: 5px 20px; border-radius: 10px;\">\n STAGIONE 2026 – 2027<\/h3>\n <p style=\"font-size: 1.2rem; margin-bottom: 30px; font-weight: 600;\">Vesti i colori della tua\n squadra. Scopri il nuovo kit ufficiale.<\/p>\n <button class=\"merch-btn\" style=\"border:none; cursor:pointer;\"\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">VAI\n ALLO\n STORE UFFICIALE<\/button>\n <\/div>\n <\/div>\n\n <style>\n .merchandising-parallax {\n position: relative;\n min-height: 400px;\n background-image: url('https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/AA_MERCHANDISING.jpg');\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n \/* Left aligned content *\/\n text-align: left;\n \/* Left aligned text *\/\n padding: 60px 50px;\n \/* Increased side padding *\/\n border: none;\n overflow: hidden;\n border-radius: 30px;\n color: white;\n }\n\n .merch-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1;\n }\n\n .merch-content {\n position: relative;\n z-index: 2;\n max-width: 800px;\n }\n\n .merch-btn {\n background: var(--primary);\n color: white;\n padding: 15px 40px;\n border-radius: 50px;\n font-weight: 900;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\n display: inline-block;\n }\n\n .merch-btn:hover {\n background: white;\n color: var(--primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n }\n <\/style>\n \n <div class=\"home-block safeguarding-section\">\n <div class=\"safeguarding-bg\"><\/div>\n <div class=\"safeguarding-content\">\n <h2 class=\"safeguarding-title\">SAFEGUARDING<\/h2>\n <p class=\"safeguarding-text\">\n La polisportiva Avigliana Basket ha adottato le linee guida per la predisposizione dei modelli\n organizzativi e di controllo dell’attivit\u00e0 sportiva e dei codici di condotta a tutela dei minori\n e per la prevenzione delle molestie, della violenza di genere e di ogni altra forma e condizione\n di discriminazione. Avigliana Basket\n <\/p>\n <button onclick=\"openDynamicPage('Safeguarding', 'https:\/\/www.aviglianabasket.it\/?page_id=433')\"\n class=\"safeguarding-btn\" style=\"border:none; cursor:pointer;\">\n <span class=\"material-icons-round\">info<\/span>\n APPROFONDISCI\n <\/button>\n <\/div>\n <\/div>\n\n <style>\n .safeguarding-section {\n position: relative;\n padding: 60px 40px;\n border-radius: 30px;\n overflow: hidden;\n text-align: center;\n background: #050505;\n \/* Black as per image *\/\n color: white;\n margin-bottom: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .dark .safeguarding-section {\n background: #000;\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n \/* Light mode adjustment *\/\n html:not(.dark) .safeguarding-section {\n background: var(--bg-card);\n color: var(--text-main);\n border-color: rgba(0, 0, 0, 0.05);\n }\n\n .safeguarding-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800\" height=\"400\" viewBox=\"0 0 800 400\"><rect width=\"800\" height=\"400\" fill=\"none\"\/><circle cx=\"400\" cy=\"200\" r=\"60\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"400\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"800\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n opacity: 0.3;\n z-index: 1;\n pointer-events: none;\n }\n\n .safeguarding-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .safeguarding-title {\n font-family: 'Urbanist', sans-serif;\n font-size: 3.5rem;\n font-weight: 900;\n color: #00ff5a;\n \/* Bright green as per original *\/\n margin-bottom: 30px;\n letter-spacing: 2px;\n text-shadow: 0 0 20px rgba(0, 255, 90, 0.2);\n }\n\n .safeguarding-text {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 40px;\n opacity: 0.9;\n font-weight: 500;\n }\n\n .safeguarding-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #50d06b;\n \/* Soft green button as per image *\/\n color: white;\n padding: 12px 35px;\n border-radius: 10px;\n text-decoration: none;\n font-weight: 800;\n font-size: 1rem;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n }\n\n .safeguarding-btn:hover {\n transform: translateY(-3px);\n filter: brightness(1.1);\n box-shadow: 0 8px 25px rgba(80, 208, 107, 0.3);\n }\n\n @media (max-width: 768px) {\n .safeguarding-title {\n font-size: 2rem;\n }\n\n .safeguarding-text {\n font-size: 0.95rem;\n }\n\n .safeguarding-section {\n padding: 40px 20px;\n }\n }\n <\/style>\n\n \n <div id=\"sponsor-section\" class=\"home-block sponsor-section\">\n <h2 class=\"block-title\">\n <span class=\"material-icons-round\">handshake<\/span> SPONSOR\n <\/h2>\n <div class=\"sponsor-slider\">\n <div class=\"track\">\n \n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\n alt=\"Tecnocasa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\n alt=\"Bluenergy\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\n alt=\"Bordone\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\n alt=\"Gervasi\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\n alt=\"Giuglar\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\n alt=\"La Crota\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\n alt=\"La Rosa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\n alt=\"LCN\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\n alt=\"Masoero\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\n alt=\"Medical Lab\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\n alt=\"Prometeus\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\n alt=\"Sikons\"><\/div>\n\n \n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\n alt=\"Tecnocasa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\n alt=\"Bluenergy\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\n alt=\"Bordone\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\n alt=\"Gervasi\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\n alt=\"Giuglar\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\n alt=\"La Crota\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\n alt=\"La Rosa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\n alt=\"LCN\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\n alt=\"Masoero\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\n alt=\"Medical Lab\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\n alt=\"Prometeus\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\n alt=\"Sikons\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div>AVIGLIANA BASKET | Powered by R.ROSSINO<\/div>\n <\/footer>\n <\/div>\n\n \n <div id=\"overlay-screen\">\n <div id=\"overlay-body\"\n style=\"background: var(--bg-card); padding: 0; border-radius: 0; box-shadow: none; height: 100%; width: 100%; display: flex; flex-direction: column;\">\n \n <p>Caricamento contenuti dinamici…<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"book-split\">\n <div class=\"split-panel split-left\"><\/div>\n <div id=\"split-logo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"split-logo\" title=\"\">\n <\/div>\n <div class=\"split-panel split-right\"><\/div>\n <\/div>\n\n <script>\n \/\/ Removed toggleTheme to streamline to Dark Mode Only\n\n function closeSidebar() {\n const sidebar = document.getElementById('sidebar');\n if (sidebar) sidebar.classList.remove('sidebar-overlay-active');\n const menuBtn = document.getElementById('header-menu-btn');\n if (menuBtn) {\n const icon = menuBtn.querySelector('.material-icons-round');\n if (icon) icon.textContent = 'menu';\n menuBtn.style.background = \"#000\";\n }\n }\n\n function openDynamicPage(title, url) {\n closeSidebar();\n\n const split = document.getElementById('book-split');\n split.classList.add('active');\n\n setTimeout(() => {\n document.body.classList.add('overlay-open');\n const chNav = document.querySelector('.arena-chapters');\n if (chNav) chNav.setAttribute('aria-hidden', 'true');\n const overlay = document.getElementById('overlay-screen');\n const body = document.getElementById('overlay-body');\n\n if (url) {\n body.style.padding = \"0\";\n body.style.height = \"100%\";\n body.style.flex = \"1\";\n overlay.style.overflow = \"hidden\";\n body.innerHTML = `<iframe src=\"${url}\" style=\"width: 100%; height: 100%; border: none; border-radius: 0; background: white;\"><\/iframe>`;\n } else {\n body.style.padding = \"100px 50px\";\n body.style.height = \"auto\";\n body.style.flex = \"none\";\n overlay.style.overflow = \"auto\";\n body.innerHTML = `\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\n <span class=\"material-icons-round\" style=\"font-size: 100px; color: var(--primary); margin-bottom: 20px;\">construction<\/span>\n <h2>Sezione ${title}<\/h2>\n <p style=\"color: var(--text-muted); margin-top: 15px;\">\n Questa sezione caricher\u00e0 lo script esterno fornito tramite link.<br>\n Il contenitore a tutto schermo assicura la massima visibilit\u00e0 dei contenuti.\n <\/p>\n <\/div>\n `;\n }\n\n overlay.classList.add('active');\n\n setTimeout(() => {\n split.classList.remove('active');\n }, 400);\n }, 800);\n }\n\n function toggleMenu() {\n const sidebar = document.getElementById('sidebar');\n const btn = document.getElementById('header-menu-btn');\n const isActive = sidebar.classList.toggle('sidebar-overlay-active');\n const icon = btn.querySelector('.material-icons-round');\n\n if (isActive) {\n icon.textContent = 'close';\n btn.style.background = \"#e74c3c\";\n } else {\n icon.textContent = 'menu';\n btn.style.background = \"#000\";\n }\n }\n\n function showHome() {\n closeSidebar();\n\n if (document.body.classList.contains('overlay-open')) {\n const split = document.getElementById('book-split');\n const overlay = document.getElementById('overlay-screen');\n split.classList.add('active');\n\n setTimeout(() => {\n document.body.classList.remove('overlay-open');\n overlay.classList.remove('active');\n const chNav = document.querySelector('.arena-chapters');\n if (chNav) chNav.removeAttribute('aria-hidden');\n\n \/\/ Trigger home entry animation\n const hero = document.getElementById('home-hero');\n if (hero) {\n hero.classList.remove('home-slide-entry');\n void hero.offsetWidth;\n hero.classList.add('home-slide-entry');\n }\n\n setTimeout(() => {\n split.classList.remove('active');\n }, 400);\n }, 800);\n } else {\n \/\/ If already on homepage, just scroll to top\n const content = document.getElementById('content-area');\n if (content) content.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n\n function scrollToSection(id) {\n closeSidebar();\n const overlay = document.getElementById('overlay-screen');\n if (overlay.classList.contains('active')) {\n showHome();\n \/\/ Wait for transition then scroll\n setTimeout(() => {\n const section = document.getElementById(id);\n if (section) section.scrollIntoView({ behavior: 'smooth' });\n }, 900);\n } else {\n const section = document.getElementById(id);\n if (section) section.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n window.onload = () => {\n document.getElementById('home-hero').classList.add('home-slide-entry');\n };\n\n \/\/ CUSTOM CURSOR: elemento nascosto; aggiornamento posizione solo se presente\n const cursor = document.getElementById('custom-cursor');\n const contentArea = document.getElementById('content-area');\n\n const updateHoverables = () => {\n if (!cursor) return;\n const hoverables = document.querySelectorAll('a, button, .nav-item, .submenu-item, .promo-box, .h-card, .event-box, .day-badge');\n hoverables.forEach((item) => {\n item.addEventListener('mouseenter', () => cursor.classList.add('cursor-hover'));\n item.addEventListener('mouseleave', () => cursor.classList.remove('cursor-hover'));\n });\n };\n\n if (cursor) {\n document.addEventListener('mousemove', (e) => {\n cursor.style.left = e.clientX + 'px';\n cursor.style.top = e.clientY + 'px';\n });\n updateHoverables();\n }\n\n \/\/ PARALLAX & ENTRANCE ANIMATIONS \u2014 root = #content-area cos\u00ec lo scroll reale aggiorna le intersezioni\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n revealObserver.unobserve(entry.target);\n }\n });\n }, {\n root: contentArea,\n rootMargin: '0px 0px 12% 0px',\n threshold: [0, 0.08, 0.15]\n });\n\n const initScrollAnimations = () => {\n document.querySelectorAll('.promo-box, .home-block, .event-box, .sponsor-slider').forEach(el => {\n el.classList.add('reveal-on-scroll');\n revealObserver.observe(el);\n });\n };\n initScrollAnimations();\n\n if (contentArea) {\n let chapterNavScheduled = false;\n const updateChapterNav = () => {\n const links = document.querySelectorAll('.arena-chapters a');\n if (!links.length) return;\n const headerVar = getComputedStyle(document.documentElement).getPropertyValue('--header-height').trim();\n const headerH = parseFloat(headerVar) || 80;\n const trigger = contentArea.scrollTop + headerH + 28;\n let activeHref = links[0].getAttribute('href');\n links.forEach((link) => {\n const href = link.getAttribute('href');\n const el = href && document.querySelector(href);\n if (!el) return;\n if (el.offsetTop <= trigger) activeHref = href;\n });\n links.forEach((link) => {\n const on = link.getAttribute('href') === activeHref;\n link.classList.toggle('is-active', on);\n if (on) link.setAttribute('aria-current', 'location');\n else link.removeAttribute('aria-current');\n });\n };\n const scheduleChapterNav = () => {\n if (chapterNavScheduled) return;\n chapterNavScheduled = true;\n requestAnimationFrame(() => {\n chapterNavScheduled = false;\n updateChapterNav();\n });\n };\n contentArea.addEventListener('scroll', () => {\n const scrolled = contentArea.scrollTop;\n const heroBg = document.getElementById('hero-bg');\n if (heroBg) {\n heroBg.style.transform = `translateY(${scrolled * 0.4}px) scale(${1 + scrolled * 0.0003})`;\n }\n scheduleChapterNav();\n });\n window.addEventListener('resize', scheduleChapterNav);\n scheduleChapterNav();\n }\n\n \/\/ Re-init hoverables when dynamic content is loaded (for LIVE events)\n const observer = new MutationObserver(updateHoverables);\n const liveContainer = document.getElementById('live-events-container');\n if (liveContainer) {\n observer.observe(liveContainer, { childList: true });\n }\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Avigliana Basket – Keep Pushing. Keep Winning. 01 02 03 04 05 06 07 groups Societ\u00e0 Storia Informazioni Privacy Policy […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6118"}],"version-history":[{"count":6,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118\/revisions"}],"predecessor-version":[{"id":6124,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118\/revisions\/6124"}],"wp:attachment":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6118,"date":"2026-05-01T12:39:58","date_gmt":"2026-05-01T10:39:58","guid":{"rendered":"https:\/\/www.aviglianabasket.it\/?page_id=6118"},"modified":"2026-05-01T13:36:47","modified_gmt":"2026-05-01T11:36:47","slug":"test_home","status":"publish","type":"page","link":"https:\/\/www.aviglianabasket.it\/?page_id=6118","title":{"rendered":"TEST_HOME"},"content":{"rendered":"\n\n\n\n\n \n \n Avigliana Basket – Keep Pushing. Keep Winning.<\/title>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Icons+Round&family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --font-sans: 'Urbanist', system-ui, -apple-system, sans-serif;\n --primary: #16a34a;\n --primary-glow: rgba(22, 163, 74, 0.45);\n --primary-dark: #052e16;\n --accent: #ffffff;\n --bg-body: #f0f4f2;\n --bg-card: rgba(255, 255, 255, 0.82);\n --text-main: #0a0f0c;\n --text-muted: #475569;\n --sidebar-width: 80px;\n --sidebar-expanded: 280px;\n --header-height: 80px;\n --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n --shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n --glass-bg: rgba(255, 255, 255, 0.72);\n --glass-border: rgba(255, 255, 255, 0.35);\n --glass-blur: blur(18px) saturate(165%);\n --bicolor-secondary: #0f172a;\n --arena-rim: rgba(74, 222, 128, 0.22);\n --glow-soft: 0 8px 28px rgba(22, 163, 74, 0.12);\n --glow-strong: 0 0 28px rgba(22, 163, 74, 0.2);\n }\n\n .dark {\n --bg-body: #0e1812;\n --bg-card: rgba(22, 32, 26, 0.85);\n --text-main: #f1f5f9;\n --text-muted: #94a3b8;\n --shadow: 0 12px 40px rgba(0, 0, 0, 0.5);\n --glass-bg: rgba(18, 26, 22, 0.88);\n --glass-border: rgba(74, 222, 128, 0.14);\n --bicolor-secondary: #ffffff;\n --brand-green-light: #4ade80;\n --neon-green: #4ade80;\n --glow-soft: 0 0 32px rgba(74, 222, 128, 0.25);\n --glow-strong: 0 0 48px rgba(74, 222, 128, 0.45);\n }\n\n \/* CUSTOM SCROLLBAR *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--bg-body);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n }\n\n \/* Cursore di sistema \u2014 pi\u00f9 leggibile con Urbanist e accessibilit\u00e0 *\/\n #custom-cursor {\n display: none !important;\n pointer-events: none !important;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: var(--font-sans);\n background-color: var(--bg-body);\n color: var(--text-main);\n overflow-x: hidden;\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n\n html.dark body {\n background-image:\n radial-gradient(ellipse 130% 85% at 50% 115%, rgba(18, 42, 32, 0.35), transparent 58%),\n radial-gradient(ellipse 120% 70% at 78% -5%, rgba(22, 163, 74, 0.24), transparent 52%),\n radial-gradient(ellipse 55% 45% at 8% 95%, rgba(74, 222, 128, 0.09), transparent 48%);\n background-attachment: fixed;\n }\n\n h1,\n h2,\n h3,\n .motto {\n font-family: var(--font-sans);\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n \/* FIXED HEADER *\/\n #header-fixed {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100vw;\n height: var(--header-height);\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border-bottom: 1px solid var(--glass-border);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(22, 163, 74, 0.06) inset;\n z-index: 5000;\n padding: 0 20px 0 calc(var(--sidebar-width) + 20px);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n overflow: visible;\n }\n\n .dark #header-fixed {\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(74, 222, 128, 0.08) inset;\n }\n\n .header-content-left {\n display: flex;\n align-items: center;\n height: 100%;\n gap: 0;\n flex: 1;\n min-width: 0;\n }\n\n .header-content-right {\n display: flex;\n align-items: center;\n height: 100%;\n gap: 10px;\n padding-right: 0;\n }\n\n .header-btn {\n height: 100%;\n width: 70px;\n display: none;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: var(--transition);\n color: white;\n border: none;\n }\n\n .header-btn .material-icons-round {\n font-size: 24px;\n }\n\n\n\n .header-btn.menu-btn {\n background: #000;\n }\n\n body.overlay-open .header-btn {\n display: flex;\n }\n\n .header-btn:hover {\n filter: brightness(1.2);\n }\n\n .branding {\n position: relative;\n display: flex;\n align-items: center;\n gap: 12px;\n z-index: 1;\n min-width: 0;\n cursor: pointer;\n }\n\n .brand-text-stack {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n min-width: 0;\n }\n\n .logo {\n height: 46px;\n width: auto;\n max-width: 52px;\n object-fit: contain;\n margin: 0;\n flex-shrink: 0;\n }\n\n .brand-name {\n font-family: var(--font-sans);\n font-size: clamp(1.15rem, 2.8vw, 1.65rem);\n font-weight: 900;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n line-height: 1.1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .brand-name .part1 {\n color: var(--primary);\n }\n\n .dark .brand-name .part1 {\n color: var(--brand-green-light);\n }\n\n .brand-name .part2 {\n color: var(--accent);\n }\n\n html:not(.dark) .brand-name .part2 {\n color: var(--bicolor-secondary);\n }\n\n .header-tagline {\n display: block;\n font-size: 0.62rem;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 2px;\n }\n\n .theme-toggle {\n background: var(--bg-card);\n border: 1px solid rgba(0, 0, 0, 0.1);\n color: var(--text-main);\n width: 45px;\n height: 45px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n\n\n\n body.overlay-open #overlay-screen {\n top: var(--header-height);\n height: calc(100vh - var(--header-height));\n }\n\n \/* Adjust top controls to be in a prominent position when open *\/\n body.overlay-open .top-controls-container {\n top: 17px;\n right: 40px;\n }\n\n \/* Hide the default theme toggle in header when overlay is open *\/\n body.overlay-open .header-right-group .theme-toggle {\n display: none;\n }\n\n .header-right-group {\n display: flex;\n align-items: center;\n gap: 15px;\n padding-right: 40px;\n }\n\n body.overlay-open .header-right-group {\n padding-right: 0;\n }\n\n\n\n body.overlay-open .branding {\n padding-left: 0;\n }\n\n \/* Indici sezioni home: nascosti durante overlay script (evita navigazione fuorviante) *\/\n body.overlay-open .arena-chapters {\n display: none !important;\n visibility: hidden;\n pointer-events: none;\n }\n\n \/* FIXED SIDEBAR *\/\n #sidebar {\n position: fixed;\n top: var(--header-height);\n left: 0;\n height: calc(100vh - var(--header-height));\n width: var(--sidebar-width);\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border-right: 1px solid var(--glass-border);\n box-shadow: 4px 0 48px -16px rgba(0, 0, 0, 0.35);\n color: var(--text-main);\n z-index: 4000;\n overflow: hidden;\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n padding: 20px 0;\n box-shadow: 10px 0 30px rgba(0, 0, 0, 0.05);\n }\n\n #sidebar:hover {\n width: var(--sidebar-expanded);\n }\n\n .nav-item {\n position: relative;\n display: flex;\n align-items: center;\n height: 50px;\n margin: 0;\n padding: 0;\n cursor: pointer;\n transition: background 0.2s;\n text-decoration: none;\n color: var(--text-main);\n white-space: nowrap;\n overflow: hidden;\n }\n\n .dark .nav-item {\n color: #e2e8f0;\n }\n\n .nav-item:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .nav-item .material-icons-round {\n width: 45px;\n height: 45px;\n min-width: 45px;\n margin: 0 17.5px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 24px;\n flex-shrink: 0;\n pointer-events: none;\n background: var(--glass-bg);\n backdrop-filter: var(--glass-blur);\n -webkit-backdrop-filter: var(--glass-blur);\n border: 1px solid var(--glass-border);\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: var(--transition);\n }\n\n .nav-item:hover .material-icons-round {\n transform: scale(1.1);\n border-color: var(--primary);\n box-shadow: 0 0 15px var(--primary-glow);\n }\n\n .nav-text {\n font-weight: 600 !important;\n opacity: 0;\n transition: opacity 0.2s;\n pointer-events: none;\n position: absolute !important;\n left: 80px !important;\n }\n\n #sidebar:hover .nav-text {\n opacity: 1;\n }\n\n .nav-group {\n display: contents;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .submenu {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: rgba(0, 0, 0, 0.1);\n margin: 0;\n padding: 0;\n }\n\n .nav-item:hover+.submenu,\n .submenu:hover {\n max-height: 500px !important;\n }\n\n .submenu-item {\n padding: 12px 20px 12px 80px !important;\n font-size: 0.9em;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n transition: color 0.2s;\n display: block;\n text-decoration: none;\n }\n\n .submenu-item:hover {\n color: white;\n background: rgba(255, 255, 255, 0.05);\n }\n\n \/* MAIN WRAPPER *\/\n #content-area {\n position: absolute;\n top: 0;\n left: var(--sidebar-width);\n bottom: 0;\n right: 0;\n overflow-y: auto;\n scroll-behavior: smooth;\n transition: left 0.4s ease;\n z-index: 1000;\n }\n\n #sidebar:hover~#content-area {\n left: var(--sidebar-expanded);\n }\n\n \/* FULL-SCREEN SECTIONS *\/\n .page-section {\n width: 100%;\n min-height: 100vh;\n scroll-margin-top: var(--header-height);\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 60px;\n position: relative;\n }\n\n .page-section.hero-section {\n min-height: min(92dvh, 860px);\n }\n\n .hero-section {\n text-align: center;\n position: relative;\n overflow: hidden;\n background-color: #131f19;\n background-image:\n linear-gradient(180deg, rgba(3, 8, 6, 0.28) 0%, rgba(3, 8, 6, 0.42) 100%),\n url(\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\");\n background-size: cover;\n background-position: center top;\n background-repeat: no-repeat;\n }\n\n .hero-bg-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center top !important;\n \/* Ensure focus is on top *\/\n z-index: 0;\n pointer-events: none;\n opacity: 1;\n }\n\n .hero-bg-img.hero-video-hidden {\n display: none;\n }\n\n .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(115deg, rgba(3, 8, 6, 0.3) 0%, rgba(3, 8, 6, 0.06) 48%, rgba(3, 8, 6, 0.24) 100%);\n z-index: 1;\n pointer-events: none;\n transition: background 0.4s ease;\n }\n\n html:not(.dark) .hero-overlay {\n background: linear-gradient(115deg, rgba(248, 250, 249, 0.88) 0%, rgba(248, 250, 249, 0.35) 45%, rgba(240, 244, 242, 0.75) 100%);\n }\n\n .page-section.page-section--live {\n min-height: min(88vh, 52rem);\n justify-content: flex-start;\n padding-top: calc(var(--header-height) + 2.5rem);\n padding-bottom: 3rem;\n }\n\n .live-empty-state {\n max-width: 40rem;\n padding: 1.75rem 1.5rem;\n border-radius: 20px;\n background: var(--bg-card);\n border: 1px solid var(--arena-rim);\n box-shadow: var(--shadow);\n }\n\n .live-empty-state p {\n font-family: var(--font-sans);\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-main);\n margin: 0 0 0.5rem 0;\n line-height: 1.45;\n }\n\n .live-empty-state .live-empty-muted {\n font-size: 0.92rem;\n font-weight: 500;\n color: var(--text-muted);\n margin-bottom: 1.25rem;\n }\n\n .live-empty-state a {\n font-family: var(--font-sans);\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--primary);\n text-decoration: none;\n border-bottom: 2px solid rgba(22, 163, 74, 0.35);\n padding-bottom: 2px;\n }\n\n .live-empty-state a:hover {\n color: var(--brand-green-light, #4ade80);\n border-bottom-color: var(--primary);\n }\n\n .arena-chapters {\n position: fixed;\n top: 50%;\n right: 0.65rem;\n transform: translateY(-50%);\n z-index: 4500;\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n pointer-events: auto;\n }\n\n .arena-chapters a {\n position: relative;\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 800;\n letter-spacing: 0.06em;\n color: rgba(255, 255, 255, 0.45);\n text-decoration: none;\n width: 2rem;\n height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n border: 1px solid rgba(74, 222, 128, 0.2);\n background: rgba(10, 15, 12, 0.65);\n backdrop-filter: blur(10px);\n transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.25s, transform 0.2s;\n }\n\n .arena-chapters a::after {\n content: attr(data-desc);\n position: absolute;\n right: calc(100% + 10px);\n top: 50%;\n transform: translateY(-50%) translateX(6px);\n width: min(248px, 72vw);\n padding: 8px 12px;\n border-radius: 10px;\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n line-height: 1.4;\n text-transform: none;\n color: #e2e8f0;\n background: rgba(3, 8, 6, 0.94);\n border: 1px solid rgba(74, 222, 128, 0.4);\n box-shadow: var(--glow-soft, 0 0 32px rgba(74, 222, 128, 0.25)), 0 12px 28px rgba(0, 0, 0, 0.5);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.22s ease, transform 0.22s ease;\n z-index: 20;\n }\n\n html:not(.dark) .arena-chapters a::after {\n color: var(--text-main);\n background: rgba(255, 255, 255, 0.97);\n border-color: rgba(22, 163, 74, 0.35);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);\n }\n\n .arena-chapters a:hover::after,\n .arena-chapters a:focus-visible::after {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n html:not(.dark) .arena-chapters a {\n color: rgba(15, 23, 42, 0.55);\n background: rgba(255, 255, 255, 0.75);\n border-color: rgba(22, 163, 74, 0.25);\n }\n\n .arena-chapters a:hover,\n .arena-chapters a:focus-visible {\n color: var(--brand-green-light, #4ade80);\n border-color: var(--primary);\n background: rgba(22, 163, 74, 0.2);\n box-shadow: 0 0 22px rgba(74, 222, 128, 0.4), 0 0 40px rgba(22, 163, 74, 0.2);\n transform: scale(1.07);\n }\n\n .arena-chapters a.is-active {\n color: #4dff9a;\n background: rgba(6, 45, 26, 0.92);\n border-color: #4dff9a;\n border-width: 2px;\n box-shadow:\n 0 0 14px rgba(77, 255, 154, 0.85),\n 0 0 32px rgba(22, 163, 74, 0.55),\n inset 0 0 12px rgba(77, 255, 154, 0.12);\n transform: scale(1.08);\n }\n\n .arena-chapters a.is-active:hover,\n .arena-chapters a.is-active:focus-visible {\n color: #7affb8;\n border-color: #7affb8;\n background: rgba(8, 55, 30, 0.95);\n box-shadow:\n 0 0 18px rgba(122, 255, 184, 0.95),\n 0 0 36px rgba(22, 163, 74, 0.5),\n inset 0 0 14px rgba(122, 255, 184, 0.15);\n }\n\n html:not(.dark) .arena-chapters a.is-active {\n color: #ecfdf5;\n background: linear-gradient(145deg, #052e16 0%, #0d4d28 100%);\n border-color: #4ade80;\n box-shadow:\n 0 0 16px rgba(22, 163, 74, 0.45),\n 0 0 28px rgba(74, 222, 128, 0.25);\n }\n\n html:not(.dark) .arena-chapters a.is-active:hover,\n html:not(.dark) .arena-chapters a.is-active:focus-visible {\n color: #fff;\n border-color: #4ade80;\n }\n\n @media (max-width: 768px) {\n .arena-chapters {\n display: none;\n }\n }\n\n .hero-title,\n .hero-motto,\n .scroll-indicator {\n position: relative;\n z-index: 2;\n }\n\n .hero-title {\n font-size: clamp(3rem, 10vw, 8rem);\n line-height: 0.9;\n margin-bottom: 20px;\n text-transform: uppercase;\n font-weight: 900;\n overflow: hidden;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n\n .hero-title span {\n display: inline-block;\n transform: translateY(100%);\n animation: revealText 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\n }\n\n .hero-title .part2 {\n animation-delay: 0.2s;\n }\n\n @keyframes revealText {\n to {\n transform: translateY(0);\n }\n }\n\n .hero-motto {\n font-size: 1.5rem;\n color: var(--text-muted);\n letter-spacing: 8px;\n text-transform: uppercase;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInSlide 0.8s ease forwards 0.6s;\n }\n\n @keyframes fadeInSlide {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Light mode contrast adjustments for Hero *\/\n html:not(.dark) .hero-motto,\n html:not(.dark) .scroll-indicator {\n color: #000 !important;\n }\n\n \/* DYNAMIC OVERLAY (ENTRY FROM RIGHT) *\/\n #overlay-screen {\n position: fixed;\n top: 0;\n left: 100%;\n width: 100%;\n height: 100vh;\n background: var(--bg-body);\n z-index: 3000;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n display: flex;\n flex-direction: column;\n padding: 0;\n overflow: hidden;\n }\n\n #overlay-screen.active {\n transform: translateX(-100%);\n }\n\n\n\n \/* SIDEBAR OVERLAY STATE *\/\n #sidebar.sidebar-overlay-active {\n z-index: 5000;\n width: var(--sidebar-expanded);\n }\n\n #sidebar.sidebar-overlay-active .nav-text {\n opacity: 1;\n }\n\n \/* HOME CONTENT BLOCKS (SCHEDULE, NEWS, ETC) *\/\n .home-block {\n background: var(--bg-card);\n border: 1px solid var(--arena-rim);\n border-radius: 24px;\n box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.03) inset,\n 0 0 80px -30px rgba(22, 163, 74, 0.12);\n padding: 50px;\n margin-bottom: 40px;\n }\n\n .block-title {\n font-family: var(--font-sans);\n font-size: 2.25rem;\n font-weight: 900;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n color: var(--primary);\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n \/* HORIZONTAL CARDS MOCKUP *\/\n .horizontal-cards {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n padding-bottom: 20px;\n scrollbar-width: none;\n }\n\n .h-card {\n min-width: 400px;\n background: rgba(0, 135, 81, 0.05);\n border-radius: 20px;\n padding: 30px;\n flex-shrink: 0;\n }\n\n \/* SPONSOR SECTION *\/\n .sponsor-section {\n background: var(--bg-card);\n }\n\n .dark .sponsor-section {\n background: #000;\n \/* Total black as requested *\/\n }\n\n .sponsor-slider {\n margin-top: 20px;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.03);\n \/* Extremely subtle contrast *\/\n padding: 100px 0;\n \/* Cinema-style prominence *\/\n border-radius: 20px;\n position: relative;\n }\n\n .track {\n display: flex;\n width: calc(500px * 24);\n \/* Super-size track *\/\n animation: slideSponsors 80s linear infinite;\n \/* Ultra-slow, prestigious crawl *\/\n align-items: center;\n }\n\n @keyframes slideSponsors {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-500px * 12));\n }\n }\n\n .sponsor {\n width: 500px;\n \/* Cinematic slot *\/\n padding: 0 50px;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n filter: grayscale(0);\n \/* Full color by default for impact *\/\n opacity: 0.9;\n transition: all 0.4s ease;\n }\n\n .sponsor:hover {\n opacity: 1;\n transform: scale(1.05);\n }\n\n .sponsor img {\n max-width: 100%;\n max-height: 220px;\n \/* Maximum possible impact *\/\n object-fit: contain;\n }\n\n footer {\n padding: 10px 60px;\n background: var(--bg-body);\n color: var(--text-main);\n border-top: 2px solid var(--primary);\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.5rem;\n letter-spacing: 1px;\n white-space: nowrap;\n text-transform: uppercase;\n opacity: 0.6;\n }\n\n \/* INITIAL ENTRY ANIMATION *\/\n .home-slide-entry {\n animation: homeSlideDown 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @keyframes homeSlideDown {\n from {\n transform: translateY(-50px);\n opacity: 0;\n }\n\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n \/* BOOK SPLIT TRANSITION \u2014 tenda pi\u00f9 scura, verdi profondi *\/\n #book-split {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 9999;\n pointer-events: none;\n display: flex;\n background: rgba(0, 0, 0, 0.42);\n }\n\n .split-panel {\n flex: 1;\n background: linear-gradient(165deg, #022c1a 0%, #03150c 45%, #010a06 100%);\n height: 100%;\n transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);\n box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.65);\n }\n\n .split-left {\n transform: translateX(-100%);\n border-right: 1px solid rgba(0, 0, 0, 0.45);\n }\n\n .split-right {\n transform: translateX(100%);\n border-left: 1px solid rgba(0, 0, 0, 0.45);\n }\n\n #book-split.active .split-left,\n #book-split.active .split-right {\n transform: translateX(0);\n }\n\n #split-logo-wrap {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n z-index: 10000;\n transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n background: white;\n padding: 20px;\n border-radius: 50%;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #book-split.active #split-logo-wrap {\n transform: translate(-50%, -50%) scale(1);\n }\n\n .split-logo {\n width: 120px;\n height: auto;\n }\n\n \/* DYNAMIC BACKGROUND *\/\n #page-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n pointer-events: none;\n background-image: url('basketball_bg_pattern.png');\n background-repeat: repeat;\n background-size: 800px;\n opacity: 0.03;\n \/* Extremely subtle *\/\n transition: opacity 0.4s ease;\n animation: bgFloat 60s linear infinite;\n }\n\n .dark #page-bg {\n opacity: 0.07;\n filter: invert(1);\n }\n\n @keyframes bgFloat {\n 0% {\n background-position: 0 0;\n }\n\n 100% {\n background-position: 800px 800px;\n }\n }\n\n \/* RESPONSIVE DESIGN - UNIFIED MEDIA QUERIES *\/\n\n \/* TABLET & MOBILE OVERRIDE *\/\n @media (max-width: 1024px) {\n :root {\n --sidebar-width: 0px;\n --header-height: 70px;\n }\n\n #custom-cursor {\n display: none !important;\n }\n\n body,\n a,\n button,\n .nav-item,\n .submenu-item {\n cursor: auto !important;\n }\n\n #sidebar {\n transform: translateX(-100%);\n z-index: 99999 !important;\n width: var(--sidebar-expanded);\n top: 0;\n height: 100vh;\n border-right: none;\n box-shadow: 20px 0 50px rgba(0, 0, 0, 0.5);\n }\n\n #sidebar.sidebar-overlay-active {\n transform: translateX(0);\n }\n\n #sidebar:hover {\n width: var(--sidebar-expanded);\n \/* Prevent hover expansion on touch *\/\n }\n\n .nav-text {\n opacity: 1 !important;\n }\n\n #header-fixed {\n width: 100vw;\n left: 0;\n padding: 0 15px;\n padding-left: 15px;\n }\n\n .header-btn {\n display: flex !important;\n }\n\n .header-right-group .theme-toggle {\n display: none;\n }\n\n #content-area {\n left: 0 !important;\n }\n\n .page-section {\n padding: 40px 20px;\n }\n\n .home-block {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 4rem) !important;\n }\n\n \/* Adjust registration grid for tablets *\/\n .registration-grid {\n grid-template-columns: repeat(2, 1fr) !important;\n padding: 0 20px !important;\n gap: 20px !important;\n }\n\n .promo-box:nth-child(even) {\n transform: translateY(0) !important;\n }\n }\n\n \/* MOBILE SMALL OVERRIDE *\/\n @media (max-width: 600px) {\n :root {\n --header-height: 60px;\n }\n\n .brand-name {\n font-size: 1.05rem !important;\n }\n\n .header-tagline {\n font-size: 0.55rem !important;\n }\n\n .hero-title {\n font-size: 2rem !important;\n }\n\n .hero-motto {\n font-size: 0.9rem !important;\n letter-spacing: 4px !important;\n }\n\n .registration-grid {\n grid-template-columns: 1fr !important;\n }\n\n .promo-img-wrap {\n height: 180px !important;\n }\n\n .block-title {\n font-size: 1.8rem !important;\n }\n\n .event-box {\n padding: 15px !important;\n }\n\n .teams {\n font-size: 1.1rem !important;\n }\n\n .h-card {\n min-width: 280px !important;\n padding: 20px !important;\n }\n\n .merchandising-parallax {\n min-height: 350px !important;\n padding: 40px 20px !important;\n background-attachment: scroll !important;\n \/* Better performance on mobile *\/\n }\n\n .merch-content h3 {\n font-size: 1.4rem !important;\n }\n\n footer {\n flex-direction: column;\n text-align: center;\n gap: 5px;\n padding: 20px;\n white-space: normal;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"custom-cursor\"><\/div>\n <div id=\"page-bg\"><\/div>\n\n <nav class=\"arena-chapters\" aria-label=\"Salta alla sezione\">\n <a href=\"#home-hero\"\n data-desc=\"Home: video di copertina e motto della societ\u00e0. Passa il mouse per leggere o clicca per scorrere.\">01<\/a>\n <a href=\"#section-live\" data-desc=\"Live: partite del giorno in finestra oraria con cronologia quarti.\">02<\/a>\n <a href=\"#registration-promo-section\" data-desc=\"Iscrizioni: Regular Season, camp estivi e attivit\u00e0 della polisportiva.\">03<\/a>\n <a href=\"#timeline-container-block\" data-desc=\"Calendario: prossimi impegni in casa e in trasferta sulla timeline.\">04<\/a>\n <a href=\"#section-fotonews\" data-desc=\"FotoNews: ultime gallerie foto per squadra, filtro e ingrandimento.\">05<\/a>\n <a href=\"#merchandising-section\" data-desc=\"Shop merchandising ufficiale e collezioni stagionali.\">06<\/a>\n <a href=\"#sponsor-section\" data-desc=\"Sponsor che sostengono Avigliana Basket.\">07<\/a>\n <\/nav>\n\n <nav id=\"sidebar\">\n\n\n <div class=\"nav-group\">\n <div class=\"nav-item\">\n <span class=\"material-icons-round\">groups<\/span>\n <span class=\"nav-text\">Societ\u00e0<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Storia', 'https:\/\/www.aviglianabasket.it\/?page_id=254')\">Storia<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Informazioni', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\n Informazioni<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Privacy Policy', 'https:\/\/www.aviglianabasket.it\/?page_id=3')\">\n Privacy Policy<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\" onclick=\"openDynamicPage('Stagione', 'https:\/\/www.aviglianabasket.it\/?page_id=139')\">\n <span class=\"material-icons-round\">event_note<\/span>\n <span class=\"nav-text\">Stagione<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Squadre', 'https:\/\/www.aviglianabasket.it\/?page_id=179')\">Squadre<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Calendario', 'https:\/\/www.aviglianabasket.it\/?page_id=2192')\">Calendario\n <\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Prossimi Incontri', 'https:\/\/www.aviglianabasket.it\/?page_id=107')\">\n Prossimi Incontri<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Statistiche', 'https:\/\/www.aviglianabasket.it\/?page_id=5473')\">\n Statistiche<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('News', 'https:\/\/www.aviglianabasket.it\/?page_id=151')\">News<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\">\n <span class=\"material-icons-round\">person_add<\/span>\n <span class=\"nav-text\">Atleti<\/span>\n <\/div>\n <div class=\"submenu\">\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Iscrizioni Regular Season', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">\n Iscrizioni Regular Season<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Iscrizioni Estate', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">\n Iscrizioni Estate<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Portale Atleta', 'https:\/\/www.aviglianabasket.cloud\/ab-documentale\/')\">\n Portale Atleta<\/div>\n <div class=\"submenu-item\"\n onclick=\"openDynamicPage('Richiesta Info', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\n Richiesta Info<\/div>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\"\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">\n <span class=\"material-icons-round\">shopping_bag<\/span>\n <span class=\"nav-text\">Merchandising<\/span>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\" onclick=\"openDynamicPage('Sponsor', 'https:\/\/www.aviglianabasket.it\/?page_id=454')\">\n <span class=\"material-icons-round\">handshake<\/span>\n <span class=\"nav-text\">Sponsor<\/span>\n <\/div>\n <\/div>\n\n <div class=\"nav-group\">\n <div class=\"nav-item\"\n onclick=\"openDynamicPage('Area Riservata', 'https:\/\/www.aviglianabasket.it\/?page_id=427')\">\n <span class=\"material-icons-round\">vpn_key<\/span>\n <span class=\"nav-text\">Area Riservata<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <header id=\"header-fixed\">\n <div class=\"header-content-left\">\n\n <div class=\"branding\" onclick=\"showHome()\" role=\"link\" tabindex=\"0\"\n onkeydown=\"if(event.key==='Enter')showHome()\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo Avigliana Basket\" class=\"logo\" title=\"\">\n <div class=\"brand-text-stack\">\n <div class=\"brand-name\">\n <span class=\"part1\">Avigliana<\/span> <span class=\"part2\">Basket<\/span>\n <\/div>\n <span class=\"header-tagline\">Polisportiva \u00b7 Avigliana<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"header-content-right\">\n <div class=\"header-btn menu-btn\" id=\"header-menu-btn\" onclick=\"toggleMenu()\">\n <span class=\"material-icons-round\">menu<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <div id=\"content-area\">\n <section class=\"page-section hero-section\" id=\"home-hero\">\n <video id=\"hero-bg\" class=\"hero-bg-img\" autoplay muted playsinline\n poster=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\">\n <source src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/Sfondo_animato-1.mp4\"\n type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-overlay\"><\/div>\n\n <div class=\"scroll-indicator\">\n <div class=\"mouse\">\n <div class=\"wheel\"><\/div>\n <\/div>\n <span>Scroll Down<\/span>\n <\/div>\n <\/section>\n\n <script>\n (function () {\n var v = document.getElementById(\"hero-bg\");\n if (!v) return;\n v.addEventListener(\"error\", function () {\n v.classList.add(\"hero-video-hidden\");\n });\n })();\n <\/script>\n\n <style>\n .scroll-indicator {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n color: white;\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n opacity: 0.6;\n animation: scrollWiggle 2s infinite;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n\n @keyframes scrollWiggle {\n\n 0%,\n 100% {\n transform: translate(-50%, 0);\n opacity: 0.4;\n }\n\n 50% {\n transform: translate(-50%, 10px);\n opacity: 1;\n }\n }\n\n .scroll-indicator .mouse {\n width: 25px;\n height: 40px;\n border: 2px solid white;\n border-radius: 12px;\n position: relative;\n margin-bottom: 5px;\n }\n\n .scroll-indicator .wheel {\n width: 3px;\n height: 8px;\n background: white;\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n animation: wheelScroll 1.5s infinite;\n }\n\n @keyframes wheelScroll {\n 0% {\n opacity: 0;\n transform: translate(-50%, 0);\n }\n\n 30% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n transform: translate(-50%, 15px);\n }\n }\n <\/style>\n\n <section class=\"page-section page-section--live\" id=\"section-live\">\n <div id=\"live-events-container\"><\/div>\n\n <style>\n #live-events-container h1,\n #live-events-container h2.live-events-heading {\n font-family: 'Urbanist', sans-serif;\n color: var(--primary);\n font-size: 2.2rem;\n font-weight: 900;\n margin-bottom: 20px;\n text-align: left;\n \/* Left aligned *\/\n text-transform: uppercase;\n letter-spacing: 2px;\n text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);\n }\n\n #live-events-container h2.live-events-heading {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .dark #live-events-container h1,\n .dark #live-events-container h2.live-events-heading {\n text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.05);\n }\n\n .event-box {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 25px;\n margin-bottom: 20px;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n }\n\n .dark .event-box {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .event-box::before {\n content: 'LIVE';\n position: absolute;\n right: -10px;\n bottom: -10px;\n font-size: 8rem;\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n opacity: 0.03;\n pointer-events: none;\n }\n\n .title-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .teams {\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--text-main);\n font-family: 'Urbanist', sans-serif;\n }\n\n .start-time-container {\n font-size: 0.9rem;\n font-weight: 700;\n background: rgba(0, 0, 0, 0.03);\n padding: 5px 12px;\n border-radius: 10px;\n }\n\n .dark .start-time-container {\n background: rgba(255, 255, 255, 0.05);\n }\n\n .cat-location {\n font-size: 0.9rem;\n color: var(--text-muted);\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* TIMELINE *\/\n .timeline-container {\n margin-top: 25px;\n }\n\n .timeline-track {\n position: relative;\n width: 100%;\n height: 14px;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 20px;\n display: flex;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n .dark .timeline-track {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .segment {\n height: 100%;\n transition: all 0.3s ease;\n }\n\n .ball {\n position: absolute;\n top: 50%;\n width: 30px;\n height: 30px;\n background: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7a\/Basketball.png\") no-repeat center;\n background-size: contain;\n transform: translate(-50%, -50%);\n z-index: 10;\n filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));\n transition: left 1s ease-in-out;\n }\n\n .labels-row {\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n font-size: 0.65rem;\n position: relative;\n height: 20px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-muted);\n }\n\n .label {\n position: absolute;\n transform: translateX(-50%);\n white-space: nowrap;\n }\n <\/style>\n\n <script>\n (function () {\n const CSV_URL = \"\/wp-content\/uploads\/2025\/INCONTRI.csv\";\n const REFRESH_MS = 60000;\n const TOTAL_DURATION_MIN = 140;\n\n function parseCSV(text) {\n const lines = text.trim().split(\"\\n\");\n return lines.map(l => l.split(\",\"));\n }\n\n function minutesSince(start) {\n return (new Date() - start) \/ 60000;\n }\n\n function getTimelineStructure(type) {\n if (type.includes(\"Seniores\")) {\n return [\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 20], [\"2\u00b0Q\", 20, 40],\n [\"INT\", 40, 56], [\"3\u00b0Q\", 56, 76], [\"4\u00b0Q\", 76, 96],\n [\"Fine\", 96, 120]\n ];\n } else if (type.includes(\"Giovanili\")) {\n return [\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 16], [\"2\u00b0Q\", 16, 32],\n [\"INT\", 32, 49], [\"3\u00b0Q\", 49, 65], [\"4\u00b0Q\", 65, 81],\n [\"Fine\", 81, 120]\n ];\n } else { \/\/ Minibasket\n return [\n [\"Risc\", -20, 0], [\"1\u00b0T\", 0, 25], [\"INT\", 25, 41],\n [\"2\u00b0T\", 41, 66], [\"Fine\", 66, 120]\n ];\n }\n }\n\n function getSegmentStyle(label) {\n let color = \"rgba(100, 100, 100, 0.1)\"; \/\/ Default\n if (label.includes(\"Q\") || label.includes(\"T\")) color = \"var(--primary)\";\n if (label.includes(\"INT\")) color = \"#ffa930\";\n if (label.includes(\"Fine\")) color = \"#e74c3c\";\n return `background-color: ${color}; opacity: 0.2;`;\n }\n\n function createTimeline(type, elapsed) {\n const structure = getTimelineStructure(type);\n let ballLeft = ((elapsed + 20) \/ TOTAL_DURATION_MIN) * 100;\n ballLeft = Math.max(0, Math.min(100, ballLeft));\n\n let segmentsHtml = structure.map(seg => {\n const [label, start, end] = seg;\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\n return `<div class=\"segment\" style=\"width:${width}%; ${getSegmentStyle(label)}\"><\/div>`;\n }).join('');\n\n let labelsHtml = structure.map(seg => {\n const [label, start, end] = seg;\n const pos = (((start + end) \/ 2 + 20) \/ TOTAL_DURATION_MIN) * 100;\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\n if (label === \"Fine\" || width < 5) return '';\n return `<div class=\"label\" style=\"left:${pos}%\">${label}<\/div>`;\n }).join('');\n\n return `\n <div class=\"timeline-container\">\n <div class=\"timeline-track\">\n ${segmentsHtml}\n <div class=\"ball\" style=\"left:${ballLeft}%\"><\/div>\n <\/div>\n <div class=\"labels-row\">${labelsHtml}<\/div>\n <\/div>\n `;\n }\n\n async function loadLiveEvents() {\n const container = document.getElementById(\"live-events-container\");\n if (!container) return;\n const titleHtml = `<h2 class=\"live-events-heading\"><span class=\"material-icons-round\" aria-hidden=\"true\">sensors<\/span> Eventi live<\/h2>`;\n const emptyInner = `\n <div class=\"live-empty-state\">\n <p>Al momento non ci sono partite in diretta.<\/p>\n <p class=\"live-empty-muted\">Gli incontri del giorno compaiono qui verso l\u2019orario di inizio (finestra \u00b120 min prima \/ 2 ore dopo).<\/p>\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\n <\/div>`;\n try {\n const r = await fetch(CSV_URL + \"?t=\" + Date.now());\n const text = await r.text();\n const rows = parseCSV(text);\n\n const now = new Date();\n const today = now.toLocaleDateString('it-IT');\n\n let html = '';\n let found = false;\n\n rows.forEach((r, i) => {\n if (i === 0 || !r[2]) return;\n if (r[2] !== today) return;\n\n const [hh, mm] = r[7].split(\":\");\n const eventDate = new Date();\n eventDate.setHours(hh, mm, 0, 0);\n const elapsed = minutesSince(eventDate);\n\n if (elapsed < -20 || elapsed > 120) return;\n\n found = true;\n const title = (r[6] === \"C CASA\" || r[6] === \"CASA\") ? `${r[4]} vs ${r[5]}` : `${r[5]} vs ${r[4]}`;\n\n html += `\n <div class=\"event-box\">\n <div class=\"title-row\">\n <div class=\"teams\">${title}<\/div>\n <div class=\"start-time-container\">\n <span style=\"opacity:0.7\">Inizio:<\/span> \n <span style=\"color:var(--primary)\">${r[7]}<\/span>\n <\/div>\n <\/div>\n <div class=\"cat-location\">\n <span class=\"material-icons-round\" style=\"font-size:16px\">category<\/span> ${r[12]}\n <span class=\"material-icons-round\" style=\"font-size:16px; margin-left:10px;\">place<\/span> ${r[8]}\n <\/div>\n ${createTimeline(r[12], elapsed)}\n <\/div>\n `;\n });\n\n container.innerHTML = found ? (titleHtml + html) : (titleHtml + emptyInner);\n container.style.display = 'block';\n } catch (e) {\n container.innerHTML = titleHtml + `\n <div class=\"live-empty-state\">\n <p>Non \u00e8 stato possibile aggiornare gli eventi live.<\/p>\n <p class=\"live-empty-muted\">Controlla la connessione oppure apri il calendario per le partite programmate.<\/p>\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\n <\/div>`;\n container.style.display = 'block';\n }\n }\n\n loadLiveEvents();\n setInterval(loadLiveEvents, REFRESH_MS);\n })();\n <\/script>\n\n <style>\n @keyframes pulse {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 50% {\n opacity: 0.7;\n transform: scale(0.95);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n <\/style>\n\n <section class=\"page-section\" id=\"registration-promo-section\">\n <div class=\"registration-grid\">\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/ISCRIZIONE_20252026.jpg.webp\" alt=\"Regular Season\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONE REGULAR SEASON', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">ISCRIZIONE\n REGULAR SEASON<\/button>\n <\/div>\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/internationalCamp.jpeg\" alt=\"International Camp\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONE INTERNATIONAL CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONE\n INTERNATIONAL CAMP<\/button>\n <\/div>\n <div class=\"promo-box\">\n <div class=\"promo-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/SummerCamp.jpeg\" alt=\"Summer Sport Camp\" title=\"\">\n <\/div>\n <button class=\"promo-btn\"\n onclick=\"openDynamicPage('ISCRIZIONI SUMMER SPORT CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONI\n SUMMER SPORT CAMP<\/button>\n <\/div>\n <\/div>\n\n <style>\n .registration-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-bottom: 60px;\n padding: 0 40px;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .promo-box:nth-child(even) {\n transform: translateY(40px);\n }\n\n .reveal-on-scroll {\n opacity: 1;\n transform: translateY(16px);\n transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .reveal-on-scroll.active {\n transform: translateY(0);\n }\n\n .promo-box {\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n height: 100%;\n }\n\n .dark .promo-box {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n .promo-box:hover {\n transform: translateY(-5px);\n }\n\n .promo-img-wrap {\n width: 100%;\n height: 250px;\n overflow: hidden;\n }\n\n .promo-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .promo-box:hover .promo-img-wrap img {\n transform: scale(1.05);\n }\n\n .promo-btn {\n margin: 20px;\n padding: 15px;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 12px;\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: auto;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .promo-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }\n <\/style>\n <\/section>\n\n <div class=\"home-block\" id=\"timeline-container-block\">\n <style>\n #timeline-widget {\n width: 100%;\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: var(--shadow);\n font-family: 'Urbanist', sans-serif;\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .dark #timeline-widget {\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n #timeline-header {\n padding: 20px;\n text-align: left;\n \/* Left aligned *\/\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n background: rgba(0, 0, 0, 0.02);\n }\n\n .dark #timeline-header {\n border-bottom-color: rgba(255, 255, 255, 0.05);\n background: rgba(255, 255, 255, 0.02);\n }\n\n #timeline-header h3 {\n font-family: 'Urbanist', sans-serif;\n font-size: 1.2rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-main);\n margin-bottom: 10px;\n }\n\n .legend {\n display: flex;\n justify-content: center;\n gap: 20px;\n font-size: 0.7rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 0.8;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .dot-home {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #10b981;\n box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\n }\n\n .dot-away {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #e11d48;\n box-shadow: 0 0 10px rgba(225, 29, 72, 0.5);\n }\n\n #timeline-main {\n padding: 20px;\n position: relative;\n height: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n \/* Centered *\/\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n }\n\n #timeline-main::-webkit-scrollbar {\n height: 4px;\n }\n\n #timeline-main::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n #timeline-axis {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--text-muted), transparent);\n opacity: 0.2;\n z-index: 1;\n }\n\n .timeline-days-wrap {\n display: flex;\n justify-content: center;\n \/* Centered items *\/\n gap: 20px;\n \/* Added gap for better spacing *\/\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 0 40px;\n }\n\n .day-column {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 100%;\n position: relative;\n }\n\n .day-badge {\n background: var(--bg-body);\n border: 1px solid rgba(0, 0, 0, 0.1);\n padding: 6px 10px;\n border-radius: 12px;\n text-align: center;\n min-width: 60px;\n z-index: 10;\n transition: all 0.3s ease;\n }\n\n .dark .day-badge {\n border-color: rgba(255, 255, 255, 0.1);\n background: #1a1a1a;\n }\n\n .day-badge.is-today {\n background: var(--primary);\n border-color: var(--primary);\n color: white !important;\n transform: scale(1.1);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n\n .day-badge.is-today span {\n color: white !important;\n }\n\n .day-name {\n display: block;\n font-size: 0.6rem;\n text-transform: uppercase;\n font-weight: 800;\n color: var(--text-muted);\n margin-bottom: 2px;\n }\n\n .day-num {\n display: block;\n font-size: 1.1rem;\n font-weight: 900;\n color: var(--text-main);\n font-family: 'Urbanist', sans-serif;\n }\n\n .match-dot {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 0.8rem;\n cursor: pointer;\n transition: all 0.3s;\n border: 2px solid rgba(255, 255, 255, 0.2);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .match-dot:hover {\n transform: translateX(-50%) scale(1.2);\n z-index: 100;\n cursor: pointer;\n }\n\n .match-dot.home {\n background: linear-gradient(135deg, #10b981, #059669);\n bottom: 110px;\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\n }\n\n .match-dot.away {\n background: linear-gradient(135deg, #e11d48, #be123c);\n top: 110px;\n box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3);\n }\n\n .dashed-connector {\n position: absolute;\n width: 1px;\n height: 20px;\n border-left: 1px dashed var(--text-muted);\n opacity: 0.4;\n left: 50%;\n }\n\n .dashed-connector.up {\n bottom: 90px;\n }\n\n .dashed-connector.down {\n top: 90px;\n }\n\n \/* TICKER *\/\n #ticker-wrap {\n background: var(--primary-dark);\n height: 36px;\n display: flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .ticker-label {\n background: var(--primary);\n color: white;\n font-size: 0.65rem;\n font-weight: 900;\n padding: 0 15px;\n height: 100%;\n display: flex;\n align-items: center;\n z-index: 10;\n box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);\n white-space: nowrap;\n }\n\n .ticker-content {\n display: flex;\n white-space: nowrap;\n animation: tickerSwipe 40s linear infinite;\n padding-left: 20px;\n }\n\n .ticker-item {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-right: 30px;\n color: rgba(255, 255, 255, 0.9);\n font-size: 0.75rem;\n }\n\n .ticker-time {\n font-weight: 900;\n color: #fff;\n background: rgba(255, 255, 255, 0.1);\n padding: 2px 6px;\n border-radius: 4px;\n font-family: monospace;\n }\n\n .ticker-desc {\n font-weight: 700;\n text-transform: uppercase;\n }\n\n @keyframes tickerSwipe {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-50%);\n }\n }\n\n \/* MODAL *\/\n #match-detail-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(5px);\n z-index: 10000;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n\n .modal-content {\n background: var(--bg-card);\n width: 100%;\n max-width: 600px;\n border-radius: 30px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n border: 1px solid rgba(255, 255, 255, 0.1);\n animation: modalShow 0.3s ease-out;\n }\n\n @keyframes modalShow {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .modal-header {\n padding: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n display: flex;\n justify-content: center;\n \/* Centered *\/\n align-items: center;\n position: relative;\n }\n\n .modal-title {\n font-family: 'Urbanist', sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n color: var(--primary);\n }\n\n .modal-close {\n position: absolute;\n \/* Positioned absolute for centering title *\/\n right: 20px;\n cursor: pointer;\n opacity: 0.6;\n }\n\n .modal-body {\n padding: 25px;\n max-height: 70vh;\n overflow-y: auto;\n text-align: center;\n \/* Centered content *\/\n }\n\n .event-card {\n background: var(--bg-body);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 20px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n align-items: center;\n \/* Centered *\/\n }\n\n .event-time {\n font-family: monospace;\n font-weight: 900;\n color: var(--primary);\n font-size: 1.1rem;\n margin-bottom: 10px;\n display: block;\n }\n\n .event-summary {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--text-main);\n margin-bottom: 15px;\n display: block;\n line-height: 1.2;\n }\n\n .event-loc {\n font-size: 0.9rem;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n margin-bottom: 15px;\n }\n\n .event-desc {\n font-size: 0.85rem;\n color: var(--text-muted);\n border-top: 1px solid rgba(0, 0, 0, 0.05);\n padding-top: 15px;\n line-height: 1.5;\n white-space: pre-line;\n width: 100%;\n }\n\n @media (max-width: 768px) {\n #timeline-main {\n height: 220px;\n }\n\n .match-dot.home {\n bottom: 130px;\n }\n\n .match-dot.away {\n top: 130px;\n }\n\n .dashed-connector.up {\n bottom: 95px;\n }\n\n .dashed-connector.down {\n top: 95px;\n }\n }\n <\/style>\n\n <div id=\"timeline-widget\">\n <div id=\"timeline-header\">\n <h3>Match Timeline – Prossimi 7 Giorni<\/h3>\n <div class=\"legend\">\n <div class=\"legend-item\"><span class=\"dot-home\"><\/span> CASA<\/div>\n <div class=\"legend-item\"><span class=\"dot-away\"><\/span> TRASFERTA<\/div>\n <\/div>\n <\/div>\n\n <div id=\"timeline-main\">\n <div id=\"timeline-axis\"><\/div>\n <div class=\"timeline-days-wrap\" id=\"days-root\">\n \n <\/div>\n <\/div>\n\n <div id=\"ticker-wrap\">\n <div class=\"ticker-label\"><span class=\"material-icons-round\"\n style=\"font-size: 14px; margin-right: 5px;\">sensors<\/span> LIVE OGGI<\/div>\n <div class=\"ticker-content\" id=\"ticker-root\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"match-detail-modal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"modal-title\" id=\"m-title\">Dettaglio Match<\/div>\n <span class=\"material-icons-round modal-close\" onclick=\"closeMatchModal()\">close<\/span>\n <\/div>\n <div class=\"modal-body\" id=\"m-body\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const API_KEY = \"AIzaSyDVNulAR9V16JXIK2RSRXCv6uk6AO2Nk1I\";\n const CAL_HOME = \"0cd5fa89ab3f8bbd58fe500d95e9df8d2c04692dfdd11fed8a04889380049052@group.calendar.google.com\";\n const CAL_AWAY = \"eda6118d425bd15e8b5ec8defdb2ca2a99b94ef6be7b0ffa943fc371f48cf3d8@group.calendar.google.com\";\n\n let allEvents = { home: [], away: [] };\n\n async function fetchEvents(calId, type) {\n const timeMin = new Date();\n timeMin.setHours(0, 0, 0, 0);\n const timeMax = new Date();\n timeMax.setDate(timeMax.getDate() + 7);\n\n const url = `https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/${encodeURIComponent(calId)}\/events?key=${API_KEY}&singleEvents=true&orderBy=startTime&timeMin=${timeMin.toISOString()}&timeMax=${timeMax.toISOString()}`;\n\n try {\n const r = await fetch(url);\n const d = await r.json();\n return (d.items || []).map(ev => ({\n summary: ev.summary || \"Match\",\n location: ev.location || \"PalaAvigliana\",\n description: ev.description || \"\",\n start: new Date(ev.start.dateTime || ev.start.date),\n type: type,\n dateKey: (ev.start.dateTime || ev.start.date).split('T')[0]\n }));\n } catch (e) { return []; }\n }\n\n async function initTimeline() {\n allEvents.home = await fetchEvents(CAL_HOME, 'HOME');\n allEvents.away = await fetchEvents(CAL_AWAY, 'AWAY');\n renderTimeline();\n }\n\n function renderTimeline() {\n const daysRoot = document.getElementById('days-root');\n const tickerRoot = document.getElementById('ticker-root');\n daysRoot.innerHTML = '';\n tickerRoot.innerHTML = '';\n\n const today = new Date();\n const todayKey = today.toISOString().split('T')[0];\n let tickerHtml = '';\n\n for (let i = 0; i < 7; i++) {\n const d = new Date(today);\n d.setDate(today.getDate() + i);\n const key = d.toISOString().split('T')[0];\n const isToday = key === todayKey;\n\n const hMatches = allEvents.home.filter(e => e.dateKey === key);\n const aMatches = allEvents.away.filter(e => e.dateKey === key);\n\n \/\/ Add to ticker if today\n if (isToday) {\n [...hMatches, ...aMatches].sort((a, b) => a.start - b.start).forEach(m => {\n let desc = m.summary;\n if (m.description) {\n let clean = m.description.replace(\/Incontro in : (CASA|TRASFERTA) fra \/i, \"\").split('--')[0].trim();\n if (clean) desc = clean;\n }\n tickerHtml += `\n <div class=\"ticker-item\">\n <span class=\"ticker-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\n <span class=\"ticker-desc\">${desc}<\/span>\n <\/div>\n `;\n });\n }\n\n const dayCol = document.createElement('div');\n dayCol.className = 'day-column';\n dayCol.innerHTML = `\n <div class=\"day-badge ${isToday ? 'is-today' : ''}\">\n <span class=\"day-name\">${d.toLocaleDateString('it-IT', { weekday: 'short' })}<\/span>\n <span class=\"day-num\">${d.getDate()}<\/span>\n <\/div>\n `;\n\n if (hMatches.length > 0) {\n const dot = document.createElement('div');\n dot.className = 'match-dot home';\n dot.innerText = hMatches.length;\n dot.onclick = () => showMatchModal(hMatches, `CASA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\n dayCol.appendChild(dot);\n const conn = document.createElement('div');\n conn.className = 'dashed-connector up';\n dayCol.appendChild(conn);\n }\n\n if (aMatches.length > 0) {\n const dot = document.createElement('div');\n dot.className = 'match-dot away';\n dot.innerText = aMatches.length;\n dot.onclick = () => showMatchModal(aMatches, `TRASFERTA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\n dayCol.appendChild(dot);\n const conn = document.createElement('div');\n conn.className = 'dashed-connector down';\n dayCol.appendChild(conn);\n }\n\n daysRoot.appendChild(dayCol);\n }\n\n tickerRoot.innerHTML = tickerHtml + tickerHtml; \/\/ Double for loop\n if (!tickerHtml) {\n document.getElementById('ticker-wrap').style.display = 'none';\n }\n }\n\n window.showMatchModal = (matches, title) => {\n document.getElementById('m-title').innerText = title;\n let html = '';\n matches.forEach(m => {\n const isUnconfirmed = m.summary.trim().startsWith('.');\n const displaySummary = isUnconfirmed ? m.summary.trim().substring(1).trim() : m.summary;\n\n html += `\n <div class=\"event-card\">\n <span class=\"event-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\n <span class=\"event-summary\">${displaySummary} ${isUnconfirmed ? '<span style=\"color:#e74c3c; font-size:10px;\">[DA CONFERMARE]<\/span>' : ''}<\/span>\n <div class=\"event-loc\"><span class=\"material-icons-round\" style=\"font-size:14px\">place<\/span> ${m.location}<\/div>\n ${m.description ? `<div class=\"event-desc\">${m.description}<\/div>` : ''}\n <\/div>\n `;\n });\n document.getElementById('m-body').innerHTML = html;\n document.getElementById('match-detail-modal').style.display = 'flex';\n };\n\n window.closeMatchModal = () => {\n document.getElementById('match-detail-modal').style.display = 'none';\n };\n\n initTimeline();\n })();\n <\/script>\n <\/div>\n\n <section class=\"page-section section-fotonews home-block\" id=\"section-fotonews\" aria-labelledby=\"fotonews-heading\">\n <div id=\"ab-widget-wrap\">\n <h2 class=\"fotonews-section-title\" id=\"fotonews-heading\"><span class=\"material-icons-round\"\n aria-hidden=\"true\">photo_camera<\/span> Ultime FotoNews<\/h2>\n <style>\n .section-fotonews {\n justify-content: flex-start;\n min-height: auto;\n padding-top: 3rem;\n padding-bottom: 3.5rem;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(74, 222, 128, 0.08), transparent 55%),\n linear-gradient(180deg, #020503 0%, #050a08 45%, var(--bg-body) 100%);\n border-top: 1px solid rgba(74, 222, 128, 0.12);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n scroll-margin-top: var(--header-height);\n }\n\n html:not(.dark) .section-fotonews {\n background:\n radial-gradient(ellipse 70% 50% at 50% 0%, rgba(22, 163, 74, 0.12), transparent 50%),\n linear-gradient(180deg, #f0fdf4 0%, var(--bg-body) 100%);\n border-top-color: rgba(22, 163, 74, 0.15);\n }\n\n .fotonews-section-title {\n font-family: var(--font-sans);\n font-size: clamp(1.35rem, 3vw, 1.85rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--brand-green-light, #4ade80);\n margin-bottom: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-shadow: 0 0 28px rgba(74, 222, 128, 0.45), 0 0 60px rgba(22, 163, 74, 0.2);\n }\n\n .fotonews-section-title .material-icons-round {\n font-size: 1.35em;\n filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.5));\n }\n\n html:not(.dark) .fotonews-section-title {\n color: var(--primary);\n text-shadow: 0 2px 16px rgba(22, 163, 74, 0.15);\n }\n\n #ab-widget-wrap {\n width: 100%;\n font-family: 'Urbanist', system-ui, sans-serif;\n margin: 0;\n }\n\n #ab-grid {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n gap: 18px;\n overflow-x: auto;\n overflow-y: visible;\n padding: 8px 4px 20px;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n }\n\n #ab-grid::-webkit-scrollbar {\n height: 6px;\n }\n\n #ab-grid::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 10px;\n }\n\n .ab-item {\n flex: 0 0 min(260px, 82vw);\n scroll-snap-align: start;\n background: var(--bg-card);\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid rgba(74, 222, 128, 0.15);\n display: flex;\n flex-direction: column;\n transition: transform 0.3s ease, border-color 0.3s, box-shadow 0.35s ease;\n box-shadow: var(--shadow), 0 0 0 1px rgba(74, 222, 128, 0.06) inset;\n }\n\n html:not(.dark) .ab-item {\n border-color: rgba(22, 163, 74, 0.12);\n }\n\n .dark .ab-item {\n border-color: rgba(74, 222, 128, 0.18);\n }\n\n .ab-img-container {\n aspect-ratio: 4 \/ 3;\n overflow: hidden;\n position: relative;\n background: #000;\n }\n\n .ab-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.45s ease;\n }\n\n .ab-item:hover {\n border-color: var(--primary);\n transform: translateY(-6px);\n box-shadow: var(--shadow), 0 0 36px rgba(74, 222, 128, 0.25), 0 0 0 1px rgba(74, 222, 128, 0.2) inset;\n }\n\n .ab-item:hover img {\n transform: scale(1.04);\n }\n\n .ab-data-footer {\n padding: 12px;\n background: var(--bg-card);\n text-align: center;\n border-top: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n .dark .ab-data-footer {\n border-top-color: rgba(255, 255, 255, 0.06);\n }\n\n .ab-team-name {\n display: block;\n font-size: 12px;\n font-weight: 800;\n color: var(--brand-green-light, #4ade80);\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: 'Urbanist', sans-serif;\n }\n\n .ab-match-info {\n display: block;\n font-size: 11px;\n color: var(--text-muted);\n margin: 4px 0;\n }\n\n .ab-score-box {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n margin-top: 6px;\n }\n\n .ab-score {\n font-size: 12px;\n font-weight: 700;\n color: var(--text-main);\n }\n\n .ab-result-badge {\n font-size: 9px;\n padding: 2px 6px;\n border-radius: 4px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n }\n\n .badge-vinto {\n background: #00482c;\n }\n\n .badge-perso {\n background: #e74c3c;\n }\n\n .badge-nullo {\n background: #777;\n }\n\n \/* Lightbox *\/\n #ab-z-box {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n display: none;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n z-index: 10000;\n cursor: pointer;\n backdrop-filter: blur(10px);\n }\n\n #ab-z-img {\n max-width: 90vw;\n max-height: 75vh;\n border-radius: 20px;\n border: 4px solid white;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\n background: #111;\n object-fit: contain;\n }\n\n #ab-z-close {\n position: absolute;\n top: 30px;\n right: 30px;\n color: white;\n font-size: 30px;\n background: var(--primary);\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n }\n\n #ab-z-note {\n margin-top: 20px;\n color: white;\n font-size: 16px;\n text-align: center;\n max-width: 800px;\n padding: 15px 30px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n line-height: 1.6;\n font-family: 'Urbanist', sans-serif;\n }\n\n \/* Filter Controls *\/\n #ab-controls {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 1.5rem;\n }\n\n .ab-filter-label {\n color: var(--text-main);\n font-size: 14px;\n font-weight: 600;\n }\n\n .ab-select {\n background: rgba(15, 18, 16, 0.92);\n color: var(--text-main);\n border: 1px solid rgba(74, 222, 128, 0.25);\n padding: 12px 16px;\n border-radius: 14px;\n font-size: 14px;\n outline: none;\n cursor: pointer;\n min-width: min(280px, 100%);\n box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 18px rgba(74, 222, 128, 0.08) inset;\n }\n\n html:not(.dark) .ab-select {\n background: var(--bg-card);\n border-color: rgba(22, 163, 74, 0.2);\n box-shadow: var(--shadow);\n }\n\n .dark .ab-select {\n border-color: rgba(255, 255, 255, 0.12);\n }\n\n .ab-reset-btn {\n background: var(--primary);\n color: white;\n border: none;\n padding: 10px 24px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.3s;\n box-shadow: 0 4px 20px rgba(22, 163, 74, 0.35);\n }\n\n .ab-reset-btn:hover {\n background: var(--primary-dark);\n transform: scale(1.04);\n box-shadow: 0 0 24px rgba(74, 222, 128, 0.35);\n }\n <\/style>\n\n <div id=\"ab-controls\">\n <label class=\"ab-filter-label\" for=\"team-filter\">Filtra per squadra:<\/label>\n <select id=\"team-filter\" class=\"ab-select\">\n <option value=\"\">Tutte le squadre<\/option>\n <\/select>\n <button type=\"button\" id=\"reset-filter\" class=\"ab-reset-btn\">Reset<\/button>\n <\/div>\n\n <div id=\"ab-grid\"><\/div>\n\n <div id=\"ab-z-box\" onclick=\"this.style.display='none'\">\n <div id=\"ab-z-close\">\u00d7<\/div>\n <div id=\"ab-load-msg\" style=\"color:white; position:absolute; font-size:12px;\">Caricamento…\n <\/div>\n <img decoding=\"async\" id=\"ab-z-img\" src=\"\" referrerpolicy=\"no-referrer\" onload=\"document.getElementById('ab-load-msg').style.display='none'\" alt=\"\" title=\"\">\n <div id=\"ab-z-note\"><\/div>\n <\/div>\n\n <script>\n (function () {\n const api = 'https:\/\/www.aviglianabasket.cloud\/apiF.php?action=photos';\n const b1 = 'https:\/\/www.aviglianabasket.cloud\/uploads\/';\n const b2 = 'https:\/\/aviglianabasket.cloud\/uploads\/';\n\n let allPhotos = [];\n const grid = document.getElementById('ab-grid');\n const teamFilter = document.getElementById('team-filter');\n const resetBtn = document.getElementById('reset-filter');\n\n function formatDate(d) {\n if (!d) return '';\n const p = d.split('-');\n return p.length === 3 ? p[2] + '\/' + p[1] : d;\n }\n\n function renderPhotos(data) {\n if (!Array.isArray(data)) return;\n\n const publishedData = data;\n\n if (publishedData.length === 0) {\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; width:100%; padding: 40px;\">Nessuna foto trovata.<\/p>';\n return;\n }\n\n grid.innerHTML = publishedData.slice(0, 10).map(p => {\n const file = p.filename;\n const date = formatDate(p.data_partita);\n const res = p.risultato || 'Nullo';\n const badge = res.toLowerCase() === 'vinto' ? 'badge-vinto' : (res.toLowerCase() === 'perso' ? 'badge-perso' : 'badge-nullo');\n const safeNote = (p.note || '').replace(\/'\/g, \"'\").replace(\/\"\/g, \""\");\n\n return `\n <div class=\"ab-item\" onclick=\"abOpen(this)\" data-note=\"${safeNote}\">\n <div class=\"ab-img-container\">\n <img decoding=\"async\" src=\"${b1}${file}\" \n alt=\"${(p.nome_squadra || 'Squadra') + ', ' + date}\"\n referrerpolicy=\"no-referrer\" \n onerror=\"if(this.src.includes('www.')){this.src='${b2}${file}';}\">\n <\/div>\n <div class=\"ab-data-footer\">\n <span class=\"ab-team-name\">${p.nome_squadra || 'Squadra'}<\/span>\n <span class=\"ab-match-info\">${date} vs ${p.avversario || '?'}<\/span>\n <div class=\"ab-score-box\">\n <span class=\"ab-score\">${p.punteggio || '-'}<\/span>\n ${res !== 'Nullo' ? `<span class=\"ab-result-badge ${badge}\">${res}<\/span>` : ''}\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n function populateFilter(data) {\n if (!Array.isArray(data)) return;\n const teams = [...new Set(data.map(p => p.nome_squadra).filter(Boolean))].sort();\n while (teamFilter.options.length > 1) teamFilter.remove(1);\n teams.forEach(team => {\n const opt = document.createElement('option');\n opt.value = team;\n opt.textContent = team;\n teamFilter.appendChild(opt);\n });\n }\n\n async function tryLoadFrom(url) {\n const r = await fetch(url, { credentials: 'omit', cache: 'no-store' });\n if (!r.ok) throw new Error('HTTP ' + r.status);\n return r.json();\n }\n\n async function init() {\n const cacheBuster = `t=${Date.now()}`;\n const urls = [\n `${api}&${cacheBuster}`,\n `https:\/\/aviglianabasket.cloud\/apiF.php?action=photos&${cacheBuster}`\n ];\n\n for (const url of urls) {\n try {\n const d = await tryLoadFrom(url);\n const dataArr = Array.isArray(d) ? d : (d && d.status === 'success' ? d.data : null);\n\n if (Array.isArray(dataArr) && dataArr.length > 0) {\n allPhotos = dataArr;\n populateFilter(allPhotos);\n renderPhotos(allPhotos);\n return;\n }\n } catch (err) {\n console.error('FotoNews:', url, err);\n }\n }\n\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; width:100%; padding: 40px;\">Nessuna foto trovata o errore di connessione API.<\/p>';\n }\n\n teamFilter.addEventListener('change', (e) => {\n const selectedTeam = e.target.value;\n if (!selectedTeam) {\n renderPhotos(allPhotos);\n } else {\n const filtered = allPhotos.filter(p => p.nome_squadra === selectedTeam);\n renderPhotos(filtered);\n }\n });\n\n resetBtn.addEventListener('click', () => {\n teamFilter.value = \"\";\n renderPhotos(allPhotos);\n });\n\n window.abOpen = (el) => {\n const thumb = el.querySelector('img');\n const box = document.getElementById('ab-z-box');\n const img = document.getElementById('ab-z-img');\n const load = document.getElementById('ab-load-msg');\n const noteBox = document.getElementById('ab-z-note');\n\n const noteText = el.getAttribute('data-note');\n\n if (thumb && thumb.src) {\n load.style.display = 'block';\n img.src = '';\n img.src = thumb.src;\n\n if (noteBox) {\n noteBox.innerText = noteText || '';\n noteBox.style.display = noteText ? 'block' : 'none';\n }\n\n box.style.display = 'flex';\n }\n };\n\n init();\n })();\n <\/script>\n <\/div>\n <\/section>\n\n <div id=\"merchandising-section\" class=\"home-block merchandising-parallax\">\n <div class=\"merch-overlay\"><\/div>\n <div class=\"merch-content\">\n <h2 class=\"block-title\" style=\"color: white; margin-bottom: 10px;\">\n <span class=\"material-icons-round\">shopping_cart<\/span> Merchandising\n <\/h2>\n <h3\n style=\"font-family: 'Urbanist', sans-serif; font-weight: 900; color: var(--primary); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; background: white; display: inline-block; padding: 5px 20px; border-radius: 10px;\">\n STAGIONE 2026 – 2027<\/h3>\n <p style=\"font-size: 1.2rem; margin-bottom: 30px; font-weight: 600;\">Vesti i colori della tua\n squadra. Scopri il nuovo kit ufficiale.<\/p>\n <button class=\"merch-btn\" style=\"border:none; cursor:pointer;\"\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">VAI\n ALLO\n STORE UFFICIALE<\/button>\n <\/div>\n <\/div>\n\n <style>\n .merchandising-parallax {\n position: relative;\n min-height: 400px;\n background-image: url('https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/AA_MERCHANDISING.jpg');\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n \/* Left aligned content *\/\n text-align: left;\n \/* Left aligned text *\/\n padding: 60px 50px;\n \/* Increased side padding *\/\n border: none;\n overflow: hidden;\n border-radius: 30px;\n color: white;\n }\n\n .merch-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1;\n }\n\n .merch-content {\n position: relative;\n z-index: 2;\n max-width: 800px;\n }\n\n .merch-btn {\n background: var(--primary);\n color: white;\n padding: 15px 40px;\n border-radius: 50px;\n font-weight: 900;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\n display: inline-block;\n }\n\n .merch-btn:hover {\n background: white;\n color: var(--primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n }\n <\/style>\n \n <div class=\"home-block safeguarding-section\">\n <div class=\"safeguarding-bg\"><\/div>\n <div class=\"safeguarding-content\">\n <h2 class=\"safeguarding-title\">SAFEGUARDING<\/h2>\n <p class=\"safeguarding-text\">\n La polisportiva Avigliana Basket ha adottato le linee guida per la predisposizione dei modelli\n organizzativi e di controllo dell’attivit\u00e0 sportiva e dei codici di condotta a tutela dei minori\n e per la prevenzione delle molestie, della violenza di genere e di ogni altra forma e condizione\n di discriminazione. Avigliana Basket\n <\/p>\n <button onclick=\"openDynamicPage('Safeguarding', 'https:\/\/www.aviglianabasket.it\/?page_id=433')\"\n class=\"safeguarding-btn\" style=\"border:none; cursor:pointer;\">\n <span class=\"material-icons-round\">info<\/span>\n APPROFONDISCI\n <\/button>\n <\/div>\n <\/div>\n\n <style>\n .safeguarding-section {\n position: relative;\n padding: 60px 40px;\n border-radius: 30px;\n overflow: hidden;\n text-align: center;\n background: #050505;\n \/* Black as per image *\/\n color: white;\n margin-bottom: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .dark .safeguarding-section {\n background: #000;\n border-color: rgba(255, 255, 255, 0.05);\n }\n\n \/* Light mode adjustment *\/\n html:not(.dark) .safeguarding-section {\n background: var(--bg-card);\n color: var(--text-main);\n border-color: rgba(0, 0, 0, 0.05);\n }\n\n .safeguarding-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800\" height=\"400\" viewBox=\"0 0 800 400\"><rect width=\"800\" height=\"400\" fill=\"none\"\/><circle cx=\"400\" cy=\"200\" r=\"60\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"400\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"800\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n opacity: 0.3;\n z-index: 1;\n pointer-events: none;\n }\n\n .safeguarding-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .safeguarding-title {\n font-family: 'Urbanist', sans-serif;\n font-size: 3.5rem;\n font-weight: 900;\n color: #00ff5a;\n \/* Bright green as per original *\/\n margin-bottom: 30px;\n letter-spacing: 2px;\n text-shadow: 0 0 20px rgba(0, 255, 90, 0.2);\n }\n\n .safeguarding-text {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 40px;\n opacity: 0.9;\n font-weight: 500;\n }\n\n .safeguarding-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #50d06b;\n \/* Soft green button as per image *\/\n color: white;\n padding: 12px 35px;\n border-radius: 10px;\n text-decoration: none;\n font-weight: 800;\n font-size: 1rem;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n }\n\n .safeguarding-btn:hover {\n transform: translateY(-3px);\n filter: brightness(1.1);\n box-shadow: 0 8px 25px rgba(80, 208, 107, 0.3);\n }\n\n @media (max-width: 768px) {\n .safeguarding-title {\n font-size: 2rem;\n }\n\n .safeguarding-text {\n font-size: 0.95rem;\n }\n\n .safeguarding-section {\n padding: 40px 20px;\n }\n }\n <\/style>\n\n \n <div id=\"sponsor-section\" class=\"home-block sponsor-section\">\n <h2 class=\"block-title\">\n <span class=\"material-icons-round\">handshake<\/span> SPONSOR\n <\/h2>\n <div class=\"sponsor-slider\">\n <div class=\"track\">\n \n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\n alt=\"Tecnocasa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\n alt=\"Bluenergy\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\n alt=\"Bordone\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\n alt=\"Gervasi\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\n alt=\"Giuglar\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\n alt=\"La Crota\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\n alt=\"La Rosa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\n alt=\"LCN\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\n alt=\"Masoero\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\n alt=\"Medical Lab\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\n alt=\"Prometeus\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\n alt=\"Sikons\"><\/div>\n\n \n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\n alt=\"Tecnocasa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\n alt=\"Bluenergy\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\n alt=\"Bordone\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\n alt=\"Gervasi\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\n alt=\"Giuglar\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\n alt=\"La Crota\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\n alt=\"La Rosa\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\n alt=\"LCN\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\n alt=\"Masoero\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\n alt=\"Medical Lab\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\n alt=\"Prometeus\"><\/div>\n <div class=\"sponsor\"><img decoding=\"async\"\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\n alt=\"Sikons\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div>AVIGLIANA BASKET | Powered by R.ROSSINO<\/div>\n <\/footer>\n <\/div>\n\n \n <div id=\"overlay-screen\">\n <div id=\"overlay-body\"\n style=\"background: var(--bg-card); padding: 0; border-radius: 0; box-shadow: none; height: 100%; width: 100%; display: flex; flex-direction: column;\">\n \n <p>Caricamento contenuti dinamici…<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"book-split\">\n <div class=\"split-panel split-left\"><\/div>\n <div id=\"split-logo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"split-logo\" title=\"\">\n <\/div>\n <div class=\"split-panel split-right\"><\/div>\n <\/div>\n\n <script>\n \/\/ Removed toggleTheme to streamline to Dark Mode Only\n\n function closeSidebar() {\n const sidebar = document.getElementById('sidebar');\n if (sidebar) sidebar.classList.remove('sidebar-overlay-active');\n const menuBtn = document.getElementById('header-menu-btn');\n if (menuBtn) {\n const icon = menuBtn.querySelector('.material-icons-round');\n if (icon) icon.textContent = 'menu';\n menuBtn.style.background = \"#000\";\n }\n }\n\n function openDynamicPage(title, url) {\n closeSidebar();\n\n const split = document.getElementById('book-split');\n split.classList.add('active');\n\n setTimeout(() => {\n document.body.classList.add('overlay-open');\n const chNav = document.querySelector('.arena-chapters');\n if (chNav) chNav.setAttribute('aria-hidden', 'true');\n const overlay = document.getElementById('overlay-screen');\n const body = document.getElementById('overlay-body');\n\n if (url) {\n body.style.padding = \"0\";\n body.style.height = \"100%\";\n body.style.flex = \"1\";\n overlay.style.overflow = \"hidden\";\n body.innerHTML = `<iframe src=\"${url}\" style=\"width: 100%; height: 100%; border: none; border-radius: 0; background: white;\"><\/iframe>`;\n } else {\n body.style.padding = \"100px 50px\";\n body.style.height = \"auto\";\n body.style.flex = \"none\";\n overlay.style.overflow = \"auto\";\n body.innerHTML = `\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\n <span class=\"material-icons-round\" style=\"font-size: 100px; color: var(--primary); margin-bottom: 20px;\">construction<\/span>\n <h2>Sezione ${title}<\/h2>\n <p style=\"color: var(--text-muted); margin-top: 15px;\">\n Questa sezione caricher\u00e0 lo script esterno fornito tramite link.<br>\n Il contenitore a tutto schermo assicura la massima visibilit\u00e0 dei contenuti.\n <\/p>\n <\/div>\n `;\n }\n\n overlay.classList.add('active');\n\n setTimeout(() => {\n split.classList.remove('active');\n }, 400);\n }, 800);\n }\n\n function toggleMenu() {\n const sidebar = document.getElementById('sidebar');\n const btn = document.getElementById('header-menu-btn');\n const isActive = sidebar.classList.toggle('sidebar-overlay-active');\n const icon = btn.querySelector('.material-icons-round');\n\n if (isActive) {\n icon.textContent = 'close';\n btn.style.background = \"#e74c3c\";\n } else {\n icon.textContent = 'menu';\n btn.style.background = \"#000\";\n }\n }\n\n function showHome() {\n closeSidebar();\n\n if (document.body.classList.contains('overlay-open')) {\n const split = document.getElementById('book-split');\n const overlay = document.getElementById('overlay-screen');\n split.classList.add('active');\n\n setTimeout(() => {\n document.body.classList.remove('overlay-open');\n overlay.classList.remove('active');\n const chNav = document.querySelector('.arena-chapters');\n if (chNav) chNav.removeAttribute('aria-hidden');\n\n \/\/ Trigger home entry animation\n const hero = document.getElementById('home-hero');\n if (hero) {\n hero.classList.remove('home-slide-entry');\n void hero.offsetWidth;\n hero.classList.add('home-slide-entry');\n }\n\n setTimeout(() => {\n split.classList.remove('active');\n }, 400);\n }, 800);\n } else {\n \/\/ If already on homepage, just scroll to top\n const content = document.getElementById('content-area');\n if (content) content.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n\n function scrollToSection(id) {\n closeSidebar();\n const overlay = document.getElementById('overlay-screen');\n if (overlay.classList.contains('active')) {\n showHome();\n \/\/ Wait for transition then scroll\n setTimeout(() => {\n const section = document.getElementById(id);\n if (section) section.scrollIntoView({ behavior: 'smooth' });\n }, 900);\n } else {\n const section = document.getElementById(id);\n if (section) section.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n window.onload = () => {\n document.getElementById('home-hero').classList.add('home-slide-entry');\n };\n\n \/\/ CUSTOM CURSOR: elemento nascosto; aggiornamento posizione solo se presente\n const cursor = document.getElementById('custom-cursor');\n const contentArea = document.getElementById('content-area');\n\n const updateHoverables = () => {\n if (!cursor) return;\n const hoverables = document.querySelectorAll('a, button, .nav-item, .submenu-item, .promo-box, .h-card, .event-box, .day-badge');\n hoverables.forEach((item) => {\n item.addEventListener('mouseenter', () => cursor.classList.add('cursor-hover'));\n item.addEventListener('mouseleave', () => cursor.classList.remove('cursor-hover'));\n });\n };\n\n if (cursor) {\n document.addEventListener('mousemove', (e) => {\n cursor.style.left = e.clientX + 'px';\n cursor.style.top = e.clientY + 'px';\n });\n updateHoverables();\n }\n\n \/\/ PARALLAX & ENTRANCE ANIMATIONS \u2014 root = #content-area cos\u00ec lo scroll reale aggiorna le intersezioni\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n revealObserver.unobserve(entry.target);\n }\n });\n }, {\n root: contentArea,\n rootMargin: '0px 0px 12% 0px',\n threshold: [0, 0.08, 0.15]\n });\n\n const initScrollAnimations = () => {\n document.querySelectorAll('.promo-box, .home-block, .event-box, .sponsor-slider').forEach(el => {\n el.classList.add('reveal-on-scroll');\n revealObserver.observe(el);\n });\n };\n initScrollAnimations();\n\n if (contentArea) {\n let chapterNavScheduled = false;\n const updateChapterNav = () => {\n const links = document.querySelectorAll('.arena-chapters a');\n if (!links.length) return;\n const headerVar = getComputedStyle(document.documentElement).getPropertyValue('--header-height').trim();\n const headerH = parseFloat(headerVar) || 80;\n const trigger = contentArea.scrollTop + headerH + 28;\n let activeHref = links[0].getAttribute('href');\n links.forEach((link) => {\n const href = link.getAttribute('href');\n const el = href && document.querySelector(href);\n if (!el) return;\n if (el.offsetTop <= trigger) activeHref = href;\n });\n links.forEach((link) => {\n const on = link.getAttribute('href') === activeHref;\n link.classList.toggle('is-active', on);\n if (on) link.setAttribute('aria-current', 'location');\n else link.removeAttribute('aria-current');\n });\n };\n const scheduleChapterNav = () => {\n if (chapterNavScheduled) return;\n chapterNavScheduled = true;\n requestAnimationFrame(() => {\n chapterNavScheduled = false;\n updateChapterNav();\n });\n };\n contentArea.addEventListener('scroll', () => {\n const scrolled = contentArea.scrollTop;\n const heroBg = document.getElementById('hero-bg');\n if (heroBg) {\n heroBg.style.transform = `translateY(${scrolled * 0.4}px) scale(${1 + scrolled * 0.0003})`;\n }\n scheduleChapterNav();\n });\n window.addEventListener('resize', scheduleChapterNav);\n scheduleChapterNav();\n }\n\n \/\/ Re-init hoverables when dynamic content is loaded (for LIVE events)\n const observer = new MutationObserver(updateHoverables);\n const liveContainer = document.getElementById('live-events-container');\n if (liveContainer) {\n observer.observe(liveContainer, { childList: true });\n }\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Avigliana Basket – Keep Pushing. Keep Winning. 01 02 03 04 05 06 07 groups Societ\u00e0 Storia Informazioni Privacy Policy […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6118"}],"version-history":[{"count":6,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118\/revisions"}],"predecessor-version":[{"id":6124,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/6118\/revisions\/6124"}],"wp:attachment":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}