/************************************************
Styles not cached

Stile presente in style.css ma inserito anche qui per accelerare la diffusione dei CSS
ELIMINARE dopo 1 mese

*************************************************/

/* ============================================================
   AM LANDING DESIGN SYSTEM — Homepage (prefisso aml-)
   Da appendere in fondo a style.css — non tocca nulla di esistente
   Giugno 2026
   ============================================================ */

/* ── Google Font Exo 2 (caricato via <link> nel template) ── */

/* ── Reset dentro #am-landing ── */
#am-landing,
#am-landing *,
#am-landing *::before,
#am-landing *::after {
  box-sizing: border-box !important;
  font-family: 'Exo 2', sans-serif !important;
}
#am-landing h1,#am-landing h2,#am-landing h3,
#am-landing h4,#am-landing h5,#am-landing h6 {
  font-family: 'Exo 2', sans-serif !important;
  margin: 0 !important; padding: 0 !important;
  border: none !important; background: none !important;
  text-align: left !important; text-transform: none !important;
  letter-spacing: normal !important;
}
#am-landing p  { font-family:'Exo 2',sans-serif!important; margin:0!important; padding:0!important; }
#am-landing a  { text-decoration: none !important; }
#am-landing ul,#am-landing ol,#am-landing li { list-style:none!important; margin:0!important; padding:0!important; }
#am-landing { display:block!important; width:100%!important; overflow-x:hidden!important; background:#ffffff!important; color:#000000!important; }

/* ── Container ── */
#am-landing .aml-W {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

/* ── Buttons ── */
#am-landing .aml-btn {
  display: inline-block !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  cursor: pointer !important;
  border: none !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  line-height: 1 !important;
}
#am-landing .aml-btn-r { background: #e33e41 !important; color: #ffffff !important; }
#am-landing .aml-btn-r:hover { background: #c42d30 !important; transform: translateY(-2px) !important; color: #ffffff !important; }
#am-landing .aml-btn-hero { font-size: 14px !important; padding: 18px 44px !important; }
#am-landing .aml-btn-sm   { font-size: 12px !important; padding: 13px 24px !important; }

/* ── Eyebrows ── */
#am-landing .aml-ey  { display:block!important; font-size:13px!important; font-weight:700!important; letter-spacing:3px!important; text-transform:uppercase!important; color:#e33e41!important; margin-bottom:14px!important; }
#am-landing .aml-eyw { display:block!important; font-size:13px!important; font-weight:700!important; letter-spacing:3px!important; text-transform:uppercase!important; color:rgba(255,255,255,.45)!important; margin-bottom:14px!important; }

/* ── Scroll reveal ── */
#am-landing .aml-r  { opacity:0; transform:translateY(22px); transition:opacity .6s ease,transform .6s ease; }
#am-landing .aml-r.v { opacity:1!important; transform:translateY(0)!important; }
#am-landing .aml-d1 { transition-delay:.1s; }
#am-landing .aml-d2 { transition-delay:.2s; }
#am-landing .aml-d3 { transition-delay:.3s; }

/* ── Dividers ── */
#am-landing .aml-divider { width:100%!important; height:2px!important; background:#e0e0e0!important; position:relative!important; overflow:hidden!important; }
#am-landing .aml-divider-line { position:absolute!important; top:0!important; left:0!important; height:100%!important; width:0%!important; background:#e33e41!important; transition:width 1.2s cubic-bezier(.4,0,.2,1),opacity .4s ease .1s!important; opacity:1!important; }
#am-landing .aml-divider.drawn .aml-divider-line { width:100%!important; }
#am-landing .aml-divider.done  .aml-divider-line { opacity:0!important; }

