@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');




   /* ── SEZIONE PRINCIPALE ── */
   .sezione-rilievi-icone {
       background-color: #000;
       padding: 60px 50px;
       max-width: 1500px;
       margin: 0 auto;
   }

   .container-grande-icone {
       background-color: #000;
   }

   /* ── HEADER ── */
   .header-rilievi-icone {
       margin-bottom: 52px;
   }

   .titolo-rilievi-icone {
       font-family: 'Inter', sans-serif;
       font-weight: 600;
       font-size: 36px;
       color: #ffffff;
       line-height: 42px;
       margin-bottom: 10px;
   }

   .sottotitolo-rilievi-icone {
       font-family: 'Inter', sans-serif;
       font-size: 20px;
       color: #ffffff;
       font-weight: 400;
       line-height: 26px;
   }

   /* ── GRIGLIA ICONE (unica griglia 4 colonne per entrambe le righe) ── */
   .griglia-rilievi-icone {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 40px 32px;
       margin-bottom: 56px;
   }

   /* ── SINGOLO ITEM ── */
   .item-rilievi-icone {
       display: flex;
       flex-direction: column;
       gap: 14px;
   }

   /* ── PLACEHOLDER IMMAGINE ── */
   .immagine-rilievi-icone {
       width: 72px;
       height: 72px;
       border-radius: 4px;
       flex-shrink: 0;
   }

   /* ── TESTO LABEL ── */
   .label-rilievi-icone {
       font-family: Inter, sans-serif;
       font-size: 18px;
       line-height: 24px;
       font-weight: 400;
       margin-block-start: 0px !important;
       margin-block-end: 0px !important;
       max-width: 200px;
       color: #ffffff;
   }

   /* Alias mantenuto per compatibilità — stessa griglia */
   .griglia-rilievi-icone-seconda {
       display: contents;
   }

   /* ── CLAIM FINALE ── */
   .claim-rilievi-icone {
       font-size: 26px;
       line-height: 32px;
       font-weight: 600;
       margin-block-start: 0px !important;
       margin-block-end: 0px !important;
       color: #ffffff;
   }

   /* ── RESPONSIVE ── */
   @media (max-width: 699px) {
       .griglia-rilievi-icone {
           grid-template-columns: repeat(2, 1fr);
       }

       .griglia-rilievi-icone-seconda {
           grid-template-columns: repeat(2, 1fr);
       }
   }

   @media (max-width: 480px) {

       .griglia-rilievi-icone,
       .griglia-rilievi-icone-seconda {
           grid-template-columns: 1fr 1fr;
           gap: 28px 20px;
       }
   }

   /* PADDING */
   @media (max-width: 409px) {
       .sezione-rilievi-icone {
           padding-left: 30px;
           padding-right: 30px;
       }
   }

   @media (min-width: 410px) and (max-width: 699px) {
       .sezione-rilievi-icone {
           padding-left: 50px;
           padding-right: 50px;
       }
   }

   @media (min-width: 700px) and (max-width: 870px) {
       .sezione-rilievi-icone {
           padding-left: 30px;
           padding-right: 30px;
       }
   }

   /* TITOLO */
   @media (max-width: 369px) {
       .titolo-rilievi-icone {
           font-size: 26px;
           line-height: 32px;
       }
   }

   @media (min-width: 370px) and (max-width: 375px) {
       .titolo-rilievi-icone {
           font-size: 24px;
           line-height: 30px;
       }
   }

   @media (min-width: 376px) and (max-width: 409px) {
       .titolo-rilievi-icone {
           font-size: 27px;
           line-height: 33px;
       }
   }

   @media (min-width: 410px) and (max-width: 414px) {
       .titolo-rilievi-icone {
           font-size: 28px;
           line-height: 34px;
       }
   }

   @media (min-width: 415px) and (max-width: 430px) {
       .titolo-rilievi-icone {
           font-size: 29px;
           line-height: 35px;
       }
   }

   @media (min-width: 431px) and (max-width: 791px) {
       .titolo-rilievi-icone {
           font-size: 30px;
           line-height: 36px;
       }
   }

   @media (min-width: 792px) and (max-width: 810px) {
       .titolo-rilievi-icone {
           font-size: 31px;
           line-height: 37px;
       }
   }

   @media (min-width: 811px) and (max-width: 830px) {
       .titolo-rilievi-icone {
           font-size: 32px;
           line-height: 38px;
       }
   }

   @media (min-width: 831px) and (max-width: 849px) {
       .titolo-rilievi-icone {
           font-size: 33px;
           line-height: 39px;
       }
   }


   @media (min-width: 850px) and (max-width: 964px) {
       .titolo-rilievi-icone {
           font-size: 35px;
           line-height: 41px;
       }
   }

   /* SOTTOTITOLI ICONE */
   @media (max-width: 369px) {
       .sottotitolo-rilievi-icone {
           font-size: 14px;
           line-height: 20px;
       }
   }

   @media (min-width: 370px) and (max-width: 1200px) {
       .sottotitolo-rilievi-icone {
           font-size: 18px;
           line-height: 24px;
       }
   }


   /* LABEL RILIEVI ICONE */
   @media (max-width: 1128px) {
       .label-rilievi-icone {
           font-size: 16px;
           line-height: 22px;
       }

       .label-rilievi-icone {
           margin-block-start: 0px !important;
           margin-block-end: 0px !important;
       }
   }

   @media (max-width: 369px) {
       .label-rilievi-icone {
           line-height: 20px;
           font-size: 14px;
       }
   }

   /* ULTIMO TITOLETTO */
   @media (max-width: 369px) {
       h6 {
           line-height: 24px;
           font-size: 18px;
       }
   }

   @media (min-width: 369px) and (max-width: 388px) {
       h6 {
           line-height: 24px;
           font-size: 18px;

       }
   }

   @media (min-width: 389px) and (max-width: 409px) {
       h6 {
           line-height: 26px;
           font-size: 20px;
       }
   }

   @media (min-width: 410px) and (max-width: 820px) {
       h6 {
           line-height: 26px;
           font-size: 20px;
       }
   }

   @media (min-width: 821px) and (max-width: 943px) {
       h6 {
           line-height: 30px;
           font-size: 24px;
       }
   }