/* ==========================================================
   SINTEX — INDUSTRY NAVIGATOR V1
   ========================================================== */

.snx-industry-v1 {
  position: relative;
  padding: 126px 0 136px;
  overflow: clip;

  color: #111827;

  background:
    radial-gradient(
      circle at 12% 8%,
      rgba(111,92,255,.055),
      transparent 26%
    ),
    radial-gradient(
      circle at 90% 88%,
      rgba(255,137,91,.055),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #f5f2ee 0%,
      #faf8f5 100%
    );

  border-top:
    1px solid rgba(21,31,46,.055);
}


.snx-industry-v1-container {
  width:
    min(1440px, calc(100% - 64px));

  margin-inline:
    auto;
}


/* HEADER */

.snx-industry-v1-head {
  max-width:
    980px;
}


.snx-industry-v1-eyebrow {
  margin:
    0 0 20px;

  color:
    #6c63e8;

  font-family:
    "Sora", sans-serif;

  font-size:
    .76rem;

  font-weight:
    780;

  letter-spacing:
    .18em;

  text-transform:
    uppercase;
}


.snx-industry-v1-head h2 {
  max-width:
    1100px;

  margin:
    0;

  color:
    #111827;

  font-family:
    "Sora", sans-serif;

  font-size:
    clamp(2.85rem, 4.7vw, 5rem);

  font-weight:
    700;

  line-height:
    .99;

  letter-spacing:
    -.058em;
}


.snx-industry-v1-intro {
  max-width:
    790px;

  margin:
    30px 0 0;

  color:
    #6d788b;

  font-size:
    1.05rem;

  line-height:
    1.78;
}


/* PANEL */