/* ── Scroll hint ── */
#am-scroll-hint { position:absolute!important; bottom:28px!important; left:50%!important; transform:translateX(-50%)!important; display:flex!important; flex-direction:column!important; align-items:center!important; gap:6px!important; opacity:1!important; transition:opacity .5s!important; z-index:2!important; }
#am-scroll-hint.hidden { opacity:0!important; pointer-events:none!important; }
#am-scroll-hint span { font-family:'Exo 2',sans-serif!important; font-size:10px!important; font-weight:600!important; letter-spacing:2px!important; text-transform:uppercase!important; color:#888!important; }
#am-scroll-hint .sh-dot { width:6px!important; height:6px!important; background:#e33e41!important; border-radius:50%!important; animation:am-bounce 1.6s ease-in-out infinite!important; }
#am-scroll-hint .sh-dot:nth-child(2) { animation-delay:.2s!important; opacity:.6!important; }
#am-scroll-hint .sh-dot:nth-child(3) { animation-delay:.4s!important; opacity:.3!important; }
@keyframes am-bounce { 0%,100%{transform:translateY(0)!important;} 50%{transform:translateY(6px)!important;} }

/* ══════════════════════════════════════════
   1. HERO
══════════════════════════════════════════ */
#am-landing .aml-hero {
  background: #ffffff !important;
  padding: 90px 0 80px !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 100svh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
#am-landing .aml-hero canvas {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  pointer-events: none !important;
}
#am-landing .aml-h1 {
  font-size: clamp(38px,5.5vw,64px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  color: #000000 !important;
  text-align: center !important;
}
#am-landing .aml-h1 em { font-style:italic!important; color:#e33e41!important; font-weight:300!important; }
#am-landing .aml-h-sub {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #444 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
#am-landing .aml-h-micro { font-size:14px!important; color:#888!important; letter-spacing:.8px!important; }

/* ══════════════════════════════════════════
   2. PAIN
══════════════════════════════════════════ */
#am-landing .aml-pain { background:#000000!important; padding:80px 0!important; }
#am-landing .aml-pain-ttl { font-size:clamp(22px,3.5vw,36px)!important; font-weight:900!important; color:#ffffff!important; line-height:1.2!important; margin-bottom:10px!important; }
#am-landing .aml-pain-sub { font-size:15px!important; color:rgba(255,255,255,.55)!important; font-weight:400!important; margin-bottom:40px!important; max-width:520px!important; line-height:1.7!important; }
#am-landing .aml-pain-g { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:2px!important; background:rgba(255,255,255,.08)!important; margin-bottom:40px!important; }
#am-landing .aml-pain-i { background:#000000!important; padding:30px 26px!important; display:flex!important; flex-direction:column!important; gap:14px!important; align-items:flex-start!important; }
#am-landing .aml-pain-ic { width:32px!important; min-width:32px!important; height:32px!important; border:1.5px solid #e33e41!important; color:#e33e41!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:20px!important; font-weight:900!important; }
#am-landing .aml-pain-tx { font-size:17px!important; font-weight:600!important; color:rgba(255,255,255,.8)!important; line-height:1.55!important; }
#am-landing .aml-pain-cta { text-align:center!important; }
#am-landing .aml-pain-note { font-size:11px!important; color:rgba(255,255,255,.35)!important; letter-spacing:1px!important; margin-top:12px!important; display:block!important; }

/* ══════════════════════════════════════════
   3. METODO
══════════════════════════════════════════ */
#am-landing .aml-metodo { background:#ffffff!important; padding:90px 0!important; }
#am-landing .aml-sec-ttl { font-size:clamp(26px,4vw,42px)!important; font-weight:900!important; color:#000000!important; line-height:1.1!important; margin-bottom:14px!important; }
#am-landing .aml-sec-sub { font-size:16px!important; font-weight:400!important; color:#555!important; line-height:1.7!important; max-width:560px!important; margin-bottom:44px!important; }
#am-landing .aml-met-g { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:2px!important; background:#e0e0e0!important; }
#am-landing .aml-mc { background:#ffffff!important; padding:32px 24px!important; position:relative!important; overflow:hidden!important; transition:transform .2s,box-shadow .2s!important; }
#am-landing .aml-mc:hover { transform:translateY(-4px)!important; box-shadow:0 12px 36px rgba(0,0,0,.1)!important; z-index:1!important; }
#am-landing .aml-mc-acc { position:absolute!important; top:0!important; left:0!important; width:3px!important; height:0!important; background:#e33e41!important; transition:height .3s!important; }
#am-landing .aml-mc:hover .aml-mc-acc { height:100%!important; }
#am-landing .aml-mc-n { font-size:48px!important; font-weight:900!important; color:#e0e0e0!important; line-height:1!important; margin-bottom:12px!important; display:block!important; }
#am-landing .aml-mc-ttl { font-size:16px!important; font-weight:800!important; color:#000!important; margin-bottom:9px!important; line-height:1.3!important; }
#am-landing .aml-mc-tx  { font-size:15px!important; font-weight:400!important; color:#555!important; line-height:1.7!important; }

