/* Sezione hero – variabili sostituite con valori letterali */

.sd-hero{
    position: relative;
    width: 100%;
    min-height: 520px;
    overflow: hidden;
    padding-top: 96px;              /* spazio sotto navbar fissa */
  }
  
  .sd-hero__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.015);
    z-index: 0;
  }
  
  .sd-hero__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .25);   /* --sd_bg_1 */
    z-index: 1;
  }
  
  .sd-hero__inner{
    position: relative;
    max-width: 1200px;                 /* --sd_container_1200 */
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;           /* card centrata orizzontalmente */
    padding: 56px 24px;
    z-index: 2;                        /* sopra overlay */
  }
  
  /* Card centrale */
  .sd-hero__panel{
    width: 100%;
    max-width: 800px;                  /* --sd_container_800 */
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.75);                  /* --sd-card-bg -> --sd_text_3 */
    border-radius: 30px;               /* --sd-sec-br */
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
    padding: 32px 36px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: .92;
    filter: saturate(.98);
  }
  
  /* Testi */
  .sd-hero__lead{
    margin: 0 0 14px 0;
    font-size: 18px;                  /* --sd_font_s_2 */
    font-weight: 700;                 /* --sd_font_w_5 */
    line-height: 1.6;
    color: #666;                      /* --sd_text_1 */
  }
  
  .sd-hero__headline{
    margin: 8px 0 22px 0;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;                  /* --sd_font_s_3 */
    font-weight: 700;                 /* --sd_font_w_7 */
    line-height: 1.35;
    color: #000;                      /* --sd-text_2 */
  }
  
  /* Pulsante primario */
  .sd-hero .sd-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 12px;               /* --sd_btn_br */
    text-decoration: none;
    font-size: 16px;                  /* --sd_font_s_1 */
    font-weight: 700;                 /* --sd_font_w_7 */
    border: 1px solid #000;           /* --sd_btn_bc -> --sd-text_2 */
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  .sd-hero .sd-btn--primary{
    background: #f59e0b;             /* --sd_btn_bg */
    color: #000;                      /* --sd_btn_tx -> --sd-text_2 */
    line-height: 1;
  }
  
  .sd-hero .sd-btn--primary:hover,
  .sd-hero .sd-btn--primary:focus{
    background: #d97706;             /* --sd_btn_bg_h */
    color: #fff;                      /* --sd_btn_tx_h -> --sd_text_3 */
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Responsive */
  @media (max-width: 980px){
    .sd-hero{ min-height: 500px; padding-top: 88px; }
    .sd-hero__panel{ padding: 28px 30px; }
  }
  @media (max-width: 640px){
    .sd-hero{ min-height: 460px; padding-top: 80px; }
    .sd-hero__panel{ max-width: 100%; padding: 22px; border-radius: 22px; } /* 30px - 8px */
    .sd-hero__headline{ font-size: 24px; }
    .sd-hero .sd-btn{ font-size: 16px; padding: 10px 18px; }
  }
  




/* ===== Sezione "benefits" ===== */

.sd-benefits{
    padding: 64px 16px 80px;      /* aria sopra/sotto come nel mockup */
  }
  
  .sd-benefits__wrap{
    max-width: 1200px;            /* container principale */
    margin: 0 auto;
    text-align: center;
  }
  
  /* Titolo grande centrato */
  .sd-benefits__title{
    margin: 0 auto 28px;
    max-width: 980px;             /* larghezza visiva del titolo */
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    font-size: 24px;              /* impatto visivo come in screenshot */
    line-height: 1.35;
    color: #000;
  }
  
  /* Colonna contenuti (testo + lista) centrata ma allineata a sx */
  .sd-benefits__content{
    margin: 0 auto 28px;
    max-width: 800px;             /* colonna testo (coerente col layout) */
    text-align: left;
  }
  
  /* Paragrafo introduttivo */
  .sd-benefits__lead{
    margin: 0 0 12px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666;
  }
  
  /* Lista con marker via pseudo-elemento (v verde) */
  .sd-list-b{
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    font-size: 16px;              /* => icone 20x20 secondo regola */
    line-height: 1.9;
    color: #666;
  }
  
  .sd-list-b li{
    position: relative;
    padding-left: 30px;           /* spazio per l'icona */
    margin: 8px 0;
  }
  
  .sd-list--ok li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;                   /* allineamento verticale all’x-height */
    width: 20px;
    height: 20px;                 /* 20x20 per font 16px */
    background: url('/brands/stracciadebito/sd-assets/sd-img/v-icon.svg') no-repeat center / contain;
  }
  
  /* Sottotitolo + CTA */
  .sd-benefits__subtitle{
    margin: 6px 0 16px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #000;
  }
  
  /* ---- Pulsante (coerente con stile già memorizzato) ---- */
  .sd-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 12px;          /* come CSS standard memorizzato */
    text-decoration: none;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #000;
    color: #000;
    background: #f59e0b;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
  }
  
  .sd-btn--primary{ /* già impostato sopra */ }
  
  .sd-btn--primary:hover,
  .sd-btn--primary:focus{
    background: #da8404;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Retina-friendly for bigger text lists (24px -> 26x26 icon) */
  .sd-list-b.text-lg{ font-size: 24px; line-height: 1.7; }
  .sd-list-b.text-lg li{ padding-left: 34px; }
  .sd-list-b.text-lg li::before{ width: 26px; height: 26px; top: 0.15em; }
  




/* ===== Sezione "Niente spiegoni" (FIX overflow < 696px) ===== */
/* Sfondo blu di brand e contenuto su colonna centrata */

.sd-nospiegoni{
  background: #0f3b6f;                  /* var(--sd_bg_3) */
  padding: 72px 16px;
}

.sd-nospiegoni__wrap{
  max-width: 1200px;                     /* var(--sd_container_1200) */
  margin: 0 auto;
  display: block;
  justify-content: center;
}

.sd-nospiegoni__wrap > *{
  box-sizing: border-box;
}

/* Colonna centrale fluida (niente width fissa) */
.sd-nospiegoni__title{
  width: 100%;
  max-width: 680px;                      /* colonna contenuti ~6/12 su desktop */
  margin: 0 auto 16px;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;                      /* var(--sd_font_w_8) */
  font-size: 32px;                       /* var(--sd_font_s_4) */
  line-height: 1.3;
  color: #fff;                           /* var(--sd_text_3) */
  text-align: center;
}

.sd-nospiegoni__lead,
.sd-nospiegoni__text{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;                       /* var(--sd_font_s_1) */
  line-height: 1.75;
  color: #fff;                           /* testo chiaro su bg blu */
  text-align: left;
}

.sd-nospiegoni__lead{ margin-bottom: 10px; }
.sd-nospiegoni__text{ margin-top: 14px; }

/* Lista con marker: X rosso chiaro */
.sd-list{
  width: 100%;
  max-width: 680px;
  margin: 8px auto 0;
  padding: 0;
  list-style: none;
  font-size: 16px;                       /* => icone 20x20 */
  line-height: 1.9;
  color: #fff;
  text-align: left;
}

.sd-list li{
  position: relative;
  color: #fff;
  padding-left: 32px;                    /* spazio per l'icona */
  margin: 8px 0;
}

.sd-list--xlight li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;                            /* allineamento verticale */
  width: 20px;
  height: 20px;                          /* 20x20 per font 16px */
  background: url('/brands/stracciadebito/sd-assets/sd-img/x-icon-r.svg') no-repeat center / contain;
}

