*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}

:root{
  --blue-dark:#1F2A44;   /* azul principal (logo) */
  --blue-light:#18B7D6;  /* ciano (logo) */
  --pink:#E6007E;        /* magenta (logo) */
  --text:#222;
  --muted:#666;
  --bg-light:#f4f4f4;

  --border:#e6e6e6;
  --shadow:0 6px 16px rgba(0,0,0,.08);
}

body{color:var(--text);background:#fff}
.container{width:90%;max-width:1200px;margin:0 auto}

/* ============ HEADER TOP (branco) ============ */
.header-top{
  background:#fff;
  border-bottom:1px solid #eee;
  padding:4px 0;
}
.header-top__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.brand{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.brand__logo{
  height:150px;
  width:auto;
  display:block;
}

/* Se você REMOVEU a tagline do HTML, pode deixar isso aqui sem uso */
.brand__tag{
  display:inline-block;
  background:var(--pink);
  color:#fff;
  font-weight:800;
  font-size:12px;
  padding:6px 10px;
  max-width:max-content;
}

.header-contacts{
  display:flex;
  align-items:center;
  gap:34px;
  flex-wrap:wrap;
}
.contact{
  display:flex;
  align-items:center;
  gap:10px;
}
.contact__icon{
  width:46px;
  height:46px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.icon-svg{
  width:22px;
  height:22px;
  display:block;
}

/* WhatsApp */
.contact__icon--wa{
  background:rgba(37,211,102,.16);
}
.contact__icon--wa .icon-svg{
  fill:#25D366;
}

/* Telefone urgente */
.contact__icon--call{
  background:rgba(225,6,0,.10);
}
.contact__icon--call .icon-svg{
  fill:#e10600;
}
.contact__icon--wa{background:rgba(24,183,214,.12)}
.contact__icon--call{background:rgba(230,0,126,.10)}
.contact__label{
  display:block;
  font-size:12px;
  color:#777;
  font-weight:800;
  letter-spacing:.2px;
}
.contact__value{
  display:block;
  font-size:20px;
  color:#222;
}
.contact--urgent .contact__value{color:var(--pink)}

/* ============ NAV (azul) ============ */
.nav{
  background:var(--blue-dark);
}
.nav__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.nav__menu{
  list-style:none;
  display:flex;
  gap:28px;
  flex-wrap:wrap;
}
.nav__menu a{
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  padding:18px 0;
  display:inline-block;
  opacity:.95;
  position:relative;
}

.nav__menu a:hover{
  text-decoration:none;
  color:#fff;
  opacity:1;
}
.nav__cta{
  background:var(--pink);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  padding:16px 30px;
  display:inline-block;
  transition:transform .12s ease, filter .12s ease;
}
.nav__cta:hover{
  filter:brightness(.95);
  transform:translateY(-1px);
}

/* ============ HERO ============ */
.hero{
  position:relative;
  min-height:320px;
  background:
    linear-gradient(rgba(31,42,68,.65), rgba(31,42,68,.65)),
    url("img/hero-desentupimento.png")
    center/cover no-repeat;
}
.hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(31,42,68,.68); /* overlay puxando pro azul do logo */
}
.hero__content{
  position:relative;
  padding:70px 0;
  color:#fff;
}
.hero__content h1{
  font-size:34px;
  margin-bottom:12px;
}
.hero__bullets{
  list-style:none;
  display:grid;
  gap:8px;
  max-width:700px;
}
.hero__bullets li{font-size:15px}

/* ============ STRIPE ============ */
.stripe{
  background:#fff;
  padding:26px 0;
}
.stripe__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.stripe__box{
  border:1px solid var(--border);
  padding:18px;
  text-align:center;
  background:#fff;
  border-top:4px solid var(--blue-light);
}

.stripe__title{font-size:15px;margin-bottom:6px}
.stripe__subtitle{color:var(--muted);font-size:14px}
.stripe__btn{
  margin-top:12px;
  display:inline-block;
  background:var(--pink);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  padding:10px 14px;
  transition:transform .12s ease, filter .12s ease;
}
.stripe__btn:hover{
  filter:brightness(.95);
  transform:translateY(-1px);
}

/* ============ SERVICES ============ */
.services{
  background:var(--bg-light);
  padding:60px 0;
}
.section-title{
  text-align:center;
  font-size:26px;
  margin-bottom:34px;
  color:var(--blue-dark);
}
.section-title::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  background:var(--blue-light);
  margin:14px auto 0;
  border-radius:4px;
}

.services__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.service-card{
  background:#fff;
  border:1px solid #eaeaea;
  text-align:center;
  padding-bottom:18px;
}
.service-card__media{
  width:100%;
  height:180px;
  overflow:hidden;
}
.service-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.service-card h3{
  margin:14px 0 6px;
  font-size:15px;
  color:var(--blue-dark);
  letter-spacing:.4px;
}
.service-card p{
  font-size:14px;
  color:#555;
  margin-bottom:10px;
}
.service-card__btn{
  display:inline-block;
  background:var(--pink);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  padding:10px 16px;
  transition:transform .12s ease, filter .12s ease;
}
.service-card__btn:hover{
  filter:brightness(.95);
  transform:translateY(-1px);
}

/* ============ ABOUT (formato print) ============ */
.about{padding:70px 0}
.about__grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:40px;
  align-items:start;
}
.about__title{
  font-size:34px;
  color:var(--blue-dark);
  line-height:1.1;
}
.about__line{
  display:block;
  width:52px;
  height:3px;
  background:var(--blue-light); /* ciano do logo */
  margin:16px 0 26px;
}
.about__col p{
  font-size:15px;
  line-height:1.8;
  color:#444;
  margin-bottom:14px;
}

