.elementor-kit-7{--e-global-color-primary:#212121;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F4EBDF;--e-global-color-0ed91e4:#212121;--e-global-color-e5e27d8:#FFFFFF;--e-global-color-813a250:#6B6256;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:50;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"M PLUS 1";--e-global-typography-text-font-size:21px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:29px;--e-global-typography-accent-font-family:"M PLUS 1";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );font-family:"M PLUS 1", Sans-serif;font-size:18px;font-weight:normal;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;}.elementor-kit-7 h1{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:30px;}.elementor-kit-7 h1{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   VARIABILI & RESET
========================================= */
:root {
    --white: #FFFFFF;
    --black: #212121;
    --beige: #F4EBDF;
    --muted: #6B6256;
    --accent: #212121;
}

body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: var(--black);
    background: var(--white);
    overflow-x: hidden;
}

.highlight-glow {
    color: var(--beige);
    text-shadow: 0 0 8px rgba(210, 180, 140, 0.3);
    font-weight: bold;
}

/* =========================================
   TIPOGRAFIA & TESTI
========================================= */
h1, h2, h3, .big { font-family: 'Poppins', sans-serif; }
h1 { font-size: clamp(34px, 8vw, 74px); line-height: 1.1; margin-bottom: 24px; font-weight: 700; text-transform: none; }
h2 { font-size: clamp(34px, 5vw, 60px); line-height: 1.1; margin-bottom: 24px; font-weight: 700; text-transform: none; }
h3 { font-size: 22px; font-weight: 600; margin-bottom: 10px; text-transform: none; line-height: 1.3; }
p { font-size: 16px; line-height: 1.6; }

.label { font-size: 13px; font-weight: 700; color: var(--accent); margin-bottom: 16px; letter-spacing: 1px; text-transform: none; }
.lead { font-size: 18px; color: var(--muted); line-height: 1.6; }
.big { font-size: clamp(42px, 5vw, 62px); font-weight: 700; line-height: 1.05; margin-bottom: 24px; }
.big em { font-style: normal; font-weight: 300; }
strong, b { font-weight: 800; }

/* =========================================
   LAYOUT & UTILITIES
========================================= */
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 60px; }