/* Variante per testi più grandi (24px -> icona 26x26) */
.sd-list.text-lg{ font-size: 24px; line-height: 1.7; }
.sd-list.text-lg li{ padding-left: 36px; }
.sd-list.text-lg li::before{ width: 26px; height: 26px; top: 0.15em; }

/* --- Responsive fix: elimina overflow sotto i 696px --- */
@media (max-width: 696px){
  .sd-nospiegoni{
    padding: 48px 14px;      /* meno padding laterale */
    overflow-x: clip;        /* previene scroll orizzontale */
  }
  .sd-nospiegoni__title{
    font-size: 26px;         /* scalatura morbida del titolo */
    line-height: 1.3;
  }
  .sd-nospiegoni__lead,
  .sd-nospiegoni__text,
  .sd-list{
    max-width: 100%;         /* la colonna segue il viewport */
  }
  .sd-list li{
    padding-left: 28px;      /* micro-tuning per l’icona */
  }
}



/* ===== Sezione "Maria" (card con immagine + testo) – valori letterali ===== */

.sd-story {
    padding: 56px 16px 72px;
  }
  
  .sd-story__wrap {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  /* Titolo centrale su due righe */
  .sd-story__title {
    margin: 0 0 18px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.25;
    color: #000;
  }
  
  /* Card contenitore */
  .sd-story__card {
    max-width: 800px;
    margin: 0 auto 48px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 6px 8px 16px rgba(0,0,0,.15);
    padding: 14px 14px 18px;
  }
  
  /* Immagine con bordi arrotondati e ombra morbida */
  .sd-story__figure {
    margin: 0;
  }
  .sd-story__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
  }
  
  /* Testo descrittivo sotto l'immagine */
  .sd-story__text {
    margin: 32px 18px 2px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666;
  }
  .sd-story__text strong {
    font-weight: 700;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .sd-story { padding: 44px 16px 60px; }
    .sd-story__title { font-size: 24px; }
    .sd-story__card { padding: 12px 12px 16px; }
    .sd-story__text { margin: 12px 14px 0; }
  }
  
  .sd-text-600 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;     /* centra orizzontalmente */
    padding: 8px 16px !important;    /* respiro ai lati su schermi piccoli */
    text-align: left;   /* testo allineato a sinistra */
  }

  .sd-text-24-b {
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 24px !important;
    color: #000 !important;
    margin-top: 24px;
    font-weight: 700;
  }

  .sd-text-cntr {
      text-align: center !important;
  }

  .sd-cta__btn {
      margin: 0 auto;
  }


 /* Sezione CTA su sfondo blu – valori letterali */