.about__img{
  width:100%;
  height:200px;
  overflow:hidden;
  border:1px solid #eee;
  background:#fff;
}
.about__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.about__subtitle{
  font-size:18px;
  color:var(--blue-dark);
  margin:14px 0 10px;
}
.check{
  list-style:none;
  display:grid;
  gap:10px;
  margin-top:10px;
}
.check li{
  font-size:15px;
  color:#333;
}

/* BOTÃO / LINK (institucional) */
.btn-red{
  display:inline-block;
  margin-top:18px;
  background:var(--pink);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  padding:14px 22px;
  transition:transform .12s ease, filter .12s ease;
}
.btn-red:hover{
  filter:brightness(.95);
  transform:translateY(-1px);
}

.link-red{
  display:inline-block;
  margin-top:14px;
  color:var(--pink);
  text-decoration:none;
  font-weight:900;
}
.link-red:hover{text-decoration:underline}

/* ============ FOOTER ============ */
.footer{
  background:var(--blue-dark);
  color:#fff;
  padding:50px 0 0;
}
.footer__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}
.footer h3,.footer h4{
  font-size:18px;
  font-weight:900;
  margin-bottom:14px;
}
.footer p,.footer li{
  font-size:14px;
  line-height:1.7;
  color:#e0e0e0;
}
.footer ul{list-style:none}
.footer li{margin-bottom:6px}
.footer__copy{
  background:#141c30; /* tom mais escuro do azul */
  text-align:center;
  padding:12px;
  margin-top:40px;
  font-size:13px;
  color:#ccc;
}

/* ============ RESPONSIVO ============ */
@media (max-width: 600px){
  .header-top__inner{flex-direction:column;align-items:flex-start}
  .header-contacts{gap:18px}
  .nav__inner{flex-direction:column;align-items:flex-start}
  .stripe__grid{grid-template-columns:1fr}
  .services__grid{grid-template-columns:1fr}
  .about__grid{grid-template-columns:1fr}
  .brand__logo{height:100px}
}


/* ============ EMPRESA (página) ============ */
.hero--empresa{
  min-height:260px;
  background:
    linear-gradient(rgba(31,42,68,.70), rgba(31,42,68,.70)),
    url("img/hero-desentupimento.png") center/cover no-repeat;
}

.empresa{
  padding:70px 0;
  background:#fff;
}

.empresa__grid-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  margin-bottom:38px;
}

.empresa__grid-bottom{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:start;
}

.empresa__box{
  min-width:0;
}

.empresa__box h2{
  color:var(--blue-dark);
  font-size:26px;
  margin-bottom:14px;
}

.empresa__box h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  background:var(--blue-light); /* cor clara do logo */
  border-radius:4px;
  margin-top:12px;
}

.empresa__box p{
  color:#444;
  font-size:15px;
  line-height:1.85;
  margin-bottom:12px;
}

.empresa__muted{color:var(--muted)}

.empresa__media{
  border:1px solid #eaeaea;
  background:#fff;
  overflow:hidden;
}

.empresa__media img{
  width:100%;
  height:360px;          /* evita imagem gigante */
  object-fit:cover;
  display:block;
}

.empresa__list{
  margin:14px 0 18px;
  padding-left:18px;
}

.empresa__list li{
  margin:8px 0;
  color:#333;
  line-height:1.5;
}