/* ══════════════════════════════════════════
   4. DOPO
══════════════════════════════════════════ */
#am-landing .aml-dopo { background:#f4f4f4!important; padding:90px 0!important; }
#am-landing .aml-dopo-g { display:grid!important; grid-template-columns:1fr 1fr!important; gap:80px!important; align-items:center!important; }
#am-landing .aml-dopo-steps { display:flex!important; flex-direction:column!important; }
#am-landing .aml-ds { display:flex!important; gap:20px!important; align-items:flex-start!important; padding:24px 0!important; border-bottom:1px solid #e0e0e0!important; }
#am-landing .aml-ds:last-child { border-bottom:none!important; }
#am-landing .aml-ds-n { width:40px!important; min-width:40px!important; height:40px!important; background:#000!important; color:#fff!important; font-size:17px!important; font-weight:900!important; display:flex!important; align-items:center!important; justify-content:center!important; }
#am-landing .aml-ds-ttl { font-size:15px!important; font-weight:800!important; color:#000!important; margin-bottom:5px!important; line-height:1.3!important; }
#am-landing .aml-ds-tx  { font-size:15px!important; font-weight:400!important; color:#555!important; line-height:1.7!important; }
#am-landing .aml-dbox { background:#000!important; padding:38px!important; position:relative!important; overflow:hidden!important; }
#am-landing .aml-dbox::after { content:''!important; position:absolute!important; bottom:0!important; right:0!important; width:80px!important; height:80px!important; background:#e33e41!important; opacity:.1!important; }
#am-landing .aml-dbox-ttl { font-size:19px!important; font-weight:900!important; color:#fff!important; line-height:1.3!important; margin-bottom:13px!important; }
#am-landing .aml-dbox-ttl em { color:#e33e41!important; font-style:normal!important; }
#am-landing .aml-dbox-tx { font-size:15px!important; font-weight:400!important; color:rgba(255,255,255,.65)!important; line-height:1.8!important; margin-bottom:24px!important; }

/* ══════════════════════════════════════════
   5. NUMERI
══════════════════════════════════════════ */
#am-landing .aml-numeri { background:#e33e41!important; padding:56px 0!important; }
#am-landing .aml-num-g { display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:2px!important; background:rgba(255,255,255,.18)!important; }
#am-landing .aml-ni { background:#e33e41!important; padding:28px 18px!important; text-align:center!important; }
#am-landing .aml-ni-v { font-size:clamp(28px,3.5vw,44px)!important; font-weight:900!important; color:#fff!important; line-height:1!important; margin-bottom:5px!important; display:block!important; }
#am-landing .aml-ni-l { font-size:11px!important; font-weight:500!important; color:rgba(255,255,255,.72)!important; letter-spacing:1px!important; text-transform:uppercase!important; line-height:1.5!important; display:block!important; }

/* ══════════════════════════════════════════
   6. CHI SIAMO
══════════════════════════════════════════ */
#am-landing .aml-chisiamo { background:#ffffff!important; padding:90px 0!important; }
#am-landing .aml-cs-g { display:grid!important; grid-template-columns:1fr 1fr!important; gap:80px!important; align-items:center!important; }
#am-landing .aml-cs-ttl { font-size:clamp(24px,3.5vw,38px)!important; font-weight:900!important; color:#000!important; line-height:1.1!important; margin-bottom:16px!important; }
#am-landing .aml-cs-tx { font-size:16px!important; font-weight:400!important; color:#444!important; line-height:1.8!important; margin-bottom:13px!important; }
#am-landing .aml-cs-tx strong { color:#000!important; font-weight:700!important; }
#am-landing .aml-cs-pills { display:flex!important; flex-direction:column!important; gap:2px!important; }
#am-landing .aml-cs-pill { background:#000!important; color:#fff!important; padding:17px 20px!important; font-size:14px!important; font-weight:600!important; display:flex!important; align-items:center!important; gap:12px!important; line-height:1.4!important; }
#am-landing .aml-cs-ic { color:#e33e41!important; font-size:15px!important; flex-shrink:0!important; }