.sd-cta{
    background: #0f3b6f;
    padding: 36px 16px 44px;
  }
  
  .sd-cta__wrap{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  .sd-cta__title{
    margin: 0 0 16px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
  }
  
  .sd-cta__btn{
    margin-top: 4px;
  }
  
  /* Responsive */
  @media (max-width: 640px){
    .sd-cta{ padding: 28px 14px 36px; }
    .sd-cta__title{ font-size: 24px; }
  }
  
  
  .sd-text-800{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;     /* centra orizzontalmente */
    padding: 8px 16px !important;    /* respiro ai lati su schermi piccoli */
    text-align: left;   /* testo allineato a sinistra */
  }

  .sd-text-1200{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;     /* centra orizzontalmente */
    padding: 8px 16px !important;    /* respiro ai lati su schermi piccoli */
    text-align: left;   /* testo allineato a sinistra */
  }
  
  /* Utility tipografiche utili per il “testo in nero 18px” */
  .sd-tx-24{
    font-size: 24px;
    line-height: 1.4;
  }
  
  .sd-tx-black li{
    font-size: 24px;
    color: #000 !important;
    line-height: 1.4;
    font-weight: 
  }
  
  /* Esempio di margini verticali rapidi (opzionali) */
  .sd-mt-16{ margin-top: 16px; }
  .sd-mb-16{ margin-bottom: 16px; }
  .sd-mt-24{ margin-top: 24px; }
  .sd-mb-24{ margin-bottom: 24px; }
  
  .sd-list--hand li::before{ 
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;
    background: url('/brands/stracciadebito/sd-assets/sd-img/hand-icon.svg') no-repeat center / contain;
  }




  .sd-strip-lettera{
    position: relative;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    padding: 48px 16px;  /* fascia sottile come nello screenshot */
  }
  
  .sd-strip-lettera__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    z-index: 0;
  }
  
  .sd-strip-lettera__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .6);
    z-index: 1;
  }
  
  .sd-strip-lettera__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;   /* centra verticalmente il titolo */
    justify-content: center;
    text-align: center;
    z-index: 2;            /* sopra overlay */
  }
  
  .sd-strip-lettera__title{
    margin: 0;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.35;
    color: #fff;
    text-align: center;
  }
  
  /* Utility testo già definite in precedenza:
     .sd-text-800 { max-width: 800px; width:100%; margin:0 auto; } */
  
  /* Responsive: su schermi piccoli riduci un po' l'altezza/padding */
  @media (max-width: 640px){
    .sd-strip-lettera{ padding: 36px 12px; min-height: 180px; }
    .sd-strip-lettera__title{ font-size: 20px; }
  }
  



  /* Fascia blu con testo a sinistra e illustrazione a destra */
