/* GO NET srl — Page Styles */

/* Home */
.home-page .hero-content h1{max-width:14ch}
.home-service-grid{display:grid;gap:var(--s-lg)}

.home-service-card{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  border:1px solid var(--border);background:var(--bg-3);box-shadow:var(--sh-card);
  min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.home-service-card:hover{transform:translateY(-6px);box-shadow:var(--sh-card-h);border-color:rgba(56,189,248,.15)}
.home-service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.home-service-card:hover img{transform:scale(1.06)}
.home-service-card-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(6,9,16,.92),rgba(6,9,16,.4) 45%,rgba(6,9,16,.1));
}
.home-service-card-body{position:relative;z-index:2;padding:1.75rem}
.home-service-card-body h3{color:#fff;margin-bottom:.5rem;font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700}
.home-service-card-body p{color:rgba(255,255,255,.65);margin-bottom:.85rem;font-size:var(--ts-sm);max-width:100%}
.home-service-card-body .text-link{color:var(--accent)}

/* Page hero simple */
.page-hero-simple{
  padding-top:calc(var(--hh) + var(--s-2x));padding-bottom:var(--s-2x);
  min-height:340px;display:flex;align-items:center;
  background:var(--bg);border-bottom:1px solid var(--border);
  position:relative;overflow:hidden;
}
.page-hero-simple .page-intro{max-width:760px;position:relative}
.page-hero-simple .page-intro h1{max-width:16ch;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.page-hero-simple .page-intro p{max-width:58ch;color:rgba(255,255,255,.8);text-shadow:0 1px 6px rgba(0,0,0,.4)}
.page-hero-simple .breadcrumb{max-width:760px;margin:0 auto var(--s-lg)}
.page-hero-simple .page-intro .eyebrow{margin-bottom:.9rem}
.page-hero-simple::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.25),rgba(129,140,248,.15),transparent);
  z-index:3;
}

/* Servizi overview */
.services-overview-grid{display:grid;gap:var(--s-lg)}
.services-overview-grid .service-card{display:flex;flex-direction:column;justify-content:space-between}
.services-overview-grid .service-card p{min-height:0;flex:1}

/* Pulizie */
.cleaning-service-grid{display:grid;gap:var(--s-2x)}
.cleaning-service-card{
  display:grid;grid-template-columns:1fr;gap:0;
  border:1px solid var(--border);border-radius:var(--r-xl);
  background:var(--g-glass);overflow:hidden;box-shadow:var(--sh-card);
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.cleaning-service-card:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h);transform:translateY(-3px)}
.cleaning-service-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .8s var(--ease)}
.cleaning-service-card:hover img{transform:scale(1.04)}
.cleaning-service-body{padding:2rem;display:flex;flex-direction:column;justify-content:center}
.cleaning-service-body h2,.cleaning-service-body h3{margin-bottom:.65rem}
.cleaning-service-body p+p,.cleaning-service-body ul{margin-top:.85rem}

/* Transfer */
.transfer-layout{display:grid;gap:var(--s-2x)}
.transfer-highlight{
  padding:2rem;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--g-glass);box-shadow:var(--sh-card);
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.transfer-highlight:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h);transform:translateY(-3px)}
.transfer-highlight h2,.transfer-highlight h3{margin-bottom:.65rem}
.transfer-highlight p+p,.transfer-highlight ul,.transfer-highlight .btn,.transfer-highlight .text-link{margin-top:.85rem}

/* Manutenzioni */
.maintenance-layout{display:grid;gap:var(--s-2x)}
.maintenance-box{
  padding:2rem;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--g-glass);box-shadow:var(--sh-card);
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.maintenance-box:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h);transform:translateY(-3px)}
.maintenance-box h2,.maintenance-box h3{margin-bottom:.65rem}
.maintenance-box p+p,.maintenance-box ul,.maintenance-box .btn,.maintenance-box .text-link{margin-top:.85rem}

/* Area operativa */
.area-layout{display:grid;gap:var(--s-2x)}
.area-panel{
  padding:2rem;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--g-glass);box-shadow:var(--sh-card);
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.area-panel:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h);transform:translateY(-3px)}
.area-panel h2,.area-panel h3{margin-bottom:.65rem}
.area-panel p+p,.area-panel ul,.area-panel .btn,.area-panel .text-link{margin-top:.85rem}

/* Contatti */
.contacts-layout{display:grid;gap:var(--s-2x)}
.contact-panel{
  padding:2.25rem;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--g-glass);box-shadow:var(--sh-card);
  transition:box-shadow var(--t-base),border-color var(--t-base);
}
.contact-panel:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h)}
.contact-panel h2,.contact-panel h3{margin-bottom:.85rem}
.contact-panel p+p,.contact-panel .btn,.contact-panel .text-link,.contact-panel .contact-list{margin-top:.85rem}

/* Chi siamo */
.about-layout{display:grid;gap:var(--s-2x)}
.about-panel{
  padding:2rem;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);
  background:var(--g-glass);box-shadow:var(--sh-card);
  transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);
}
.about-panel:hover{border-color:rgba(56,189,248,.12);box-shadow:var(--sh-card-h);transform:translateY(-3px)}
.about-panel h2,.about-panel h3{margin-bottom:.65rem}
.about-panel p+p,.about-panel ul,.about-panel .btn,.about-panel .text-link{margin-top:.85rem}

/* Overrides */
.cleaning-service-card,.transfer-highlight,.maintenance-box,.area-panel,.contact-panel,.about-panel{min-width:0}
.cleaning-service-card h2,.cleaning-service-card h3,.transfer-highlight h2,.transfer-highlight h3,
.maintenance-box h2,.maintenance-box h3,.area-panel h2,.area-panel h3,
.contact-panel h2,.contact-panel h3,.about-panel h2,.about-panel h3,
.cleaning-service-card p,.transfer-highlight p,.maintenance-box p,
.area-panel p,.contact-panel p,.about-panel p{max-width:100%}

/* Media containers — always visible */
.page-side-media,.page-top-media{
  overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--sh-card);
  background:var(--bg-3);border:1px solid var(--border);
  transition:box-shadow var(--t-base),border-color var(--t-base);
}
.page-side-media:hover,.page-top-media:hover{box-shadow:var(--sh-media);border-color:var(--border-h)}
.page-side-media img,.page-top-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .7s var(--ease)}
.page-top-media:hover img,.page-side-media:hover img{transform:scale(1.03)}

/* Utils */
.section-compact{padding-top:var(--s-2x);padding-bottom:var(--s-2x)}
.section-tight-top{padding-top:var(--s-lg)}
.section-tight-bottom{padding-bottom:var(--s-xl)}

@media(max-width:767px){
  .cleaning-service-body,.transfer-highlight,.maintenance-box,.area-panel,.contact-panel,.about-panel{padding:1.5rem}
  .home-service-card{min-height:300px;border-radius:var(--r-lg)}
  .home-service-card-body{padding:1.5rem}
  .home-service-card-body h3{font-size:1.4rem}
  .page-hero-simple,.page-hero{min-height:260px}
}