/*
 * FD AIdeas: fd-progetto-dettagli. Moved from Elementor Custom CSS on 2026-09-14, rules unchanged.
 * Selectors are the ones Elementor generated for each element, so specificity is the same as before.
 * Loaded by hello_elementor_child_fd_assets() in functions.php (group: progetto).
 */

/* fd-progetto-dettagli-panel (container, class: fd-progetto__panel), Elementor document 279 "FD Progetto (singolo)". selector = .elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel */
/* White panel with the Cosa facciamo dot grid fading from the lower-left corner. */
.elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel { position: relative; isolation: isolate; }
.elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: radial-gradient(rgb(13 115 119 / 0.30) 1px, transparent 1.4px);
  background-size: 24px 24px;
  background-position: 12px 12px;
  -webkit-mask-image: radial-gradient(ellipse 34% 36% at 0% 100%, #000 15%, transparent 100%);
  mask-image: radial-gradient(ellipse 34% 36% at 0% 100%, #000 15%, transparent 100%);
}
.elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel .fd-progetto__col-text p { margin: 0 0 1em; }
.elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel .fd-progetto__col-text p:last-child { margin-bottom: 0; }
/* Hairline between the two columns, centred in the gap. Only while they sit side by side. */
@media (min-width: 1025px) {
  .elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel .fd-progetto__col--soluzione { padding-left: 32px; margin-left: -32px; border-left: 1px solid var(--e-global-color-line); }
}
@media (max-width: 809px) {
  .elementor-279 .elementor-element.elementor-element-fd-progetto-dettagli-panel::before { background-size: 20px 20px; background-position: 10px 10px; -webkit-mask-image: radial-gradient(ellipse 55% 12% at 100% 0%, #000 10%, transparent 100%); mask-image: radial-gradient(ellipse 55% 12% at 100% 0%, #000 10%, transparent 100%); }
}