.snx-industry-v1-panel {
  margin-top:
    68px;

  padding:
    28px;

  border:
    1px solid #e4e1dc;

  border-radius:
    32px;

  background:
    rgba(255,255,255,.94);

  box-shadow:
    0 28px 70px rgba(40,34,28,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
}


.snx-industry-v1-nav {
  --snx-progress: 0;

  position:
    relative;

  display:
    grid;

  grid-template-columns:
    minmax(310px,.72fr)
    minmax(0,1.28fr);

  grid-template-rows:
    repeat(6, 128px);

  column-gap:
    58px;
}


.snx-industry-v1-item {
  display:
    contents;
}


/* RAIL */

.snx-industry-v1-track,
.snx-industry-v1-track-fill {
  position:
    absolute;

  z-index:
    0;

  left:
    17px;

  top:
    64px;

  width:
    2px;

  height:
    calc(100% - 128px);

  border-radius:
    999px;

  pointer-events:
    none;
}


.snx-industry-v1-track {
  background:
    #e8e4ee;
}


.snx-industry-v1-track-fill {
  height:
    calc(
      (100% - 128px)
      * var(--snx-progress)
    );

  background:
    linear-gradient(
      180deg,
      #5d74ff,
      #a66df2 54%,
      #ee8b84
    );

  box-shadow:
    0 0 14px rgba(103,91,236,.14);

  transition:
    height .48s
    cubic-bezier(.22,.61,.36,1);
}


/* LEFT NAV */

.snx-industry-v1-trigger {
  grid-column:
    1;

  grid-row:
    var(--snx-row);

  position:
    relative;

  z-index:
    2;

  width:
    100%;

  min-width:
    0;

  display:
    grid;

  grid-template-columns:
    36px minmax(0,1fr) 22px;

  align-items:
    center;

  gap:
    18px;

  padding:
    0 12px 0 0;

  border:
    0;

  border-bottom:
    1px solid #eeebe7;

  background:
    transparent;

  color:
    #8b94a4;

  text-align:
    left;

  font:
    inherit;

  cursor:
    pointer;

  appearance:
    none;

  transition:
    color .28s ease;
}


.snx-industry-v1-trigger:focus-visible {
  outline:
    2px solid #665bf0;

  outline-offset:
    5px;

  border-radius:
    12px;
}


.snx-industry-v1-number {
  position:
    relative;

  z-index:
    2;

  display:
    grid;

  place-items:
    center;

  width:
    34px;

  height:
    34px;

  border:
    1px solid #e6e1ed;

  border-radius:
    50%;

  background:
    #fff;

  color:
    #8d93a1;

  font-family:
    "Sora", sans-serif;

  font-size:
    .74rem;

  font-weight:
    780;

  transition:
    border-color .28s ease,
    color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}


.snx-industry-v1-trigger-label {
  font-family:
    "Sora", sans-serif;

  font-size:
    1.08rem;

  font-weight:
    640;

  line-height:
    1.26;

  letter-spacing:
    -.025em;
}


.snx-industry-v1-chevron {
  position:
    relative;

  width:
    18px;

  height:
    18px;

  opacity:
    .48;
}


.snx-industry-v1-chevron::before {
  content:
    "";

  position:
    absolute;

  left:
    4px;

  top:
    7px;

  width:
    7px;

  height:
    7px;

  border-top:
    1.8px solid currentColor;

  border-right:
    1.8px solid currentColor;

  transform:
    rotate(45deg);

  transition:
    transform .28s ease;
}


.snx-industry-v1-item.is-active
.snx-industry-v1-trigger {
  color:
    #161c28;
}


.snx-industry-v1-item.is-active
.snx-industry-v1-number {
  color:
    var(--snx-accent);

  border-color:
    color-mix(
      in srgb,
      var(--snx-accent) 28%,
      #e6e1ed
    );

  background:
    color-mix(
      in srgb,
      var(--snx-accent) 7%,
      white
    );

  box-shadow:
    0 8px 24px
    color-mix(
      in srgb,
      var(--snx-accent) 10%,
      transparent
    );
}


/* RIGHT CONTENT */

.snx-industry-v1-content {
  grid-column:
    2;

  grid-row:
    1 / 7;

  position:
    sticky;

  top:
    112px;

  align-self:
    start;

  z-index:
    1;

  opacity:
    0;

  visibility:
    hidden;

  pointer-events:
    none;

  transform:
    translateY(10px);

  transition:
    opacity .32s ease,
    transform .40s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .4s;
}


.snx-industry-v1-item.is-active
.snx-industry-v1-content {
  z-index:
    3;

  opacity:
    1;

  visibility:
    visible;

  pointer-events:
    auto;

  transform:
    translateY(0);

  transition-delay:
    0s;
}


.snx-industry-v1-content-inner {
  min-height:
    620px;

  padding:
    30px 22px 34px 64px;

  border-left:
    1px solid #ece8e4;
}


/* ICONS */

.snx-industry-v1-icon {
  display:
    block;

  width:
    58px;

  height:
    58px;

  margin:
    0 0 30px;
}


.snx-industry-v1-icon svg {
  display:
    block;

  width:
    100%;

  height:
    100%;
}


/* COPY */

.snx-industry-v1-category {
  margin:
    0 0 13px;

  color:
    var(--snx-accent);

  font-family:
    "Sora", sans-serif;

  font-size:
    .76rem;

  font-weight:
    780;

  letter-spacing:
    .16em;

  text-transform:
    uppercase;
}


.snx-industry-v1-content h3 {
  max-width:
    720px;

  margin:
    0;

  color:
    #131925;

  font-family:
    "Sora", sans-serif;

  font-size:
    clamp(2rem, 3vw, 3.05rem);

  font-weight:
    690;

  line-height:
    1.04;

  letter-spacing:
    -.052em;
}


.snx-industry-v1-problem {
  max-width:
    760px;

  margin:
    23px 0 0;

  color:
    #68758a;

  font-size:
    1rem;

  line-height:
    1.72;
}


.snx-industry-v1-meta {
  max-width:
    820px;

  margin-top:
    34px;

  display:
    grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:
    14px;
}


.snx-industry-v1-meta-block {
  padding:
    21px 0 0;

  border-top:
    1px solid #e9e5e0;
}


.snx-industry-v1-meta-block > span,
.snx-industry-v1-result > span {
  display:
    block;

  margin-bottom:
    10px;

  color:
    #8c95a4;

  font-family:
    "Sora", sans-serif;

  font-size:
    .67rem;

  font-weight:
    780;

  letter-spacing:
    .14em;

  text-transform:
    uppercase;
}


.snx-industry-v1-meta-block p {
  margin:
    0;

  color:
    #252d3a;

  font-size:
    .94rem;

  line-height:
    1.62;
}


.snx-industry-v1-result {
  max-width:
    820px;

  margin-top:
    28px;

  padding:
    22px 24px;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--snx-accent) 15%,
      #e7e3df
    );

  border-radius:
    18px;

  background:
    linear-gradient(
      135deg,
      color-mix(
        in srgb,
        var(--snx-accent) 5%,
        white
      ),
      rgba(255,255,255,.96)
    );
}


