#opportunita .news-card .tag-service{background:#3f7d57!important;color:#fff!important}

/* Immagini fisse delle card "Opportunità e servizi in evidenza" */
#opportunita .news-card:nth-child(1)::before{background-image:url('assets/hero-iperammortamento.jpg')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(2)::before{background-image:url('assets/hero-voltura.jpg')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(3)::before{background-image:url('assets/cer-comunita.png')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(4)::before{background-image:url('assets/hero-ismea.jpg')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(5)::before{background-image:url('assets/hero-energy-gse.jpg')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(6)::before{background-image:url('assets/Card-progetto.webp')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(7)::before{background-image:url('assets/card-GT.jpg')!important;background-size:cover!important;background-position:center!important}
#opportunita .news-card:nth-child(8)::before{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=900&q=80')!important;background-size:cover!important;background-position:center!important}

/* Test Register 2026-07-10: testo hero più in alto, card visibili senza coprire le CTA. */
.hero{min-height:590px!important}
.hero-content{padding-top:clamp(22px,3.6vw,50px)!important;padding-bottom:136px!important}
.hero .eyebrow{margin-bottom:8px!important}
.hero h1{margin-bottom:14px!important}
.hero-copy{margin-bottom:16px!important}
.hero-actions{display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:nowrap!important;margin-top:10px!important;position:relative!important;z-index:6!important}
.hero-actions .button{white-space:nowrap!important}
.cards-grid{margin-top:-96px!important;gap:28px!important;position:relative!important;z-index:4!important}

@media(max-width:1180px) and (min-width:761px){
  .hero{min-height:580px!important}
  .hero-content{max-width:720px!important;padding-top:30px!important;padding-right:34px!important;padding-bottom:128px!important}
  .hero h1{font-size:clamp(2.45rem,4.3vw,4.35rem)!important}
  .hero-copy{font-size:1.03rem!important;line-height:1.58!important;max-width:500px!important}
  .hero-actions{gap:18px!important}
  .hero-actions .button{padding:12px 15px!important;font-size:.9rem!important;letter-spacing:-.01em!important}
  .cards-grid{margin-top:-92px!important;gap:26px!important}
}

@media(max-width:760px){
  .hero{min-height:590px!important}
  .hero-content{padding-top:30px!important;padding-bottom:120px!important}
  .hero h1{font-size:clamp(2.25rem,10vw,3.15rem)!important}
  .hero-copy{font-size:1rem!important;line-height:1.55!important}
  .hero-actions{flex-wrap:wrap!important;gap:12px!important;margin-top:8px!important}
  .hero-actions .button{white-space:normal!important}
  .cards-grid{margin-top:-62px!important;gap:16px!important}
  .cards-grid .service-card{min-height:0!important;padding-bottom:18px!important;border-radius:10px!important}
  .service-card-image{height:112px!important;margin-bottom:12px!important}
  .cards-grid .service-card h3{margin-top:0!important;margin-bottom:6px!important;font-size:1.42rem!important;line-height:1.08!important}
  .cards-grid .service-card p{font-size:.9rem!important;line-height:1.42!important;margin-bottom:0!important}
  .cards-grid .service-card h3,.cards-grid .service-card p{margin-left:18px!important;margin-right:18px!important}
  #opportunita .opportunity-controls{display:none!important}
  #opportunita .news-grid{margin-top:18px!important;gap:16px!important}
  #opportunita .news-card{min-height:0!important;flex-basis:auto!important;padding:18px!important;border-radius:10px!important}
  #opportunita .news-card::before{height:92px!important;margin:-18px -18px 14px!important}
  #opportunita .news-card h3{font-size:1.22rem!important;line-height:1.14!important;margin-bottom:8px!important}
  #opportunita .news-card p{font-size:.9rem!important;line-height:1.42!important;margin-bottom:10px!important}
  #opportunita .news-card .tag{margin-bottom:10px!important}
}