/* Schede servizi ricostruite dal mockup: immagini reali, contrasto e gerarchia invariati. */
.cards{gap:16px;padding-bottom:80px}
.service-card{height:405px;border-radius:11px;box-shadow:none;background:#082d49;isolation:isolate}
.service-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,35,59,.98) 0%,rgba(3,35,59,.89) 42%,rgba(3,35,59,.2) 100%)}
.card-image{z-index:0;background-position:center;background-size:cover;filter:none}
.duct-image{background-image:url("../images/FOTO%201.jpeg")}
.pest-image{background-image:url("../images/FOTO%202.png");background-position:68% center}
.card-copy{position:relative;z-index:2;height:100%;padding:31px 34px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.card-copy b{font-family:Barlow,Arial,sans-serif;font-size:35px;line-height:1.04;letter-spacing:-1.45px}
.card-copy small{max-width:285px;margin:13px 0 17px;font-size:15px;line-height:1.35}
.card-copy em{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.8}
.card-copy em::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:#EA541F;color:#fff;font-size:12px;font-weight:800;line-height:1;text-shadow:none}
.card-copy strong{margin-top:auto;padding:13px 20px;border-radius:7px;background:#EA541F;font-size:13px;text-shadow:none;transition:background .2s ease,transform .2s ease}
.service-card:hover .card-copy strong{background:#EA541F;transform:translateY(-2px)}

@media(max-width:800px){
  .cards{gap:18px;padding-bottom:48px}
  .service-card{height:390px}
}

@media(max-width:460px){
  .service-card{height:405px}
  .card-copy{padding:26px 24px}
  .card-copy b{font-size:31px}
  .card-copy small{font-size:14px}
}

/* Micro-interazioni: enfatizzano il servizio senza spostare il layout. */
.service-card::after,.service-card .card-image{transition:opacity .32s ease,transform .45s cubic-bezier(.22,1,.36,1)}.service-card:hover::after,.service-card:focus-visible::after{opacity:.82}.service-card:hover .card-image,.service-card:focus-visible .card-image{transform:scale(1.035)}.service-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

@media(prefers-reduced-motion:reduce){.service-card::after,.service-card .card-image{transition:none}.service-card:hover .card-image,.service-card:focus-visible .card-image{transform:none}}

/* Particelle leggere che si dissolvono nella card disinfestazioni. */
.service-card.pest::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 78%,rgba(255,255,255,.86) 0 2px,transparent 3px),radial-gradient(circle at 27% 58%,rgba(234,84,31,.9) 0 2px,transparent 3px),radial-gradient(circle at 46% 82%,rgba(255,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 63% 47%,rgba(234,84,31,.75) 0 2px,transparent 3px),radial-gradient(circle at 79% 68%,rgba(255,255,255,.8) 0 2px,transparent 3px);opacity:.18;transform:translate3d(-14px,14px,0);animation:pest-particles 7s ease-in-out infinite alternate}.service-card.pest .card-copy{z-index:3}@keyframes pest-particles{0%{opacity:.1;transform:translate3d(-14px,14px,0)}55%{opacity:.52}100%{opacity:.12;transform:translate3d(24px,-22px,0)}}
@media(prefers-reduced-motion:reduce){.service-card.pest::before{display:none}}