.sd-custode{
    background: #0f3b6f;
    padding: 36px 16px;
  }
  
  .sd-custode__wrap{
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 260px;  /* testo + immagine */
    column-gap: 32px;
    align-items: center;
    min-height: 200px;
  }
  
  .sd-custode__p{
    margin: 0;
    max-width: 480px;                 /* larghezza testo in screenshot */
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 24px;
    line-height: 1.65;
    color: #ffffff;
  }
  
  .sd-custode__link{
    color: #d30000;                    /* rosso brand per l’ancora */
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
  }
  
  .sd-custode__link:hover,
  .sd-custode__link:focus{
    color: #f86e6e;                    /* hover più chiaro */
  }
  
  /* Immagine */
  .sd-custode__col--img{
    display: flex;
    justify-content: center;
  }
  .sd-custode__img{
    width: 260px;
    height: auto;
    display: block;
  }
  
  /* Responsive */
  @media (max-width: 900px){
    .sd-custode__wrap{
      grid-template-columns: 1fr;
      row-gap: 16px;
      text-align: center;
    }
    .sd-custode__col--text{ justify-content: center; }
    .sd-custode__p{ max-width: 600px; }
    .sd-custode__img{ width: 220px; margin: 0 auto; }
  }
  
  .sd-custode__px {
    margin: 0;
    max-width: 480px;                 /* larghezza testo in screenshot */
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.65;
    color: #f86e6e;
  }



/* ==== Sezione "custode points" — completamente namespaced ==== */

.sd-custode-points{
    padding: 24px 16px;
  }
  
  .sd-custode-points__wrap{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  
  /* Intro */
  .sd-custode-points__intro{
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    font-weight: 700;
    padding-bottom: 16px;
  }
  
  /* Lista con marker X (pseudo) */
  .sd-custode-points__list{
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.25;
    color: #000;
  }
  
  .sd-custode-points__list li{
    position: relative;
    padding-left: 32px;    /* spazio per l'icona */
    margin: 16px 0;
    font-size: 24px;
    font-weight: 700;
    color: #000;
  }
  
  .sd-custode-points__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;          /* 20x20 per font 18px */
    background: url('/brands/stracciadebito/sd-assets/sd-img/x-icon.svg') no-repeat center / contain;
  }
  
  /* Responsive */
  @media (max-width: 640px){
    .sd-custode-points{ padding: 20px 14px; }
    .sd-custode-points__wrap{ max-width: 600px; }
  }

  
  



  /* ===== Sezione "FALSO" ===== */