/* ══════════════════════════════════════════
   7. RECENSIONI
══════════════════════════════════════════ */
#am-landing .aml-recensioni { background:#f4f4f4!important; padding:90px 0!important; }
#am-landing .aml-rec-g { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:2px!important; background:#e0e0e0!important; margin-top:40px!important; }
#am-landing .aml-rcard { background:#ffffff!important; padding:28px 24px!important; position:relative!important; overflow:hidden!important; }
#am-landing .aml-rcard::before { content:'"'!important; position:absolute!important; top:-10px!important; right:14px!important; font-size:90px!important; font-weight:900!important; color:#e0e0e0!important; line-height:1!important; font-family:'Exo 2',sans-serif!important; }
#am-landing .aml-rstar { color:#e33e41!important; font-size:14px!important; letter-spacing:2px!important; margin-bottom:11px!important; display:block!important; }
#am-landing .aml-rtx  { font-size:15px!important; font-weight:400!important; color:#444!important; line-height:1.75!important; margin-bottom:16px!important; position:relative!important; z-index:1!important; }
#am-landing .aml-rdiv { width:28px!important; height:2px!important; background:#e33e41!important; margin-bottom:12px!important; }
#am-landing .aml-rname { font-size:13px!important; font-weight:800!important; color:#000!important; margin-bottom:2px!important; display:block!important; }
#am-landing .aml-rrole { font-size:11px!important; font-weight:500!important; color:#888!important; letter-spacing:1px!important; text-transform:uppercase!important; display:block!important; }

/* ══════════════════════════════════════════
   8. MAPPA CLIENTI
══════════════════════════════════════════ */
#am-landing .aml-mappa { background:#f4f4f4!important; padding:70px 0!important; }

/* ══════════════════════════════════════════
   9. LOGHI
══════════════════════════════════════════ */
#am-landing .aml-loghi { background:#ffffff!important; padding:60px 0!important; }
#am-landing .aml-loghi-lbl { font-size:11px!important; font-weight:700!important; letter-spacing:2.5px!important; text-transform:uppercase!important; color:#888!important; text-align:center!important; margin-bottom:32px!important; display:block!important; }
#am-landing .aml-loghi-g { display:grid!important; grid-template-columns:repeat(5,1fr)!important; gap:0!important; }
#am-landing .aml-lcell { background:#ffffff!important; padding:20px 14px!important; display:flex!important; align-items:center!important; justify-content:center!important; min-height:100px!important; transition:background .2s!important; }
#am-landing .aml-lcell img { max-width:180px!important; max-height:90px!important; width:auto!important; height:auto!important; filter:grayscale(100%)!important; opacity:.6!important; transition:opacity .2s,filter .2s!important; display:block!important; }
#am-landing .aml-lcell:hover img { opacity:1!important; filter:grayscale(0%)!important; }