.snx-industry-v1-result > span {
  color:
    var(--snx-accent);
}


.snx-industry-v1-result p {
  margin:
    0;

  color:
    #283140;

  font-size:
    .98rem;

  font-weight:
    560;

  line-height:
    1.62;
}


.snx-industry-v1-note {
  max-width:
    900px;

  margin:
    30px 0 0;

  color:
    #8992a1;

  font-size:
    .82rem;

  line-height:
    1.65;
}


/* HOVER */

@media (hover:hover) and (pointer:fine) {

  .snx-industry-v1-trigger:hover {
    color:
      #202735;
  }

}


/* TABLET */

@media (max-width:1100px) and (min-width:901px) {

  .snx-industry-v1-container {
    width:
      min(960px, calc(100% - 48px));
  }


  .snx-industry-v1-nav {
    grid-template-columns:
      minmax(250px,.72fr)
      minmax(0,1.28fr);

    column-gap:
      38px;
  }


  .snx-industry-v1-content-inner {
    padding-left:
      40px;
  }


  .snx-industry-v1-meta {
    grid-template-columns:
      1fr;
  }

}


/* ==========================================================
   MOBILE — ACCORDION
   ========================================================== */

@media (max-width:900px) {

  .snx-industry-v1 {
    padding:
      80px 0 88px;
  }


  .snx-industry-v1-container {
    width:
      calc(100% - 40px);

    max-width:
      520px;
  }


  .snx-industry-v1-head h2 {
    font-size:
      clamp(2.35rem,11vw,3.45rem);

    line-height:
      1.01;
  }


  .snx-industry-v1-intro {
    margin-top:
      24px;

    font-size:
      .98rem;

    line-height:
      1.72;
  }


  .snx-industry-v1-panel {
    margin-top:
      44px;

    padding:
      8px 18px;

    border-radius:
      24px;
  }


  .snx-industry-v1-nav {
    display:
      block;
  }


  .snx-industry-v1-track,
  .snx-industry-v1-track-fill {
    display:
      none;
  }


  .snx-industry-v1-item {
    display:
      block;

    border-bottom:
      1px solid #ece8e4;
  }


  .snx-industry-v1-item:last-child {
    border-bottom:
      0;
  }


  .snx-industry-v1-trigger {
    width:
      100%;

    min-height:
      82px;

    grid-template-columns:
      34px minmax(0,1fr) 22px;

    gap:
      16px;

    padding:
      0;

    border:
      0;
  }


  .snx-industry-v1-trigger-label {
    font-size:
      .99rem;
  }


  .snx-industry-v1-chevron::before {
    transform:
      rotate(135deg);
  }


  .snx-industry-v1-item.is-active
  .snx-industry-v1-chevron::before {
    transform:
      rotate(-45deg);
  }


  .snx-industry-v1-content {
    position:
      static;

    display:
      grid;

    grid-template-rows:
      0fr;

    opacity:
      1;

    visibility:
      visible;

    pointer-events:
      auto;

    transform:
      none;

    overflow:
      hidden;

    transition:
      grid-template-rows
      .44s
      cubic-bezier(.22,.61,.36,1);
  }


  .snx-industry-v1-item.is-active
  .snx-industry-v1-content {
    grid-template-rows:
      1fr;
  }


  .snx-industry-v1-content-inner {
    min-height:
      0;

    overflow:
      hidden;

    padding:
      0 6px 0 50px;

    border-left:
      0;
  }


  .snx-industry-v1-item.is-active
  .snx-industry-v1-content-inner {
    padding-bottom:
      31px;
  }


  .snx-industry-v1-icon {
    width:
      45px;

    height:
      45px;

    margin:
      9px 0 24px;
  }


  .snx-industry-v1-category {
    font-size:
      .68rem;
  }


  .snx-industry-v1-content h3 {
    font-size:
      1.72rem;

    line-height:
      1.08;
  }


  .snx-industry-v1-problem {
    margin-top:
      18px;

    font-size:
      .92rem;

    line-height:
      1.68;
  }


  .snx-industry-v1-meta {
    margin-top:
      28px;

    grid-template-columns:
      1fr;

    gap:
      22px;
  }


  .snx-industry-v1-meta-block {
    padding-top:
      17px;
  }


  .snx-industry-v1-meta-block p {
    font-size:
      .89rem;
  }


  .snx-industry-v1-result {
    margin-top:
      24px;

    padding:
      18px;

    border-radius:
      16px;
  }


  .snx-industry-v1-result p {
    font-size:
      .9rem;
  }


  .snx-industry-v1-note {
    margin-top:
      23px;
  }

}


