/* 27/10/2026: pagine generiche dei servizi e testata della home (Felice: foto di sfondo nella testata, paragrafi in schede
   con le foto, tasti per chiamare, loghi delle marche anche dal telefono). Collegato solo da queste pagine. */

/* testata con la foto dietro al titolo */
.acv-testata-foto{position:absolute;inset:0;margin:0}
.acv-testata-foto picture{display:block;width:100%;height:100%}
.acv-testata-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.service-hero .hero-overlay,#hero .hero-gradient{background:linear-gradient(180deg,rgb(11 21 38 / .78) 0%,rgb(11 21 38 / .86) 100%)!important}
@media (min-width:1024px){
  .service-hero .hero-overlay,#hero .hero-gradient{background:linear-gradient(90deg,rgb(11 21 38 / .92) 0%,rgb(11 21 38 / .76) 48%,rgb(11 21 38 / .22) 100%)!important}
}

/* home: niente spazio vuoto sopra il titolo */
#hero.hero,.hero.service-hero{min-height:0;align-items:flex-start;padding:1.5rem 0 2.5rem}
#hero .hero-content,.service-hero .hero-content{padding-top:0}
@media (max-width:767px){
  #hero .acv-testata-foto img,.service-hero .acv-testata-foto img{object-position:80% 50%}
  .service-hero .hero-overlay,#hero .hero-gradient{background:linear-gradient(180deg,rgb(11 21 38 / .62) 0%,rgb(11 21 38 / .80) 100%)!important}
}
@media (min-width:768px){
  #hero.hero,.hero.service-hero{min-height:520px;align-items:center;padding:3.5rem 0}
  #hero .hero-content,.service-hero .hero-content{padding-top:3rem}
}