/* Animazioni base (.r) */
.r { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
.r.on { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }

/* =========================================
   SEZIONE: MANIFESTO
========================================= */
.manifesto { padding: 120px 0; text-align: center; background: var(--black); color: white; }
.manifesto p { max-width: 700px; font-size: 20px; color: rgba(255,255,255,0.7); margin: 24px auto; }
.manifesto .label { color: rgba(255,255,255,0.4); }

/* =========================================
   SEZIONE: TALK 
========================================= */
.talk-section { padding: 120px 0; background: var(--white); border-bottom: 1px solid rgba(0,0,0,0.05); }
.talk-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.talk-text p { color: var(--muted); margin-bottom: 16px; }
.talk-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.tag { background: var(--beige); border-radius: 100px; padding: 8px 18px; font-size: 13px; font-weight: 700; color: var(--black); display: inline-block; }
.talk-visual { display: flex; flex-direction: column; align-items: center; }
.phone-mask-container { position: relative; width: 100%; max-width: 320px; margin: 0 auto; }
.talk-video-masked { width: 100%; height: auto; display: block; background: transparent; }
.talk-visual p { color: var(--black); margin-top: 15px; font-weight: 600; text-align: center; width: 100%; display: block; }

/* =========================================
   SEZIONE: COME FUNZIONA & QR
========================================= */
.how { padding: 120px 0; background: var(--beige); }
.card { position: relative; background-color: var(--white); height: 400px; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.card-img { height: 220px; background: #ddd; overflow: hidden; }
.card-img img { width: 100%; height: 100%; object-fit: cover; }
.card-body { padding: 32px; position: static; text-align: center; }
.card-body h3 { position: relative; z-index: 2; margin-bottom: 10px; }
.card p { color: var(--muted); margin-bottom: 0; }

.qr-callout { background: var(--black); color: white; border-radius: 32px; padding: 60px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 32px; margin-top: 60px; margin-bottom: 50px; }
.qr-text { flex: none; max-width: 800px; }
.qr-text h3 { font-size: 32px; margin-bottom: 20px; color: var(--white); }
.qr-text p { color: rgba(255,255,255,0.8); margin-bottom: 32px; font-size: 18px; line-height: 1.7; }
.qr-stores { display: flex; margin-bottom: 32px; gap: 16px; justify-content: center; flex-wrap: wrap; }
.qr-text p.qr-description-text { color: rgba(255,255,255,0.8); margin-top: 40px; font-size: 18px; line-height: 1.7; text-align: center; width: 100%; }

.btn-sm { align-items: center; gap: 8px; min-width: 170px; background: white; color: var(--black); padding: 12px 24px; border-radius: 100px; text-decoration: none; font-weight: 700; font-size: 14px; transition: opacity .2s; }
.btn-sm:hover { opacity: .85; }
.btn-sm svg { width: 16px; height: 16px; flex-shrink: 0; }

.privacy-notice { background-color: #2D2D2D; border-left: 4px solid #f2c94c; padding: 15px; margin: 20px auto; max-width: 800px; border-radius: 8px; }
.privacy-notice p { color: #ffffff; margin: 0; font-size: 0.95rem; line-height: 1.4; text-align: left; }

/* =========================================
   SEZIONE: FAQ
========================================= */
section#faq.faq-section { padding: 0 0 100px 0; background-color: var(--beige); }
#faq .faq-wrapper { max-width: 800px; margin: 40px auto 0 auto; text-align: left; }
#faq details.faq-item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.1); }
#faq details.faq-item:last-child { border-bottom: none; }
#faq details.faq-item summary { font-size: 20px; font-weight: 800; color: var(--black); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
#faq details.faq-item summary::-webkit-details-marker { display: none; }
#faq details.faq-item summary::after { content: '+'; font-size: 32px; font-weight: 300; color: var(--black); transition: transform 0.3s ease; }
#faq details.faq-item[open] summary::after { transform: rotate(45deg); }
#faq .faq-content { margin-top: 12px; padding-right: 40px; padding-bottom: 10px; }
#faq .faq-content p { color: var(--muted); line-height: 1.6; font-size: 16px; }

/* =========================================
   SEZIONE: EVENTI
========================================= */
.eventi { padding: 100px 0; background: #fff; }
.event-banner-final { display: flex; flex-direction: column; background: #000; border-radius: 24px; overflow: hidden; position: relative; width: 100%; }
.banner-top { position: relative; width: 100%; height: 250px; }
.banner-top img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; display: block; }
.date-box { position: absolute; top: 20px; left: 20px; z-index: 10; background: white; color: black; padding: 14px; border-radius: 16px; text-align: center; min-width: 90px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.date-box .day { font-size: 32px; font-weight: 800; display: block; line-height: 1; }
.date-box .mon { font-size: 16px; font-weight: 700; text-transform: uppercase; display: block; }
.date-box .time { font-size: 12px; font-weight: 800; color: #666; border-top: 1px solid #eee; margin-top: 5px; padding-top: 5px; display: block; }
.banner-bottom { position: relative; padding: 40px 60px; color: white; min-height: 160px; }
.info-box h3 { color: white; font-size: 28px; margin: 0; font-weight: 700; line-height: 1.2; }
.info-box p { color: rgba(255,255,255,0.8); margin: 8px 0 0; font-size: 15px; }
.btn-maps { position: absolute; bottom: 30px; right: 40px; background: white; color: black; padding: 14px 24px; border-radius: 12px; text-decoration: none; font-weight: 800; font-size: 14px; transition: all 0.3s ease; }

/* =========================================
   SEZIONE: DOWNLOAD CTA
========================================= */
.download-cta { padding: 140px 0 80px 0; background: var(--black); color: white; text-align: center; }
.download-cta .label { color: rgba(255,255,255,0.4); }
.download-cta .lead { color: rgba(255,255,255,0.6); margin: 0 auto 48px; max-width: 500px; }
.store-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-store-lg { display: inline-flex; align-items: center; gap: 10px; min-width: 200px; background: white; color: var(--black); padding: 16px 32px; border-radius: 100px; text-decoration: none; transition: transform .2s; }
.btn-store-lg:hover { transform: scale(1.03); }
.btn-store-lg svg { width: 28px; height: 28px; flex-shrink: 0; }
.btn-sub { font-size: 12px; font-weight: 700; opacity: .5; display: block; line-height: 1; margin-bottom: 4px; }
.btn-main { font-size: 16px; font-weight: 800; display: inline-block; line-height: 1; }

/* =========================================
   RESPONSIVE & MOBILE
========================================= */
@media (max-width: 900px) {
    .talk-inner, .grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .phone-mask-container { max-width: 280px; }
    .qr-callout { flex-direction: column; text-align: center; padding: 40px 24px; gap: 30px; }
    .qr-stores { justify-content: center; }
    .grid { grid-auto-rows: 1fr; }
    .card { height: 400px; } 
    .card-img { height: 200px; }
    .card-body h3 { padding-right: 0; font-size: 22px; }
    
    .banner-top { height: 200px; }
    .banner-bottom { padding: 30px 20px 80px 20px; }
    .info-box h3 { font-size: 22px; }
    .btn-maps { bottom: 20px; right: 20px; font-size: 11px; }
    .date-box { transform: scale(0.9); top: 15px; left: 15px; }
}/* End custom CSS */