.sd-falso{
    position: relative;
    width: 100%;
    min-height: 340px;
    overflow: hidden;
    padding: 56px 16px 64px;
  }
  
  .sd-falso__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    z-index: 0;
  }
  
  .sd-falso__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .9);
    z-index: 1;
  }
  
  .sd-falso__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
  }
  
  /* Titolo centrale grande */
  .sd-falso__title{
    margin: 0 auto 18px;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 64px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-align: center;
  }
  
  /* Lista affermazioni con marker mano (pseudo) */
  .sd-falso__list{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    color: #ffffff;
  }
  
  .sd-falso__list li{
    font-size: 24px;
    position: relative;
    padding-left: 50px;        /* spazio per l'icona */
    margin: 16px 0;
    font-weight: 700;
  }
  
  .sd-falso__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 30px;
    height: 30px;              /* 20x20 per font 16–18px */
    background: url('/brands/stracciadebito/sd-assets/sd-img/hand-icon.svg') no-repeat center / contain;
  }
  
  /* Responsivo */
  @media (max-width: 860px){
    .sd-falso__title{ font-size: 48px; }
  }
  @media (max-width: 640px){
    .sd-falso{ padding: 44px 14px 52px; min-height: 300px; }
    .sd-falso__title{ font-size: 36px; }
  }
  

  .sd-text-1200{
    max-width: 1200px;
    color: #fff;
    width: 100%;
    margin: 0 auto;     /* centra orizzontalmente */
    padding: 8px 16px !important;    /* respiro ai lati su schermi piccoli */
    text-align: left;   /* testo allineato a sinistra */
  }

  .sd-text-1200 li{
    color: #fff;
  }






  /* ===== Sezione "Devi sapere che…" — classi namespaced sd-know ===== */

.sd-know{
    padding: 48px 16px 56px;
  }
  
  .sd-know__wrap{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  /* Intro piccola sopra al titolo */
  .sd-know__intro{
    max-width: 800px;
    margin: 0 auto 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.35;
    color: #000;
  }
  
  /* Titolo principale */
  .sd-know__title{
    margin: 0 0 18px;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #000000;
    font-family: "Poppins", sans-serif !important;
  }
  
  /* Card con ombra e raggio */
  .sd-know__card{
    max-width: 800px;
    margin: 48px auto 48px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 20px 44px rgba(0,0,0,.18);
    padding: 24px 28px;
    text-align: left;
  }
  
  /* Lista con marker mano */
  .sd-know__list{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.45;
  }
  
  .sd-know__list li{
    position: relative;
    padding-left: 45px;       /* spazio per l'icona */
    margin: 18px 0;
    font-size: 24px;
    color: #000000;
  }
  
  .sd-know__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 30px;
    height: 30px;
    background: url('/brands/stracciadebito/sd-assets/sd-img/hand-icon.svg') no-repeat center / contain;
  }
  
  /* CTA testo grande sotto la card */
  .sd-know__cta-text{
    max-width: 980px;
    margin: 18px auto 24px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3;
    color: #000000;
  }
  
  /* Bottone (isolato) */
  .sd-know__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #000000;
    color: #000000;
    background: #f59e0b;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
  }
  
  .sd-know__btn:hover,
  .sd-know__btn:focus{
    background: #da8404;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .sd-know__title{ font-size: 40px; }
    .sd-know__card{ padding: 20px 20px; }
    .sd-know__cta-text{ font-size: 26px; }
  }
  @media (max-width: 480px){
    .sd-know__title{ font-size: 36px; }
    .sd-know__cta-text{ font-size: 22px; }
  }
  



  /* ===== Sezione Warning ===== */

.sd-war{
    position: relative;
    width: 100%;
    padding: 60px 16px;
    border-top: 15px solid #363636;
    border-bottom: 15px solid #363636;
    overflow: hidden;
  }
  
  .sd-war__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .sd-war__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    justify-content: center;
  }
  
  .sd-war__card{
    max-width: 800px;                 /* card centrale come nello shot */
    width: 100%;
    background: rgba(254, 202, 41, 0.7); /* #feca29 con opacità per far vedere il blur */
    border: 5px solid #363636;
    border-radius: 24px;
    padding: 36px 24px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 34px rgba(0,0,0,.25);
    text-align: center;
  }
  
  /* Testi */
  .sd-war__top{
    margin: 0 0 32px;
    font-size: 24px;
    font-weight: 900;
    color: #d30000;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1.35;
  }
  
  .sd-war__title{
    font-family: 'Poppins', 'sans serif';
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 900;
    color: #d30000;
    line-height: 1.35;
  }
  
  .sd-war__line{
    margin: 8px 0;
    font-size: 24px;
    font-weight: 900;
    color: #d30000;
    line-height: 1.35;
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .sd-war{ padding: 32px 12px; }
    .sd-war__card{ padding: 18px; }
    .sd-war__title{ font-size: 22px; }
    .sd-war__line{ font-size: 16px; }
  }
  





  /* Sezione testo "PENSACI BENE" – Poppins, max-width 600px, valori letterali */

