/* MARQ · páginas de serviço (anúncio e orgânico). Requer tokens.css e marq.css. Celular primeiro: telas curtas, sem menu lateral. */
.pagina-servico .tela{min-height:0;padding:96px var(--margem)}
@media (min-width:901px){.pagina-servico .tela:not(.abertura){padding:112px var(--margem)}}

/* capa com foto */
.pagina-servico .capa{min-height:86vh;align-content:end;padding-top:132px;padding-bottom:72px}
.capa__dentro{display:grid;gap:26px;justify-items:start}
.capa .tela-titulo{font-size:clamp(38px,5.4vw,78px);max-width:15ch}
.capa__texto{margin:0;max-width:560px;font-size:var(--t-corpo-grande);line-height:1.45;color:var(--cor-branco)}
.capa__acoes{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center}
.capa .pequeno{margin:0}
@media (max-width:900px){.pagina-servico .capa{min-height:78vh;padding-top:112px;padding-bottom:56px}}

/* lista "para quem é" */
.lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;border-top:1px solid var(--linha)}
.lista li{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--linha);font-size:18px;line-height:1.45}
.lista li::before{content:"";flex:none;width:10px;height:10px;margin-top:8px;background:var(--cor-ambar)}
@media (max-width:760px){.lista{grid-template-columns:1fr}.lista li{font-size:17px}}

/* 4 passos */
@media (min-width:901px){.passos--4{grid-template-columns:repeat(4,1fr)}}

/* fotos de obra */
.fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}
.fotos .obra,.fotos .obra:last-child{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
@media (max-width:560px){.fotos{grid-template-columns:1fr}}

/* prova: nota e depoimento */
.prova{display:grid;grid-template-columns:auto 1fr;gap:32px 56px;align-items:start;margin-top:48px;padding-top:32px;border-top:1px solid var(--linha)}
.prova blockquote{margin:0 0 10px;font-size:19px;line-height:1.5}
.prova figure{margin:0}
.prova figcaption{font-size:13px;color:var(--cor-cimento)}
@media (max-width:760px){.prova{grid-template-columns:1fr}}

/* chamada final */
.chamada{display:grid;gap:28px;justify-items:start}
.chamada .tela-titulo{max-width:760px}
.chamada .texto{max-width:600px}

.rodape .legal-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.rodape .legal-links a{display:inline;margin:0}