/* ------------------------------------------------------------------
   Ripristino statico di cio che su Squarespace disegnava il JavaScript.
   ------------------------------------------------------------------ */

/* Blocco "shape": il rettangolo arrotondato veniva disegnato calcolando a runtime
   l'attributo "d" del <path> SVG. Senza il JS di Squarespace il path resta vuoto.
   Qui la stessa forma e resa in CSS: raggio 16px e colore presi dagli stessi valori
   che usava l'originale (data-border-*-radius="16" e --shape-block-background-color,
   sul sito live rgb(240,240,238)). */
.sqs-shape-block-container[data-shape-name="rectangle"] {
  background-color: var(--shape-block-background-color, rgb(240, 240, 238));
  border-radius: 16px;
}

/* "Background Art" della sezione del form di lavora-con-noi: era un <canvas>
   disegnato da JS. Qui e l'immagine catturata dal sito live. Il risultato sul live
   e deterministico (tre caricamenti a confronto: 0 pixel di differenza). */
section[data-section-id="6958172a04ebbe394c9c3b1b"] .section-background {
  background-image: url(../img/sfondo-lavora-con-noi-mobile.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  section[data-section-id="6958172a04ebbe394c9c3b1b"] .section-background {
    background-image: url(../img/sfondo-lavora-con-noi-tablet.png);
  }
}
@media (min-width: 1200px) {
  section[data-section-id="6958172a04ebbe394c9c3b1b"] .section-background {
    background-image: url(../img/sfondo-lavora-con-noi-desktop.png);
  }
}