.service-landing .service-hero{overflow:hidden}
.landing-nav .brand{margin-right:auto}
.breadcrumb{display:inline-block;margin-bottom:30px;color:#c7dcf5;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.service-hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:64px;align-items:center;padding-top:62px;padding-bottom:62px}
.service-hero-copy h1{max-width:720px}
.service-hero-media{position:relative;min-height:520px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:#061f4c;box-shadow:0 30px 65px rgba(0,21,56,.38)}
.service-hero-media img{width:100%;height:520px;object-fit:cover}
.service-hero-media figcaption{position:absolute;right:18px;bottom:17px;left:18px;padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(3,27,66,.84);color:#fff;font-size:12px}
.hero-phone{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.signal-grid article{min-height:250px;padding:29px;border:1px solid var(--line);border-radius:12px;background:var(--pale)}
.signal-grid span{display:block;margin-bottom:44px;color:var(--blue);font:800 13px/1 'Manrope',Arial,sans-serif;letter-spacing:1.5px}
.signal-grid h3{margin-bottom:12px;font-size:22px;line-height:1.3}
.signal-grid p{margin:0;color:var(--muted)}
.landing-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.landing-photo-grid figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(8,45,104,.08)}
.landing-photo-grid img{width:100%;height:390px;object-fit:cover;background:#edf3f9}
.page-caca-vazamentos .landing-photo-grid img,.page-localizacao-de-infiltracoes .landing-photo-grid img,.page-hidrojateamento .service-hero-media img,.page-hidrojateamento .landing-photo-grid img{object-fit:contain;background:#061f4c}
.landing-photo-grid figcaption{padding:15px 17px;color:var(--muted);font-size:14px;font-weight:700}
.service-area{padding:78px 0;background:linear-gradient(125deg,#052a69,#0a4b99);color:#fff}
.service-area-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.service-area .eyebrow{color:#a5eaf0}
.service-area p{color:#d8e5f5;font-size:18px}
.service-area .button{margin-top:16px}
.other-services{padding-top:78px;padding-bottom:78px}
.other-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.other-service-grid a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:17px 20px;border:1px solid var(--line);border-radius:9px;background:var(--pale);font:800 16px/1.35 'Manrope',Arial,sans-serif;transition:border .2s,background .2s,transform .2s}
.other-service-grid a:hover{border-color:#7c9fc8;background:#fff;transform:translateY(-2px)}
.other-service-grid span{color:var(--blue);font-size:22px}

@media(max-width:900px){
  .service-hero-grid{grid-template-columns:1fr;gap:34px;padding-top:45px;padding-bottom:48px}
  .service-hero-media,.service-hero-media img{min-height:440px;height:440px}
  .signal-grid{grid-template-columns:1fr}
  .signal-grid article{min-height:0}
  .signal-grid span{margin-bottom:24px}
  .landing-photo-grid{grid-template-columns:1fr}
  .landing-photo-grid img{height:auto;max-height:560px;object-fit:contain}
  .service-area-grid{grid-template-columns:1fr;gap:18px}
}

@media(max-width:600px){
  .breadcrumb{margin-bottom:24px}
  .service-hero-media,.service-hero-media img{min-height:360px;height:360px}
  .service-hero-copy h1{font-size:40px}
  .other-service-grid{grid-template-columns:1fr}
}