.sd-pensa{
    padding: 44px 16px 56px;
  }
  
  .sd-pensa__wrap{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    color: #666666;
    text-align: left;
  }
  
  /* Paragrafi */
  .sd-pensa__p{
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .sd-pensa__p--muted{
    color: #777777;
  }
  
  /* Eyebrow centrato */
  .sd-pensa__eyebrow{
    margin: 18px 0 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #666;
  }
  
  /* Card bianca con raggio e ombra morbida */
  .sd-pensa__card{
    margin: 18px 0 8px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0,0,0,.18);
    padding: 22px 24px;
  }
  
  /* Citazione in corsivo e più tenue */
  .sd-pensa__quote{
    margin: 8px 0 16px;
    font-size: 16px;
    line-height: 1.8;
    color: #8a8a8a;
    font-style: italic;
    text-align: left;
  }
  
  /* Responsive */
  @media (max-width: 480px){
    .sd-pensa{ padding: 36px 14px 48px; }
    .sd-pensa__card{ padding: 18px; border-radius: 24px; }
  }
  




  /* ===== Sezione "Sapere, è Potere!" ===== */

.sd-sapere{
    position: relative;
    width: 100%;
    min-height: 240px;
    overflow: hidden;
    padding: 80px 16px;
  }
  
  .sd-sapere__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    z-index: 0;
  }
  
  .sd-sapere__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .65);
    z-index: 1;
  }
  
  .sd-sapere__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    color: #ffffff;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  /* Titolo grande */
  .sd-sapere__title{
    margin: 0 0 32px;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.3px;
    color: #fff;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  }
  
  /* Sottotitolo centrato */
  .sd-sapere__lead{
    max-width: 1200px;
    margin: 0 auto 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    color: #ffffff;
    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  }
  
  /* Bottone isolato (stile brand) */
  .sd-sapere__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #000000;
    color: #000000;
    background: #f59e0b;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
  }
  
  .sd-sapere__btn:hover,
  .sd-sapere__btn:focus{
    background: #da8404;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Responsive */
  @media (max-width: 860px){
    .sd-sapere__title{ font-size: 48px; }
  }
  @media (max-width: 640px){
    .sd-sapere{ padding: 36px 14px 44px; min-height: 220px; }
    .sd-sapere__title{ font-size: 36px; }
    .sd-sapere__lead{ font-size: 16px; }
  }
  




  /* Testo argomentativo con card – tutto font-size 16px, colori richiesti */

.sd-arg{
    padding: 44px 16px 56px;
  }
  
  .sd-arg__wrap{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    text-align: left;
  }
  
  /* Paragrafi base: 16px e colore #666 (sopra card e dentro card) */
  .sd-arg__p{
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
    color: #666666;
  }
  
  /* Card bianca con raggio e ombra; testo interno eredita #666 */
  .sd-arg__card{
    margin: 32px 0;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0,0,0,.18);
    padding: 22px 24px;
  }
  
  /* Paragrafi che devono essere neri (sotto card) */
  .sd-arg__p--black{
    color: #000000;
  }
  
  /* Responsive */
  @media (max-width: 480px){
    .sd-arg{ padding: 36px 14px 48px; }
    .sd-arg__card{ padding: 18px; border-radius: 24px; }
  }
  




  /* Striscia testo su sfondo blu */