/* REDUCED MOTION */

@media (prefers-reduced-motion:reduce) {

  .snx-industry-v1-track-fill,
  .snx-industry-v1-content,
  .snx-industry-v1-number,
  .snx-industry-v1-chevron::before {
    transition:
      none !important;
  }

}


/* ==========================================================
   INDUSTRY NAVIGATOR V1.2
   STATIC CLICK PANEL

   Desktop:
   - nessuno sticky
   - nessun runway
   - sei righe identiche
   - contenuto destro sempre dentro lo stesso box
   - cambio esclusivamente su click

   Mobile:
   - accordion invariato
   ========================================================== */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 901px) {

  /*
   * Il pannello torna normale nel flusso della pagina.
   */
  .snx-industry-v1-panel {
    position:
      relative;

    top:
      auto;

    z-index:
      auto;

    margin-bottom:
      0;
  }


  /*
   * 6 righe perfettamente identiche.
   *
   * 6 × 108px = 648px.
   * Anche il pannello destro userà la stessa altezza.
   */
  .snx-industry-v1-nav {
    grid-template-rows:
      repeat(6, 108px);

    align-items:
      stretch;
  }


  /*
   * Ogni voce occupa esattamente una riga.
   */
  .snx-industry-v1-trigger {
    height:
      108px;

    min-height:
      108px;
  }


  /*
   * Rail centrata matematicamente sui pallini:
   * primo centro = 54px
   * ultimo centro = 594px
   */
  .snx-industry-v1-track,
  .snx-industry-v1-track-fill {
    top:
      54px;

    height:
      540px;
  }


  /*
   * La parte destra copre ESATTAMENTE le sei righe.
   * Nessun sticky indipendente.
   */
  .snx-industry-v1-content {
    grid-column:
      2;

    grid-row:
      1 / 7;

    position:
      static;

    top:
      auto;

    align-self:
      stretch;

    height:
      648px;

    min-height:
      648px;

    display:
      flex;

    align-items:
      stretch;
  }


  /*
   * Il contenuto vero usa tutta l'altezza disponibile.
   * Lo centriamo verticalmente per evitare:
   *
   * testo concentrato sopra
   * +
   * enorme vuoto sotto
   */
  .snx-industry-v1-content-inner {
    width:
      100%;

    min-height:
      648px;

    height:
      648px;

    box-sizing:
      border-box;

    display:
      flex;

    flex-direction:
      column;

    justify-content:
      center;

    padding:
      42px 22px 42px 64px;
  }


  /*
   * Riduciamo appena il blocco icon/title
   * così tutte le categorie stanno bene
   * nella stessa scena.
   */
  .snx-industry-v1-icon {
    width:
      52px;

    height:
      52px;

    margin-bottom:
      24px;
  }


  .snx-industry-v1-content h3 {
    font-size:
      clamp(1.95rem, 2.65vw, 2.75rem);
  }


  .snx-industry-v1-problem {
    margin-top:
      19px;
  }


  .snx-industry-v1-meta {
    margin-top:
      27px;
  }


  .snx-industry-v1-result {
    margin-top:
      24px;
  }


  /*
   * Cross-fade breve.
   * Niente traslazione evidente.
   */
  .snx-industry-v1-content {
    transform:
      none;

    transition:
      opacity .24s ease,
      visibility 0s linear .24s;
  }


  .snx-industry-v1-item.is-active
  .snx-industry-v1-content {
    transform:
      none;

    transition:
      opacity .28s ease;
  }

}