/* ══════════════════════════════════════════
   10. CTA FINALE
══════════════════════════════════════════ */
#am-landing .aml-ctaf { background:#000!important; padding:100px 0!important; text-align:center!important; position:relative!important; overflow:hidden!important; }
#am-landing .aml-ctaf canvas { position:absolute!important; top:0!important; left:0!important; width:100%!important; height:100%!important; pointer-events:none!important; }
#am-landing .aml-cf-ey  { display:block!important; font-size:10px!important; font-weight:700!important; letter-spacing:3px!important; text-transform:uppercase!important; color:#e33e41!important; margin-bottom:16px!important; }
#am-landing .aml-cf-ttl { font-size:clamp(26px,4.5vw,50px)!important; font-weight:900!important; color:#fff!important; line-height:1.1!important; margin-bottom:13px!important; max-width:680px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; }
#am-landing .aml-cf-sub { font-size:16px!important; font-weight:400!important; color:rgba(255,255,255,.55)!important; margin-bottom:36px!important; max-width:460px!important; margin-left:auto!important; margin-right:auto!important; line-height:1.7!important; text-align:center!important; }
#am-landing .aml-cf-micro { font-size:11px!important; color:rgba(255,255,255,.3)!important; letter-spacing:1.5px!important; margin-top:14px!important; display:block!important; }

/* ══════════════════════════════════════════
   STICKY BAR
══════════════════════════════════════════ */
#am-sticky {
  position: fixed !important;
  bottom: 0 !important; left: 0 !important;
  width: 100% !important;
  background: #000 !important;
  border-top: 3px solid #e33e41 !important;
  z-index: 9999 !important;
  transform: translateY(100%) !important;
  transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
  box-shadow: 0 -4px 32px rgba(0,0,0,.35) !important;
}
#am-sticky.show { transform: translateY(0) !important; }
#am-sticky .sb-inner { max-width:1100px!important; margin:0 auto!important; padding:14px 32px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; font-family:'Exo 2',sans-serif!important; }
#am-sticky .sb-logo img { height:36px!important; width:auto!important; display:block!important; }
#am-sticky .sb-msg { font-family:'Exo 2',sans-serif!important; font-size:14px!important; font-weight:600!important; color:rgba(255,255,255,.85)!important; flex:1!important; text-align:center!important; }
#am-sticky .sb-msg strong { color:#fff!important; font-weight:800!important; font-family:'Exo 2',sans-serif!important; }
#am-sticky .sb-btn { display:inline-block!important; background:#e33e41!important; color:#fff!important; font-family:'Exo 2',sans-serif!important; font-size:12px!important; font-weight:800!important; letter-spacing:2px!important; text-transform:uppercase!important; padding:13px 28px!important; text-decoration:none!important; white-space:nowrap!important; transition:background .2s!important; flex-shrink:0!important; }
#am-sticky .sb-btn:hover { background:#c42d30!important; color:#fff!important; }
#am-sticky .sb-close { background:none!important; border:none!important; color:rgba(255,255,255,.3)!important; font-size:18px!important; cursor:pointer!important; padding:0 0 0 10px!important; line-height:1!important; flex-shrink:0!important; font-family:'Exo 2',sans-serif!important; transition:color .2s!important; }
#am-sticky .sb-close:hover { color:rgba(255,255,255,.8)!important; }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 900px) {
  #am-landing .aml-dopo-g,
  #am-landing .aml-cs-g    { grid-template-columns:1fr!important; gap:36px!important; }
  #am-landing .aml-met-g   { grid-template-columns:1fr 1fr!important; }
  #am-landing .aml-num-g   { grid-template-columns:repeat(2,1fr)!important; }
  #am-landing .aml-rec-g   { grid-template-columns:1fr!important; }
  #am-landing .aml-loghi-g { grid-template-columns:repeat(3,1fr)!important; }
  #am-landing .aml-pain-g  { grid-template-columns:1fr!important; }
}@media (max-width: 700px) {
  #am-sticky .sb-msg { display:none!important; }
  #am-sticky .sb-inner { padding:12px 18px!important; }
}
@media (max-width: 600px) {
  #am-landing .aml-W    { padding-left:18px!important; padding-right:18px!important; }
  #am-landing .aml-hero { padding:56px 0 44px!important; }
  #am-landing .aml-met-g   { grid-template-columns:1fr!important; }
  #am-landing .aml-loghi-g { grid-template-columns:repeat(2,1fr)!important; }
}

/* Fix: nascondi il vecchio article-header dentro am-landing */
#am-landing .article-header { display:none!important; }


/* Ultima modifica: 25-06-26 */


/*
 * Aggiornare sempre la data di ultima modifica!!!
 */