{
  "reasoning": "Autopool è un concessionario auto moderno e serio a Prato. Il dossier richiede uno stile 'più sportivo' che comunichi struttura e professionalità aziendale. Ho scelto '03-warm-traditional' come base ma l'ho adattato verso una palette più fredda e corporate (blu primario #003DA5, arancione accent per dinamismo), mantenendo la chiarezza tipografica e l'approccio narrativo. La pagina enfatizza affidabilità (garanzie, revisioni, servizi finanziari) con una struttura pulita e sezioni dedicate ai servizi chiave, alle vetture in stock e alle gallerie aziendali.",
  "selected_reference_style": "03-warm-traditional",
  "astro_file": "---\nconst { data, copy, i, lang } = Astro.props;\n\nconst imgUrl = (p) => `${import.meta.env.BASE_URL.replace(/\\/$/, '')}/images/${p}`;\n\nconst palette = {\n  primary:    data.visual_identity?.color_palette?.primary    || \"#003DA5\",\n  secondary:  data.visual_identity?.color_palette?.secondary  || \"#6B9FD4\",\n  accent:     data.visual_identity?.color_palette?.accent     || \"#E87722\",\n  background: data.visual_identity?.color_palette?.background || \"#F5F5F5\",\n  text:       data.visual_identity?.color_palette?.text       || \"#1A1A1A\",\n};\n---\n\n<!DOCTYPE html>\n<html lang={lang}>\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>{data.business_name} - {data.tagline}</title>\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n  <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;600;700&display=swap\" rel=\"stylesheet\" />\n</head>\n<body>\n  <!-- HEADER -->\n  <header class=\"header\">\n    <div class=\"header-container\">\n      {data.images.logo && (\n        <div class=\"logo\">\n          <img src={imgUrl(data.images.logo.path)} alt={data.images.logo.alt} />\n        </div>\n      )}\n      <nav class=\"nav-main\" aria-label={i.nav_label}>\n        <a href=\"#servizi\">{i.nav_services}</a>\n        <a href=\"#vetture\">{i.nav_vehicles}</a>\n        <a href=\"#galleria\">{i.nav_gallery}</a>\n        <a href=\"#contatti\">{i.nav_contacts}</a>\n      </nav>\n      {data.available_locales && data.available_locales.length > 1 && (\n        <nav aria-label={i.lang_switcher_label || \"Lingua\"} class=\"lang-switcher\">\n          {data.available_locales.map((loc, idx) => {\n            const isActive = loc === lang;\n            const base = import.meta.env.BASE_URL.replace(/\\/$/, '');\n            const href = idx === 0 ? `${base}/` : `${base}/${loc}/`;\n            return isActive\n              ? <span aria-current=\"page\" class=\"lang-active\">{loc.toUpperCase()}</span>\n              : <a href={href} class=\"lang-link\">{loc.toUpperCase()}</a>;\n          })}\n        </nav>\n      )}\n      <a href=\"#contatti\" class=\"header-cta\">{i.cta_contact}</a>\n    </div>\n  </header>\n\n  <!-- HERO -->\n  <section class=\"hero-section\" id=\"hero\">\n    {data.images.hero ? (\n      <div class=\"hero-with-image\">\n        <img src={imgUrl(data.images.hero.path)} alt={data.images.hero.alt} class=\"hero-img\" />\n        <div class=\"hero-overlay\">\n          <div class=\"hero-content\">\n            <h1>{data.business_name}</h1>\n            <p class=\"hero-tagline\">{copy.hero_tagline}</p>\n            <a href=\"#vetture\" class=\"hero-cta\">{i.cta_discover}</a>\n          </div>\n        </div>\n      </div>\n    ) : (\n      <div class=\"hero-text-only\">\n        <h1>{data.business_name}</h1>\n        <p class=\"hero-tagline\">{copy.hero_tagline}</p>\n        <a href=\"#vetture\" class=\"hero-cta\">{i.cta_discover}</a>\n      </div>\n    )}\n  </section>\n\n  <!-- INTRO SECTION -->\n  <section class=\"intro-section\">\n    <div class=\"section-container\">\n      <h2>{i.section_eyebrow_intro}</h2>\n      <p class=\"intro-text\">{copy.intro_paragraph}</p>\n      <div class=\"trust-row\">\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">✓</div>\n          <p>{i.trust_guaranteed}</p>\n        </div>\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">⚡</div>\n          <p>{i.trust_ready}</p>\n        </div>\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">💰</div>\n          <p>{i.trust_financing}</p>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <!-- SERVICES SECTION -->\n  <section class=\"services-section\" id=\"servizi\">\n    {data.images.banner && (\n      <div class=\"banner-top\">\n        <img src={imgUrl(data.images.banner.path)} alt={data.images.banner.alt} />\n      </div>\n    )}\n    <div class=\"section-container\">\n      <h2>{i.section_title_services}</h2>\n      <p class=\"section-intro\">{copy.services_intro}</p>\n      <div class=\"services-grid\">\n        {data.products_or_services.map((service) => (\n          <article class=\"service-card\">\n            <h3>{service.name}</h3>\n            <p>{service.description}</p>\n          </article>\n        ))}\n      </div>\n    </div>\n  </section>\n\n  <!-- VEHICLES SECTION -->\n  <section class=\"vehicles-section\" id=\"vetture\">\n    <div class=\"section-container\">\n      <h2>{i.section_title_vehicles}</h2>\n      <p class=\"section-intro\">{copy.vehicles_intro}</p>\n      {data.images.product && data.images.product.length > 0 ? (\n        <div class=\"vehicles-grid\">\n          {data.images.product.map((product) => (\n            <article class=\"vehicle-card\">\n              <div class=\"vehicle-image\">\n                <img src={imgUrl(product.path)} alt={product.alt} />\n              </div>\n              <div class=\"vehicle-info\">\n                <p class=\"vehicle-name\">{product.alt}</p>\n                <a href=\"#contatti\" class=\"vehicle-cta\">{i.cta_info}</a>\n              </div>\n            </article>\n          ))}\n        </div>\n      ) : (\n        <div class=\"vehicles-empty\">\n          <p>{copy.vehicles_empty}</p>\n        </div>\n      )}\n    </div>\n  </section>\n\n  <!-- SLIDESHOW SECTION -->\n  {data.images.slideshow && data.images.slideshow.length > 0 && (\n    <section class=\"slideshow-section\">\n      <div class=\"section-container\">\n        <h2>{i.section_title_slideshow}</h2>\n        <div class=\"slideshow\">\n          {data.images.slideshow.map((slide) => (\n            <div class=\"slide\">\n              <img src={imgUrl(slide.path)} alt={slide.alt} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )}\n\n  <!-- GALLERY SECTION -->\n  {data.images.gallery && data.images.gallery.length > 0 && (\n    <section class=\"gallery-section\" id=\"galleria\">\n      <div class=\"section-container\">\n        <h2>{i.section_title_gallery}</h2>\n        <p class=\"section-intro\">{copy.gallery_intro}</p>\n        <div class=\"gallery-grid\">\n          {data.images.gallery.map((image) => (\n            <div class=\"gallery-item\">\n              <img src={imgUrl(image.path)} alt={image.alt} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )}\n\n  <!-- CONTACT SECTION -->\n  <section class=\"contact-section\" id=\"contatti\">\n    <div class=\"section-container\">\n      <h2>{i.section_title_contacts}</h2>\n      <div class=\"contact-grid\">\n        <div class=\"contact-item\">\n          <h3>{i.contact_address}</h3>\n          <p>{data.contacts.address}</p>\n        </div>\n        <div class=\"contact-item\">\n          <h3>{i.contact_hours}</h3>\n          <p>{data.contacts.hours}</p>\n        </div>\n        <div class=\"contact-item\">\n          <h3>{i.contact_phone}</h3>\n          <p><a href={`tel:${data.contacts.phone}`}>{data.contacts.phone}</a></p>\n          {data.contacts.whatsapp && (\n            <p><a href={`https://wa.me/${data.contacts.whatsapp.replace(/\\D/g, '')}`}>{data.contacts.whatsapp}</a></p>\n          )}\n        </div>\n        <div class=\"contact-item\">\n          <h3>{i.contact_email}</h3>\n          <p><a href={`mailto:${data.contacts.email}`}>{data.contacts.email}</a></p>\n        </div>\n      </div>\n      <div class=\"contact-cta\">\n        <a href={`mailto:${data.contacts.email}`} class=\"cta-primary\">{i.cta_send_message}</a>\n      </div>\n    </div>\n  </section>\n\n  <!-- FOOTER -->\n  <footer class=\"footer\">\n    <div class=\"footer-container\">\n      <div class=\"footer-brand\">\n        {data.images.logo && (\n          <img src={imgUrl(data.images.logo.path)} alt={data.images.logo.alt} class=\"footer-logo\" />\n        )}\n        <p>{data.description}</p>\n      </div>\n      <div class=\"footer-info\">\n        <h4>{i.footer_info}</h4>\n        <p>{data.contacts.address}</p>\n        <p><a href={`tel:${data.contacts.phone}`}>{data.contacts.phone}</a></p>\n        <p><a href={`mailto:${data.contacts.email}`}>{data.contacts.email}</a></p>\n      </div>\n      <div class=\"footer-legal\">\n        <p>{i.footer_credits}</p>\n      </div>\n    </div>\n  </footer>\n\n  <style define:vars={{\n    colorPrimary:    palette.primary,\n    colorSecondary:  palette.secondary,\n    colorAccent:     palette.accent,\n    colorBackground: palette.background,\n    colorText:       palette.text,\n  }}>\n    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;600;700&display=swap');\n\n    :root {\n      --color-primary:    var(--colorPrimary);\n      --color-secondary:  var(--colorSecondary);\n      --color-accent:     var(--colorAccent);\n      --color-background: var(--colorBackground);\n      --color-text:       var(--colorText);\n      --font-heading:     'Manrope', sans-serif;\n      --font-body:        'Inter', sans-serif;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: var(--font-body);\n      color: var(--color-text);\n      background-color: var(--color-background);\n      line-height: 1.6;\n    }\n\n    /* HEADER */\n    .header {\n      background-color: var(--color-primary);\n      padding: 1rem 0;\n      position: sticky;\n      top: 0;\n      z-index: 100;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .header-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 2rem;\n    }\n\n    .logo img {\n      height: 45px;\n      width: auto;\n    }\n\n    .nav-main {\n      display: flex;\n      gap: 2rem;\n      flex: 1;\n    }\n\n    .nav-main a {\n      color: white;\n      text-decoration: none;\n      font-size: 0.95rem;\n      font-weight: 500;\n      transition: opacity 0.3s ease;\n    }\n\n    .nav-main a:hover {\n      opacity: 0.8;\n    }\n\n    .lang-switcher {\n      display: flex;\n      gap: 0.4rem;\n      font-size: 0.85rem;\n      font-weight: 600;\n      align-items: center;\n    }\n\n    .lang-switcher span,\n    .lang-switcher a {\n      color: white;\n      text-decoration: none;\n      padding: 0.25rem 0.6rem;\n      transition: all 0.3s ease;\n    }\n\n    .lang-active {\n      color: var(--color-accent);\n      font-weight: 700;\n    }\n\n    .lang-link:hover {\n      opacity: 0.7;\n    }\n\n    .header-cta {\n      background-color: var(--color-accent);\n      color: white;\n      padding: 0.6rem 1.4rem;\n      border-radius: 4px;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 0.9rem;\n      transition: opacity 0.3s ease;\n      white-space: nowrap;\n    }\n\n    .header-cta:hover {\n      opacity: 0.9;\n    }\n\n    /* HERO */\n    .hero-section {\n      min-height: 70vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero-with-image {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .hero-img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .hero-overlay {\n      position: relative;\n      z-index: 10;\n      background: rgba(0, 0, 0, 0.4);\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .hero-content {\n      text-align: center;\n      color: white;\n      max-width: 600px;\n      padding: 2rem;\n    }\n\n    .hero-content h1 {\n      font-family: var(--font-heading);\n      font-size: clamp(2.5rem, 6vw, 4.5rem);\n      font-weight: 700;\n      margin-bottom: 1rem;\n      letter-spacing: -0.5px;\n    }\n\n    .hero-tagline {\n      font-size: 1.2rem;\n      margin-bottom: 2rem;\n      opacity: 0.95;\n    }\n\n    .hero-text-only {\n      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\n      color: white;\n      padding: 6rem 2rem;\n      text-align: center;\n      width: 100%;\n    }\n\n    .hero-text-only h1 {\n      font-family: var(--font-heading);\n      font-size: clamp(2.5rem, 6vw, 4.5rem);\n      font-weight: 700;\n      margin-bottom: 1rem;\n    }\n\n    .hero-cta {\n      display: inline-block;\n      background-color: var(--color-accent);\n      color: white;\n      padding: 0.8rem 2rem;\n      text-decoration: none;\n      border-radius: 4px;\n      font-weight: 600;\n      transition: opacity 0.3s ease;\n      margin-top: 1rem;\n    }\n\n    .hero-cta:hover {\n      opacity: 0.9;\n    }\n\n    /* INTRO SECTION */\n    .intro-section {\n      background-color: white;\n      padding: 4rem 2rem;\n    }\n\n    .section-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .intro-section h2 {\n      font-family: var(--font-heading);\n      font-size: 0.9rem;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      color: var(--color-accent);\n      margin-bottom: 1rem;\n      font-weight: 600;\n    }\n\n    .intro-text {\n      font-size: 1.1rem;\n      line-height: 1.8;\n      max-width: 700px;\n      margin-bottom: 3rem;\n      color: var(--color-text);\n    }\n\n    .trust-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 2rem;\n      margin-top: 2rem;\n    }\n\n    .trust-item {\n      display: flex;\n      gap: 1rem;\n      align-items: flex-start;\n    }\n\n    .trust-icon {\n      font-size: 1.8rem;\n      color: var(--color-accent);\n      flex-shrink: 0;\n      width: 2rem;\n    }\n\n    .trust-item p {\n      font-size: 0.95rem;\n      color: var(--color-text);\n    }\n\n    /* SERVICES SECTION */\n    .services-section {\n      background-color: var(--color-background);\n      padding: 4rem 2rem;\n    }\n\n    .banner-top {\n      width: 100%;\n      margin-bottom: 3rem;\n      border-radius: 4px;\n      overflow: hidden;\n      max-height: 400px;\n    }\n\n    .banner-top img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n    }\n\n    .services-section h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 1rem;\n      color: var(--color-primary);\n      font-weight: 700;\n    }\n\n    .section-intro {\n      font-size: 1rem;\n      color: var(--color-text);\n      margin-bottom: 2rem;\n      max-width: 700px;\n    }\n\n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 2rem;\n    }\n\n    .service-card {\n      background-color: white;\n      padding: 2rem;\n      border-radius: 4px;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .service-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    }\n\n    .service-card h3 {\n      font-family: var(--font-heading);\n      font-size: 1.2rem;\n      font-weight: 700;\n      color: var(--color-primary);\n      margin-bottom: 0.8rem;\n    }\n\n    .service-card p {\n      font-size: 0.95rem;\n      color: var(--color-text);\n      line-height: 1.6;\n    }\n\n    /* VEHICLES SECTION */\n    .vehicles-section {\n      background-color: white;\n      padding: 4rem 2rem;\n    }\n\n    .vehicles-section h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 1rem;\n      color: var(--color-primary);\n      font-weight: 700;\n    }\n\n    .vehicles-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 2rem;\n      margin-top: 2rem;\n    }\n\n    .vehicle-card {\n      background-color: var(--color-background);\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .vehicle-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    }\n\n    .vehicle-image {\n      width: 100%;\n      height: 250px;\n      overflow: hidden;\n    }\n\n    .vehicle-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .vehicle-info {\n      padding: 1.5rem;\n    }\n\n    .vehicle-name {\n      font-family: var(--font-heading);\n      font-size: 1rem;\n      font-weight: 600;\n      color: var(--color-text);\n      margin-bottom: 1rem;\n    }\n\n    .vehicle-cta {\n      display: inline-block;\n      background-color: var(--color-accent);\n      color: white;\n      padding: 0.5rem 1rem;\n      text-decoration: none;\n      border-radius: 3px;\n      font-size: 0.9rem;\n      font-weight: 600;\n      transition: opacity 0.3s ease;\n    }\n\n    .vehicle-cta:hover {\n      opacity: 0.9;\n    }\n\n    .vehicles-empty {\n      text-align: center;\n      padding: 3rem 2rem;\n      color: var(--color-text);\n    }\n\n    /* SLIDESHOW SECTION */\n    .slideshow-section {\n      background-color: var(--color-background);\n      padding: 4rem 2rem;\n    }\n\n    .slideshow-section h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 2rem;\n      color: var(--color-primary);\n      font-weight: 700;\n    }\n\n    .slideshow {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n\n    .slide {\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .slide img {\n      width: 100%;\n      height: auto;\n      display: block;\n      max-height: 500px;\n      object-fit: cover;\n    }\n\n    /* GALLERY SECTION */\n    .gallery-section {\n      background-color: white;\n      padding: 4rem 2rem;\n    }\n\n    .gallery-section h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 1rem;\n      color: var(--color-primary);\n      font-weight: 700;\n    }\n\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 2rem;\n      margin-top: 2rem;\n    }\n\n    .gallery-item {\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 280px;\n      object-fit: cover;\n      display: block;\n    }\n\n    /* CONTACT SECTION */\n    .contact-section {\n      background-color: var(--color-background);\n      padding: 4rem 2rem;\n    }\n\n    .contact-section h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 2rem;\n      color: var(--color-primary);\n      font-weight: 700;\n    }\n\n    .contact-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 2rem;\n      margin-bottom: 2rem;\n    }\n\n    .contact-item {\n      background-color: white;\n      padding: 2rem;\n      border-radius: 4px;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n    }\n\n    .contact-item h3 {\n      font-family: var(--font-heading);\n      font-size: 1rem;\n      font-weight: 700;\n      color: var(--color-primary);\n      margin-bottom: 0.8rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-size: 0.9rem;\n    }\n\n    .contact-item p {\n      font-size: 0.95rem;\n      color: var(--color-text);\n      margin-bottom: 0.5rem;\n    }\n\n    .contact-item a {\n      color: var(--color-accent);\n      text-decoration: none;\n      font-weight: 600;\n      transition: opacity 0.3s ease;\n    }\n\n    .contact-item a:hover {\n      opacity: 0.8;\n    }\n\n    .contact-cta {\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .cta-primary {\n      display: inline-block;\n      background-color: var(--color-accent);\n      color: white;\n      padding: 1rem 2.5rem;\n      text-decoration: none;\n      border-radius: 4px;\n      font-weight: 700;\n      font-size: 1rem;\n      transition: opacity 0.3s ease;\n    }\n\n    .cta-primary:hover {\n      opacity: 0.9;\n    }\n\n    /* FOOTER */\n    .footer {\n      background-color: var(--color-primary);\n      color: white;\n      padding: 3rem 2rem;\n    }\n\n    .footer-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 2rem;\n    }\n\n    .footer-brand {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n    }\n\n    .footer-logo {\n      height: 40px;\n      width: auto;\n    }\n\n    .footer-brand p {\n      font-size: 0.9rem;\n      opacity: 0.9;\n      line-height: 1.6;\n    }\n\n    .footer-info h4 {\n      font-family: var(--font-heading);\n      font-size: 1rem;\n      font-weight: 700;\n      margin-bottom: 1rem;\n    }\n\n    .footer-info p {\n      font-size: 0.9rem;\n      margin-bottom: 0.5rem;\n      opacity: 0.9;\n    }\n\n    .footer-info a {\n      color: var(--color-accent);\n      text-decoration: none;\n      font-weight: 600;\n      transition: opacity 0.3s ease;\n    }\n\n    .footer-info a:hover {\n      opacity: 0.8;\n    }\n\n    .footer-legal {\n      font-size: 0.85rem;\n      opacity: 0.7;\n    }\n\n    /* RESPONSIVE */\n    @media (max-width: 768px) {\n      .header-container {\n        flex-wrap: wrap;\n        gap: 1rem;\n      }\n\n      .nav-main {\n        flex-basis: 100%;\n        gap: 1rem;\n        font-size: 0.85rem;\n      }\n\n      .header-cta {\n        flex-basis: auto;\n      }\n\n      .services-grid,\n      .vehicles-grid,\n      .gallery-grid,\n      .contact-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hero-content h1 {\n        font-size: 2rem;\n      }\n\n      .services-section h2,\n      .vehicles-section h2,\n      .gallery-section h2,\n      .contact-section h2 {\n        font-size: 1.8rem;\n      }\n    }\n  </style>\n</body>\n</html>",
  "content_schema": [
    {
      "key": "hero_tagline",
      "type": "text",
      "max_chars": 150,
      "description": "Headline atmosferica del hero. Comunica affidabilità e dinamismo dell'azienda senza riferimenti specifici a fatti.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "intro_paragraph",
      "type": "text",
      "max_chars": 400,
      "description": "Paragrafo introduttivo che presenta Autopool, enfatizzando la struttura aziendale seria e professionale.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "services_intro",
      "type": "text",
      "max_chars": 300,
      "description": "Sottotitolo della sezione Servizi che introduce l'ampia gamma di offerte.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "vehicles_intro",
      "type": "text",
      "max_chars": 250,
      "description": "Introduzione alla sezione vetture, enfatizzando qualità e garantie.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "vehicles_empty",
      "type": "text",
      "max_chars": 150,
      "description": "Messaggio alternativo se la sezione vetture fosse vuota (fallback non usato in questo caso).",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    },
    {
      "key": "gallery_intro",
      "type": "text",
      "max_chars": 250,
      "description": "Descrizione della galleria fotografica aziendale, enfatizzando strutture e professionalità.",
      "array_source": null,
      "is_array_item": false,
      "array_key": null,
      "field_name": null
    }
  ],
  "data_bindings": [
    "business_name",
    "tagline",
    "category",
    "description",
    "contacts.address",
    "contacts.phone",
    "contacts.email",
    "contacts.hours",
    "contacts.whatsapp",
    "products_or_services[]",
    "products_or_services[].name",
    "products_or_services[].description",
    "images.logo",
    "images.hero",
    "images.banner",
    "images.slideshow[]",
    "images.product[]",
    "images.gallery[]",
    "available_locales[]",
    "visual_identity.color_palette.primary",
    "visual_identity.color_palette.secondary",
    "visual_identity.color_palette.accent",
    "visual_identity.color_palette.background",
    "visual_identity.color_palette.text"
  ],
  "ui_translations": {
    "nav_label": "Navigazione principale",
    "nav_services": "Servizi",
    "nav_vehicles": "Vetture",
    "nav_gallery": "Galleria",
    "nav_contacts": "Contatti",
    "section_eyebrow_intro": "Chi siamo",
    "section_title_services": "I Nostri Servizi",
    "section_title_vehicles": "Vetture in Stock",
    "section_title_slideshow": "Galleria Veicoli",
    "section_title_gallery": "Parco Autopool",
    "section_title_contacts": "Contattaci",
    "contact_address": "Indirizzo",
    "contact_hours": "Orari",
    "contact_phone": "Telefono",
    "contact_email": "Email",
    "cta_discover": "Scopri le Vetture",
    "cta_contact": "Contattaci",
    "cta_info": "Chiedi Info",
    "cta_send_message": "Invia Messaggio",
    "trust_guaranteed": "Garanzia 12 mesi su tutte le auto",
    "trust_ready": "Pronta consegna e revisionate",
    "trust_financing": "Finanziamenti personalizzati",
    "footer_info": "Informazioni",
    "footer_credits": "© Autopool - Concessionario auto usate Prato. Realizzato con professionalità.",
    "lang_switcher_label": "Lingua"
  }
}