.sd-real{
    background: #0f3b6f;
    padding: 64px 16px;
  }
  
  .sd-real__wrap{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  .sd-real__text{
    max-width: 980px;
    margin: 0 auto;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5;
    color: #ffffff;
  }
  
  /* Responsive */
  @media (max-width: 640px){
    .sd-real{ padding: 28px 14px 36px; }
    .sd-real__text{ font-size: 20px; }
  }
  




  /* Sezione testo procedura — tutto Poppins, default #666, max-width 600;
   solo due righe enfatizzate nere, una con max-width 800. */

.sd-proc{
    padding: 44px 16px 56px;
  }
  
  .sd-proc__wrap{
    max-width: 600px;        /* default per tutto il testo */
    width: 100%;
    margin: 0 auto;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    text-align: left;
    color: #666666;          /* colore base per tutto */
  }
  
  /* Paragrafi standard */
  .sd-proc__p{
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .sd-proc__p--center{
    text-align: center;
  }
  
  /* Righe enfatizzate nere */
  .sd-proc__emph{
    max-width: 800px;        /* questa è l’unica a 800 */
    width: 100%;
    margin: 18px auto;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6;
    color: #000000;          /* nero */
  }
  
  .sd-proc__emph--small{
    max-width: 600px;        /* questa torna a 600 */
    font-size: 18px;
    margin-top: 14px;
  }
  
  /* Responsive */
  @media (max-width: 640px){
    .sd-proc{ padding: 36px 14px 48px; }
    .sd-proc__emph{ font-size: 17px; }
    .sd-proc__emph--small{ font-size: 17px; }
  }

  




  /* ===== Sezione Tribunale ===== */

.sd-trib{
    position: relative;
    width: 100%;
    min-height: 340px;
    overflow: hidden;
    padding: 56px 16px 64px;
  }
  
  .sd-trib__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    z-index: 0;
  }
  
  .sd-trib__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .8);
    z-index: 1;
  }
  
  .sd-trib__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    color: #ffffff;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  /* width helpers per questa sezione */
  .sd-trib__w600{ max-width: 600px; margin: 0 auto !important; }
  .sd-trib__w800{ max-width: 800px; margin: 0 auto !important; }
  .sd-trib__w1200{ max-width: 1200px; margin: 0 auto; }
  
  /* Tipografia */
  .sd-trib__title{
    padding-bottom: 32px;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
  }
  
  .sd-trib__lead{
    font-size: 24px;
    padding-bottom: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #ffffff;
  }
  
  .sd-trib__emph{
    margin: 4px auto 16px;
    padding-bottom: 32px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.35;
    color: #ffffff;
  }
  
  .sd-trib__tail{
    margin: 0 auto;
    padding-bottom: 16px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.45;
    color: #ffffff;
  }
  
  /* Bottone brand isolato */
  .sd-trib__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #000000;
    color: #000000;
    background: #f59e0b;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
  }
  
  .sd-trib__btn:hover,
  .sd-trib__btn:focus{
    background: #da8404;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Responsive */
  @media (max-width: 860px){
    .sd-trib__title{ font-size: 34px; }
    .sd-trib__emph{ font-size: 28px; }
  }
  @media (max-width: 640px){
    .sd-trib{ padding: 44px 14px 52px; min-height: 300px; }
    .sd-trib__title{ font-size: 30px; }
    .sd-trib__tail{ font-size: 20px; }
  }
  





  /* Sezione “Aggiudicata” */

.sd-aggiu{
    padding: 48px 16px;
  }
  
  .sd-aggiu__wrap{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  .sd-aggiu__card{
    max-width: 800px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #000000;           /* richiesta: SOLO questa card con bordo 1px nero */
    border-radius: 28px;
    padding: 28px 34px;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
  }
  
  .sd-aggiu__title{
    margin: 0 0 18px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    color: #d30000;                       /* titolo rosso come nello shot */
  }
  
  .sd-aggiu__p{
    margin: 24px 0;
    font-size: 24px;
    line-height: 1.4;
    color: #666;
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .sd-aggiu__card{ padding: 22px 20px; border-radius: 22px; }
    .sd-aggiu__title{ font-size: 28px; }
    .sd-aggiu__p{ font-size: 16px; }
  }
  




  /* Sezione conseguenze – colonna testo con marker X */
.sd-cons{
    padding: 0 16px 40px;
  }
  
  .sd-cons__wrap{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    color: #666666;
    text-align: left;
  }
  
  /* Paragrafi */
  .sd-cons__p{
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.8;
  }
  
  /* Lista con pseudo-marker X rosso */
  .sd-cons__list{
    list-style: none;
    margin: 8px 0 18px;
    padding: 0;
    font-size: 16px;       /* => icona 20x20 */
    line-height: 1.9;
    color: #666666;
  }
  
  .sd-cons__list li{
    position: relative;
    padding-left: 30px;    /* spazio per l'icona */
    margin: 8px 0;
  }
  
  .sd-cons__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;
    background: url('/brands/stracciadebito/sd-assets/sd-img/x-icon.svg') no-repeat center / contain;
  }





  /* Sezione esito lettera – sfondo con overlay, testi bianchi.
   Headline max-width 1200, paragrafi max-width 800. */

.sd-esito{
    position: relative;
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    padding: 56px 16px 64px;
  }
  
  .sd-esito__bg{
    position: absolute; inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    z-index: 0;
  }
  
  .sd-esito__overlay{
    position: absolute; inset: 0;
    background: rgba(13, 20, 36, .75);
    z-index: 1;
  }
  
  .sd-esito__inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    color: #ffffff;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  /* helpers larghezza */
  .sd-esito__w1200{ max-width: 1200px; margin: 0 auto; }
  .sd-esito__w800{ max-width: 800px; margin: 0 auto; }
  
  /* Tipografia */
  .sd-esito__title{
    margin: 0 auto 32px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.2px;
    color: #ffffff;
  }
  
  .pb32 {
    padding-bottom: 32px;
  }

  .sd-esito__lead{
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff;
  }
  
  /* Responsive */
  @media (max-width: 860px){
    .sd-esito__title{ font-size: 34px; }
  }
  @media (max-width: 640px){
    .sd-esito{ padding: 44px 14px 52px; min-height: 260px; }
    .sd-esito__title{ font-size: 28px; }
    .sd-esito__lead{ font-size: 16px; }
  }
  





  /* Sezione finale: testo max-width 800, ultime 2 frasi in grassetto a 1200 */

.sd-finale{
    padding: 48px 16px 72px;
  }
  
  .sd-finale__wrap{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  
  /* helper larghezze */
  .sd-finale__w800{ max-width: 800px; margin-left: auto; margin-right: auto; }
  .sd-finale__w1200{ max-width: 1200px; margin-left: auto; margin-right: auto; }
  
  /* Paragrafi standard */
  .sd-finale__p{
    margin: 0 auto 24px;
    font-size: 24px;
    line-height: 1.35;
    color: #666666;
  }
  
  /* Headline e subheadline (nere e larghezza 1200) */
  .sd-finale__title{
    margin: 22px auto 8px;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #000000;
  }
  
  .sd-finale__subtitle{
    margin: 0 auto 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: #000000;
  }
  
  /* Bottone brand */
  .sd-finale__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #000000;
    color: #000000;
    background: #f59e0b;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
  }
  
  .sd-finale__btn:hover,
  .sd-finale__btn:focus{
    background: #da8404;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
  }
  
  /* Responsive */
  @media (max-width: 860px){
    .sd-finale__title{ font-size: 40px; }
  }
  @media (max-width: 640px){
    .sd-finale{ padding: 40px 14px 56px; }
    .sd-finale__title{ font-size: 32px; }
    .sd-finale__subtitle{ font-size: 16px; }
  }
  

  .pb0 {
    padding-bottom: 0 !important;
}


.mb0 {
    margin-bottom: 0 !important;
}