/* Banner AI — Synthetic Lab | file esterno per syntheticlab.it */
/* Caricare su: https://ai.syntheticlab.it/banner.css */

/* ===== START SNIPPET: Banner Consulenza AI (scope .sl-aibanner) ===== */
.sl-aibanner{
  --sl-red:#BE1818; --sl-ink:#0b0b0b; --sl-white:#f4f4f4; --sl-mute:#9a9a9a;
  --sl-gutter:60px; /* stesso gutter laterale delle sezioni .services/.why del sito */
  position:relative; display:block; width:100%; overflow:hidden; isolation:isolate;
  background:var(--sl-ink);
  font-family:'Barlow',sans-serif; color:var(--sl-white);
  text-decoration:none;
}
.sl-aibanner, .sl-aibanner *{ box-sizing:border-box; }
/* glow rosso che riprende l'og-image / la cover brochure */
.sl-aibanner::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(120% 140% at 100% 100%, rgba(190,24,24,.55) 0%, rgba(190,24,24,0) 55%);
}
/* barra rossa verticale — firma del brand */
.sl-aibanner::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:6px; z-index:3;
  background:var(--sl-red);
}
.sl-aibanner__brain{
  position:absolute; top:50%; right:0; transform:translateY(-50%);
  height:128%; width:auto; z-index:1; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 42%);
          mask-image:linear-gradient(90deg, transparent 0%, #000 42%);
}
.sl-aibanner__inner{
  position:relative; z-index:2;
  padding:64px var(--sl-gutter);
}
.sl-aibanner__eyebrow{
  margin:0 0 18px; font:700 14px/1 'Barlow Condensed',sans-serif;
  letter-spacing:.22em; text-transform:uppercase; color:var(--sl-red);
}
.sl-aibanner__title{
  margin:0 0 16px; font:900 clamp(30px,4.4vw,46px)/1.04 'Archivo',sans-serif;
  letter-spacing:-.01em; color:var(--sl-white);
}
.sl-aibanner__title em{ font-style:normal; color:var(--sl-red); }
.sl-aibanner__desc{
  margin:0 0 28px; max-width:430px;
  font:400 clamp(15px,1.5vw,17px)/1.5 'Barlow',sans-serif; color:var(--sl-mute);
}
.sl-aibanner__cta{
  display:inline-flex; align-items:center;
  padding:14px 28px;
  font:700 15px/1 'Barlow Condensed',sans-serif; letter-spacing:.08em; text-transform:uppercase;
  border-radius:0; transition:background .2s ease;
}
/* sfondo, testo bianco e una-sola-riga forzati per battere il CSS del tema del sito */
.sl-aibanner .sl-aibanner__cta{
  background:#BE1818 !important; color:#fff !important;
  white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important;
}
.sl-aibanner:hover .sl-aibanner__cta{ background:#d81f1f !important; color:#fff !important; }
.sl-aibanner:focus-visible{ outline:3px solid var(--sl-red); outline-offset:3px; }

@media (max-width:760px){
  /* cervello: sfondo pieno molto attenuato dietro uno scrim scuro — niente overlap col testo */
  .sl-aibanner__brain{ inset:0; top:0; left:0; right:0; width:100%; height:100%; transform:none;
    object-fit:cover; object-position:center; opacity:.18;
    -webkit-mask-image:none; mask-image:none; }
  .sl-aibanner::before{ background:linear-gradient(180deg, rgba(11,11,11,.55) 0%, rgba(11,11,11,.9) 100%); }
  .sl-aibanner__inner{ padding:40px 28px; } /* 28px = gutter mobile */
  .sl-aibanner__title{ font-size:28px; }
  .sl-aibanner__desc{ display:none !important; }
  .sl-aibanner__cta{ width:100%; justify-content:center; }
}
/* ===== END SNIPPET ===== */