/* ==========================================================
   DESKTOP PIÙ COMPATTO
   ========================================================== */

@media (min-width: 901px) and (max-width: 1180px) {

  .snx-industry-v1-nav {
    grid-template-columns:
      minmax(260px, .72fr)
      minmax(0, 1.28fr);

    column-gap:
      36px;
  }


  .snx-industry-v1-content-inner {
    padding-left:
      38px;
  }


  .snx-industry-v1-trigger-label {
    font-size:
      .96rem;
  }

}


/* ==========================================================
   MOBILE
   Ripristino esplicito dei valori accordion.
   ========================================================== */

@media (max-width: 900px) {

  .snx-industry-v1-panel {
    position:
      static;

    margin-bottom:
      0;
  }


  .snx-industry-v1-content {
    height:
      auto;

    min-height:
      0;
  }


  .snx-industry-v1-content-inner {
    height:
      auto;

    min-height:
      0;

    display:
      block;

    padding:
      0 6px 0 50px;
  }


  .snx-industry-v1-item.is-active
  .snx-industry-v1-content-inner {
    padding-bottom:
      31px;
  }

}



/* ==========================================================
   INDUSTRY NAVIGATOR V1.3 COPY POLISH
   Titoli specifici + accento categoria + emphasis copy.
   Nessuna modifica geometrica.
   ========================================================== */

.snx-industry-v1-title-accent {
  color:
    var(--snx-accent);

  font-weight:
    inherit;
}


.snx-industry-v1-problem strong {
  color:
    #30394a;

  font-weight:
    700;
}


/*
 * Il colore del titolo rimane elegante:
 * soltanto la parte strategica prende l'accento.
 */
.snx-industry-v1-content h3
.snx-industry-v1-title-accent {
  text-decoration:
    none;
}


/*
 * Mobile:
 * contrasto appena maggiore sul concetto chiave.
 */
@media (max-width: 900px) {

  .snx-industry-v1-problem strong {
    color:
      #252e3d;

    font-weight:
      700;
  }

}


/* ==========================================================
   INDUSTRY NAVIGATOR V1.7 — CLEAN FINAL POLISH

   Un solo blocco sostituisce V1.4 / V1.5 / V1.6.

   - divisorie reali da 1px
   - niente pseudo line
   - niente margin trasparente prima del detail
   - spacing tramite padding interno
   - selector corretto: --processi
   - titolo compatto
   - seconda riga in gradiente
   ========================================================== */


/* ----------------------------------------------------------
   SECTION DIVIDERS
   ---------------------------------------------------------- */

.snx-industry-v1 {
  border-top:
    1px solid rgba(20, 31, 45, .085);

  border-bottom:
    1px solid rgba(20, 31, 45, .085);

  box-shadow:
    none;
}


/* Nessuna linea costruita con pseudo-elementi. */

.snx-industry-v1::before,
.snx-industry-v1::after {
  content:
    none !important;

  display:
    none !important;
}


/* ----------------------------------------------------------
   DESKTOP SPACING
   ---------------------------------------------------------- */

@media (min-width: 901px) {

  .snx-industry-v1 {
    padding-top:
      92px;

    padding-bottom:
      96px;
  }


  /*
   * NIENTE margin:
   * il margin mostrava il background scuro della pagina.
   *
   * Lo spazio ora vive dentro la sezione chiara.
   */

  .se-page--processi .sp-detail {
    margin-top:
      0 !important;

    padding-top:
      72px !important;
  }


  .se-page--integrazioni .si-detail-v1 {
    margin-top:
      0 !important;

    padding-top:
      72px !important;
  }

}


/* ----------------------------------------------------------
   PROCESSI — INTRO TITLE
   HTML reale:
   .snx-industry-v1--processi
   ---------------------------------------------------------- */

.snx-industry-v1--processi
.snx-industry-v1-head h2 {
  max-width:
    900px;

  font-size:
    clamp(46px, 3.35vw, 58px);

  line-height:
    .98;

  letter-spacing:
    -.045em;
}


