div#ciardelli-citazione .wpb_column {
  min-height: 385px;
}

a {
  color: var(--verde1);
}

.has-linkedin,
#team {
  .linkedin {
    position: absolute;
    right: 0;
    bottom: 25px;
    font-size: 20px;

    i {
      color: var(--verde1);
    }
  }
}

.has-linkedin .wpb_wrapper {
  min-height: 120px;
}

#box-uguali {
  .flex-column {
    .vc_column-inner {
      min-height: 300px;
    }

    img{
      min-width: 100px;
      max-width: 100px;
    }
  }
}

#team {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 500px;
  gap: 40px;

  & > div {
    position: relative;

    @media (max-width: 768px) {
      margin-bottom: 20px;
    }
  }

  & > div:last-child {
    grid-column: 2 / span 2; /* occupa le ultime 2 colonne */
    grid-template-columns: 1fr;
    display: grid;
  }

  @media (max-width: 932px) {
    grid-template-columns: 1fr 1fr;

    & > div:last-child {
      grid-column: 1 / span 2;
    }
  }

  @media (max-width: 768px) {
    display: block;
  }

  .figure {
    position: absolute;
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;

    &::before {
      content: "";
      position: absolute;
      background-position: top;
      background-size: cover;
      width: 100%;
      height: 100%;
      transition: all 0.3s ease-in-out;
    }

    .testo {
      text-align: justify;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 1rem;
      color: #fff;
      transition: opacity 0.3s ease-in-out;
    }
  }

  :not(#gruppo) .figure:hover {
    &::before {
      position: absolute;
      content: "";
      filter: blur(10px);
      transform: scale(1.1);
      background-blend-mode: multiply;
      background-color: var(--blu1);
    }
    .testo {
      opacity: 1;
    }
  }

  .titolo {
    margin-top: 20px;
    .nome {
      font-weight: bold;
    }
    .sub {
      font-style: italic;
    }
  }
}

#ciardelli .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Francesco-Ciardelli.webp");
}
#pancani .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Aleandro-Pancani.webp");
}
#bruni .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Cosimo-Bruni.webp");
}
#bianchi .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Sabrina-Bianchi.webp");
}
#pinna .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Michele-Pinna.webp");
}
#minei .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Piepaolo-Minei.webp");
}
#bartoli .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Fulvia-Bartoli.webp");
}
#filidei .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Daniele-Filiddei.webp");
}
#bosco .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Simonetta-Bosco.webp");
}
#barsacchi .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-Marco-Barsacchi.webp");
}
#gruppo .figure::before {
  background-image: url("https://www.spinpet.it/wp-content/uploads/2025/09/Team-foto-gruppo.webp");
}

div#lab-pano {
  min-height: 500px;
}

@media (min-width: 768px) {
  div#scientific-board {
    max-width: 800px;
    margin: auto;
  }
}

#griglia-settori {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 400px;

  @media (max-width: 768px) {
    display: block;
  }

  /*  & .settore:first-child {
    background-image: url(https://www.spinpet.it/wp-content/uploads/2025/09/Operatore-macchinario-1.webp);
    background-size: cover;
  } */

  & .settore:nth-child(odd) {
    background-color: var(--blu1);
  }

  & .settore:nth-child(even) {
    background-color: var(--verde1);
  }

  .settore {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 30px;

    @media (max-width: 768px) {
      min-height: 400px;
    }
  }

  .settore-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .icon {
      width: 100px;
    }

    h4 {
      color: #fff;
    }

    .testo {
      opacity: 0;
      height: 0;
      transition: all 0.4s ease-in-out;
      color: #fff;
    }

    &:hover {
      .icon {
        display: none;
      }
      .testo {
        opacity: 1 !important;
        height: auto !important;
      }
    }
  }
}

#i-nostri-brevetti {
  .vc_column-inner {
    max-width: 600px;
    margin: auto;

    & > .wpb_wrapper {
      background: #133b5b9c;
      color: #fff;
      padding: 16px 30px;
    }
  }
}

#collaborazioni-img-container .vc_column-inner > .wpb_wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  justify-content: center;

  @media (max-width: 768px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

#clienti-grid {
  background-color: #f5f5f5;
  max-width: 1000px;
  margin: auto;
}