/* testo del servizio in schede */
.service-content-section{background:#f3f6fa}
.service-main .entry-content>.acv-blocco{background:#fff;border:1px solid #dde5ef;border-radius:17px;box-shadow:0 8px 30px rgb(30 58 95 / .06);padding:24px;margin:0 0 24px;overflow:hidden}
.service-main .acv-blocco>.acv-blocco-foto{margin:-24px -24px 22px;max-width:none!important;width:auto!important}
.service-main .acv-blocco>h2+.acv-blocco-foto{margin:0 -24px 22px}
.acv-blocco-foto img{display:block;width:100%!important;max-width:100%!important;height:auto;margin:0!important;border-radius:0;background:#1e293b}
.acv-blocco-foto .acv-didascalia{font-size:13px;line-height:1.5;color:#64748b;padding:10px 24px 0;margin:0}
.service-main .acv-blocco>h2:first-child,.service-main .acv-blocco>h3:first-of-type{margin-top:0}
.service-main .acv-blocco>:last-child{margin-bottom:0}
.service-main .acv-blocco h3{color:#133357}
.acv-cta-blocco{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:4px 0 28px}
.acv-cta-blocco .btn{flex:1 1 220px;max-width:320px}
.acv-cta-blocco a{text-decoration:none!important}
@media (max-width:767px){
  .service-main .entry-content>.acv-blocco{padding:18px;border-radius:14px}
  .service-main .acv-blocco>.acv-blocco-foto{margin:-18px -18px 18px}
  .service-main .acv-blocco>h2+.acv-blocco-foto{margin:0 -18px 18px}
  .acv-blocco-foto .acv-didascalia{padding:8px 18px 0}
  .acv-cta-blocco .btn{max-width:none}
}

/* telefono: servizi e loghi delle marche (la colonna laterale) sotto il testo, prima erano nascosti */
@media (max-width:1023px){
  .service-sidebar{display:flex!important;flex-direction:column;gap:24px;margin-top:8px}
}
/* la griglia dei loghi resta dentro il suo riquadro (prima tre colonne da 118 px in 270 px uscivano a destra) */
.service-sidebar .brands-grid-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.service-sidebar .brands-grid-sidebar .brand-card{min-width:0}
.service-sidebar .brands-grid-sidebar .brand-logo img{max-width:100%;height:auto}

/* 27/10/2026 03:50: le altre pagine generiche (servizi, contatti, chi siamo, zone, l'impresa) */
/* testata: velo più leggero, perché la foto si veda anche al telefono */
.acv-hero-generica .hero-overlay{background:linear-gradient(180deg,rgb(11 21 38 / .50) 0%,rgb(11 21 38 / .74) 100%)!important}
.acv-hero-generica .hero-title,.acv-hero-generica .hero-subtitle,.acv-hero-generica .hero-trust-item{text-shadow:0 1px 3px rgb(0 0 0 / .55)}
@media (min-width:1024px){
  .acv-hero-generica .hero-overlay{background:linear-gradient(90deg,rgb(11 21 38 / .90) 0%,rgb(11 21 38 / .66) 48%,rgb(11 21 38 / .10) 100%)!important}
}
/* negli elenchi delle schede solo la spunta rossa, senza il pallino (prima c'erano tutti e due) */
.service-main .entry-content .acv-blocco li{list-style:none!important}
/* chi siamo: la frase in fondo alla prima scheda e le voci con la spunta */
.service-main .acv-blocco>h3.acv-motto{margin:18px 0 0!important;color:#e30713;font-size:1.15rem}
.service-main .entry-content ul.acv-spunte-lista{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:10px}
.service-main .entry-content ul.acv-spunte-lista li{position:relative;padding-left:32px!important;line-height:1.5;margin:0!important}
.service-main .entry-content ul.acv-spunte-lista li::before{content:""!important;position:absolute;left:0;top:.15em;width:21px;height:21px;border-radius:50%;background:#e30713 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat}
@media (min-width:768px){.service-main .entry-content ul.acv-spunte-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
/* telefono: i loghi della colonna laterale più grandi (prima alti 28 px in caselle quadrate) */
@media (max-width:1023px){
  .service-sidebar .brands-grid-sidebar .brand-card{aspect-ratio:3/2}
  .service-sidebar .brands-grid-sidebar .brand-logo img{max-height:46px;max-width:92%}
}

/* servizi e zone: fondo grigio chiaro come le pagine servizi */
.services-archive-section,.zones-archive-section{background:#f3f6fa!important}
.services-archive-section .acv-cta-blocco,.zones-archive-section .acv-cta-blocco{margin:28px 0 0}
.services-archive-section .service-card figure.acv-servizio-foto-larga img{object-fit:cover!important}

/* zone: i comuni dentro una scheda con la foto, due per riga al telefono */
.zones-archive-section .acv-zone-scheda{background:#fff;border:1px solid #dde5ef;border-radius:17px;box-shadow:0 8px 30px rgb(30 58 95 / .06);padding:24px;overflow:hidden}
.acv-zone-scheda>.acv-blocco-foto{margin:-24px -24px 22px}
.acv-zone-scheda .zones-grid-large{padding:0!important}
@media (max-width:767px){
  .zones-archive-section .acv-zone-scheda{padding:14px;border-radius:14px}
  .acv-zone-scheda>.acv-blocco-foto{margin:-14px -14px 14px}
  .acv-zone-scheda>.acv-blocco-foto .acv-didascalia{padding:8px 14px 0}
  .acv-zone-scheda .zones-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .acv-zone-scheda .zone-card{padding:9px 8px!important;gap:6px;border-width:1px;border-radius:12px;min-width:0}
  .acv-zone-scheda .zone-icon{width:24px;height:24px;border-radius:7px}
  .acv-zone-scheda .zone-icon svg{width:14px;height:14px}
  .acv-zone-scheda .zone-arrow{display:none}
  .acv-zone-scheda .zone-name{font-size:12.5px!important;line-height:1.3;min-width:0;hyphens:manual}
}

/* 27/10/2026 05:10: la pagina FAQ, le domande nei tre gruppi numerati, ognuno nella sua scheda */
.acv-faq-numero{display:inline-flex;align-items:center;justify-content:center;min-width:2.1em;height:2.1em;margin-right:.5em;padding:0 .35em;border-radius:10px;background:#e30713;color:#fff;font-size:.78em;line-height:1;vertical-align:.12em}
.service-main .acv-blocco .faq-list{max-width:none;margin:0}
.service-main .acv-blocco .faq-item{margin:0 0 12px}
.service-main .acv-blocco .faq-item:last-child{margin-bottom:0;border-bottom:1px solid #dbe3ed}
.service-main .acv-blocco h3.faq-question{margin:0!important;padding:0;font-size:inherit;color:inherit}
.service-main .acv-blocco .faq-answer p{margin:0 0 .6em;font-size:15px;line-height:1.7}
.service-main .acv-blocco .faq-answer a{color:#c5000b;text-decoration:underline}

/* i loghi delle marche, come nella home */
.general-brands.acv-loghi{background:#fff;padding:58px 0}
.acv-loghi h2{font-size:29px;max-width:1000px;margin:0 auto 19px;text-align:center}
.acv-loghi .brand-help{max-width:900px;margin:0 auto 28px;text-align:center}
.acv-loghi .brand-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0}
.acv-loghi .brand-logo-card{margin:0;border:1px solid #dbe4ef;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #1e3a5f06;transition:box-shadow .2s,border-color .2s}
.acv-loghi .brand-logo-card:hover{border-color:#e30713;box-shadow:0 12px 30px #1e3a5f15}
.acv-loghi .brand-logo-card a{display:flex;min-height:172px;align-items:center;justify-content:center;flex-direction:column;padding:25px 16px 18px;text-decoration:none;color:#17375b}
.acv-loghi .brand-logo-card img{width:190px;height:85px;object-fit:contain;max-width:100%;margin:auto}
.acv-loghi .brand-logo-card figcaption{font-size:13px;font-weight:500;line-height:1.7;text-align:center;padding:14px 0 0}
@media (max-width:850px){.acv-loghi .brand-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){
  .general-brands.acv-loghi{padding:40px 0}
  .acv-loghi h2{font-size:24px}
  .acv-loghi .brand-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .acv-loghi .brand-logo-card a{min-height:144px;padding:18px 10px 14px}
  .acv-loghi .brand-logo-card img{height:65px}
  .acv-loghi .brand-logo-card figcaption{font-size:11px}
}
