/* Shared related-project component; preserve compatibility with existing technology markup. */
@layer ulm-site-standard {
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases {
    display: grid !important; width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 19.2px !important; align-items: stretch !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card {
    display: flex !important; flex-direction: column !important;
    width: 100% !important; min-width: 0 !important; max-width: none !important;
    padding: 0 !important; gap: 0 !important; margin: 0 !important;
    background: #f4f4f4 !important; border: 0 !important;
    border-radius: var(--ulm-card-radius, 24px) !important;
    overflow: hidden !important; box-shadow: none !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card .elementor-widget-image,
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card .elementor-widget-heading {
    width: 100% !important; margin: 0 !important; padding: 0 !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card .elementor-widget-image a {
    display: block !important; width: 100% !important; line-height: 0 !important;
    aspect-ratio: 808 / 632;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card img {
    display: block !important; width: 100% !important; height: auto !important;
    max-height: none !important; aspect-ratio: 808 / 632 !important;
    object-fit: fill !important; padding: 0 !important; margin: 0 !important;
    border-radius: var(--ulm-card-radius, 24px) var(--ulm-card-radius, 24px) 0 0 !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card h3 {
    margin: 0 !important; padding: 16px 19.2px 19.2px !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card a {
    color: inherit !important; text-decoration: none !important;
  }
  /* Related-project tiles show the cover and title, not service descriptions or CTAs. */
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card .elementor-widget-text-editor,
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card .ulm-tech-card-action {
    display: none !important;
  }
  html[data-ulm-theme=dark] body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card {
    background: #1d1f2b !important; color: #f3f4f8 !important;
  }
  html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card:focus-within {
    box-shadow: 0 0 0 3px #0068ff, 0 12px 28px rgba(0,104,255,.28) !important;
  }
  @media (hover: hover) and (pointer: fine) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card:hover {
      transform: translateY(-5px) !important;
      box-shadow: 0 12px 28px rgba(0,104,255,.28) !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1024px) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases { gap: 24px !important; }
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card h3 {
      padding: 20px 24px 24px !important;
    }
  }
  @media (min-width: 600px) and (max-width: 767px) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 599px) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card { transition: none !important; }
    html body.page #Content :is(#technologia, .ulm-related-projects) .ulm-tech-home-cases .ulm-tech-project-card:hover { transform: none !important; }
  }
}