@media (max-width: 980px){
  .empresa__grid-top{grid-template-columns:1fr;gap:24px}
  .empresa__grid-bottom{grid-template-columns:1fr;gap:24px}
  .empresa__media img{height:260px}
}


/* ============ SERVIÇOS (página) ============ */
.hero--servicos{
  min-height:260px;
  background:
    linear-gradient(rgba(31,42,68,.72), rgba(31,42,68,.72)),
    url("img/hero-desentupimento.png") center/cover no-repeat;
}

.servicos-page{
  padding:70px 0;
  background:#fff;
}

.servicos-page__grid-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  margin-bottom:38px;
}

.servicos-page__grid-bottom{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:start;
}

.servicos-page__box{
  min-width:0;
}

.servicos-page__box h2{
  color:var(--blue-dark);
  font-size:26px;
  margin-bottom:14px;
}

.servicos-page__box h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  background:var(--blue-light); /* cor clara do logo */
  border-radius:4px;
  margin-top:12px;
}

.servicos-page__box p{
  color:#444;
  font-size:15px;
  line-height:1.85;
  margin-bottom:12px;
}

.servicos-page__media{
  border:1px solid #eaeaea;
  background:#fff;
  overflow:hidden;
}

.servicos-page__media img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.servicos-page__list{
  margin-top:10px;
  display:grid;
  gap:14px;
}

.servicos-page__item{
  padding:14px 14px;
  border:1px solid #eee;
  border-left:4px solid var(--blue-light);
  background:#fff;
}

.servicos-page__item h3{
  color:var(--blue-dark);
  font-size:16px;
  margin-bottom:6px;
}

.servicos-page__item p{
  margin:0;
  color:#444;
  font-size:14.5px;
  line-height:1.75;
}

.servicos-page__cta{
  margin-top:18px;
  display:inline-block;
}

@media (max-width: 980px){
  .servicos-page__grid-top{grid-template-columns:1fr;gap:24px}
  .servicos-page__grid-bottom{grid-template-columns:1fr;gap:24px}
  .servicos-page__media img{height:260px}
}

/* detalhe ciano no hover do menu (cor clara do logo) */
.nav__menu a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  height:2px;
  background:transparent;
  transform:scaleX(0);
  transition:transform .15s ease, background .15s ease;
}
.nav__menu a:hover::after{
  background:var(--blue-light);
  transform:scaleX(1);
}


/* ============ CONTATO (página) ============ */
.hero--contato{
  min-height:260px;
  background:
    linear-gradient(rgba(31,42,68,.72), rgba(31,42,68,.72)),
    url("img/hero-desentupimento.png") center/cover no-repeat;
}

.contato{
  padding:70px 0;
  background:#fff;
}

.contato__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:start;
}

.contato__info h2{
  color:var(--blue-dark);
  font-size:30px;
  margin-bottom:12px;
}
.contato__info h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  background:var(--blue-light);
  border-radius:4px;
  margin-top:12px;
}
.contato__info p{
  color:#444;
  font-size:15px;
  line-height:1.85;
  margin-bottom:18px;
}

.contato__cards{
  display:grid;
  gap:14px;
}

.contato-card{
  border:1px solid #eee;
  border-left:4px solid var(--blue-light);
  padding:16px;
  background:#fff;
}
.contato-card h3{
  color:var(--blue-dark);
  font-size:16px;
  margin-bottom:6px;
}
.contato-card p{
  margin:0 0 12px;
  color:#444;
  font-size:14.5px;
  line-height:1.7;
}
.contato-card__small{
  margin-top:10px;
  color:var(--muted);
  font-size:19px;
}

.btn-outline{
  display:inline-block;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  padding:10px 16px;
  border-radius:4px;
  border:2px solid var(--blue-light);
  color:var(--blue-dark);
  background:#fff;
}
.btn-outline:hover{
  background:rgba(24,183,214,.10);
}

.link-map{
  display:inline-block;
  margin-top:6px;
  color:var(--pink);
  font-weight:800;
  text-decoration:none;
}
.link-map:hover{
  text-decoration:underline;
}

.map-frame{
  border:1px solid #eaeaea;
  overflow:hidden;
  background:#fff;
}
.map-frame iframe{
  width:100%;
  height:420px;
  border:0;
  display:block;
}
.contato__obs{
  margin-top:12px;
  color:#444;
  font-size:14px;
}

@media (max-width: 980px){
  .contato__grid{grid-template-columns:1fr;gap:24px}
  .map-frame iframe{height:320px}
}
.brand a{
  display:inline-block;
}
.brand a:hover{
  opacity:0.95;
}