.snx-industry-v1--processi
.snx-industry-v1-head h2
> .snx-industry-v1-title-accent {
  display:
    inline-block;

  background-image:
    linear-gradient(
      90deg,
      #5276ef 0%,
      #6879ef 28%,
      #8974ef 54%,
      #b675df 76%,
      #d27f9f 100%
    );

  -webkit-background-clip:
    text;

  background-clip:
    text;

  -webkit-text-fill-color:
    transparent;

  color:
    transparent;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width: 901px) and (max-width: 1200px) {

  .snx-industry-v1--processi
  .snx-industry-v1-head h2 {
    font-size:
      clamp(44px, 4.5vw, 54px);
  }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 900px) {

  .snx-industry-v1 {
    padding-top:
      70px;

    padding-bottom:
      76px;
  }


  .se-page--processi .sp-detail {
    margin-top:
      0 !important;

    padding-top:
      40px !important;
  }


  .se-page--integrazioni .si-detail-v1 {
    margin-top:
      0 !important;

    padding-top:
      40px !important;
  }


  .snx-industry-v1--processi
  .snx-industry-v1-head h2 {
    max-width:
      100%;

    font-size:
      clamp(34px, 8.7vw, 44px);

    line-height:
      1;
  }


  .snx-industry-v1--processi
  .snx-industry-v1-head h2
  > .snx-industry-v1-title-accent {
    display:
      inline;
  }

}



/* ==========================================================
   INDUSTRY NAVIGATOR V1.8 — SPACING + MOBILE NUMBERS
   - uniforma meglio la distanza tra divisoria e box successivo
   - colora i numerini mobile come nel desktop
   - nessuna modifica JS
   ========================================================== */


/* ----------------------------------------------------------
   SPACING PIÙ UNIFORME FRA SEZIONE INDUSTRY E BOX SOTTO
   ---------------------------------------------------------- */

@media (min-width: 901px) {

  .snx-industry-v1 {
    padding-bottom: 68px;
  }

  .se-page--processi .sp-detail,
  .se-page--integrazioni .si-detail-v1 {
    padding-top: 68px !important;
  }

}

@media (max-width: 900px) {

  .snx-industry-v1 {
    padding-bottom: 34px;
  }

  .se-page--processi .sp-detail,
  .se-page--integrazioni .si-detail-v1 {
    padding-top: 34px !important;
  }

}


/* ==========================================================
   INDUSTRY NAVIGATOR V2.0 — REAL ACCENT COLORS

   Ogni <article> possiede già:
   --snx-accent
   --snx-accent-2

   Mobile ora usa direttamente quei valori.
   Zero nth-child.
   Zero colori duplicati.
   ========================================================== */


/* ----------------------------------------------------------
   DESKTOP — NESSUNA DIVISORIA INDUSTRY
   ---------------------------------------------------------- */

@media (min-width: 901px) {

  .snx-industry-v1 {
    border-top:
      0 !important;

    border-bottom:
      0 !important;

    box-shadow:
      none !important;
  }


  .snx-industry-v1::before,
  .snx-industry-v1::after {
    content:
      none !important;

    display:
      none !important;
  }

}


/* ----------------------------------------------------------
   MOBILE — USA IL COLORE REALE DELLA CATEGORIA
   ---------------------------------------------------------- */

@media (max-width: 900px) {

  /*
   * NUMERO
   */
  .snx-industry-v1-item
  .snx-industry-v1-number {
    color:
      var(--snx-accent) !important;

    border-color:
      color-mix(
        in srgb,
        var(--snx-accent) 32%,
        #e6e1ed
      ) !important;

    background:
      color-mix(
        in srgb,
        var(--snx-accent) 8%,
        #ffffff
      ) !important;

    box-shadow:
      none !important;

    font-weight:
      800;
  }


  /*
   * NOME CATEGORIA
   */
  .snx-industry-v1-item
  .snx-industry-v1-trigger-label,

  .snx-industry-v1-item.is-active
  .snx-industry-v1-trigger-label {
    color:
      var(--snx-accent) !important;

    font-weight:
      700;
  }


  /*
   * FRECCIA
   * La classe reale è .snx-industry-v1-chevron.
   * Il ::before usa currentColor.
   */
  .snx-industry-v1-item
  .snx-industry-v1-chevron {
    color:
      var(--snx-accent) !important;

    opacity:
      .68;
  }

}