/*
 * FD AIdeas: fd-progetto-cta. 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-cta-panel (container, class: fd-progetto__cta-panel fd-focus-dark), Elementor document 279 "FD Progetto (singolo)". selector = .elementor-279 .elementor-element.elementor-element-fd-progetto-cta-panel */
/* Dark panel like Contatti: static petrolio glows over carbone, faint dot grid, ripples pattern in the top-left corner. No animation. */
.elementor-279 .elementor-element.elementor-element-fd-progetto-cta-panel {
  position: relative;
  isolation: isolate;
  background-image:
    radial-gradient(55% 65% at 12% 18%, rgb(13 115 119 / 0.6), transparent 70%),
    radial-gradient(40% 50% at 82% 70%, rgb(13 115 119 / 0.55), transparent 70%),
    radial-gradient(rgb(255 255 255 / 0.045) 1px, transparent 1.2px);
  background-size: auto, auto, 22px 22px;
}
.elementor-279 .elementor-element.elementor-element-fd-progetto-cta-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: url("https://workingfor.fdaideas.com/wp-content/uploads/2026/09/fd-pattern-ripples.svg");
  background-repeat: no-repeat;
  background-size: 1400px 1400px;
  background-position: -540px -560px;
  opacity: 0.09;
  -webkit-mask-image: radial-gradient(circle at 12% 12%, #000 0%, transparent 75%);
  mask-image: radial-gradient(circle at 12% 12%, #000 0%, transparent 75%);
}
.elementor-279 .elementor-element.elementor-element-fd-progetto-cta-panel .fd-progetto__cta-title .elementor-heading-title { text-wrap: balance; }
@media (max-width: 809px) {
  .elementor-279 .elementor-element.elementor-element-fd-progetto-cta-panel::before { background-size: 900px 900px; background-position: -380px -360px; opacity: 0.08; }
}