/* ═══ /contrato-manutencao-ar-condicionado ═══════════════════════════════════
   Folha própria da página do contrato de manutenção, nascida a 20-set-2026.

   Só tem uma coisa: a tabela «o que acontece sem manutenção». O resto da página
   corre no css/site.css e no css/ficha.css, porque o molde é o de uma ficha de
   serviço e não se inventou cor, raio, tipografia nem tempo de animação.

   Proveniência: as regras são as .sb-manut-* que saíram do css/sobre.css no mesmo
   dia em que a secção saiu da página Sobre, por já não caber lá. Mudou só o prefixo,
   para .ct-manut-*, porque a casa delas já não é a Sobre.

   Ficheiro NOVO, por isso nasce em ?v=1 e fica fora do scripts/css-versao.mjs, que
   só gere site, ficha, servicos, privacy e complementos. Quem o carrega é só esta
   página: um ?v= diferente por página parte o site, e este não é partilhado. ═══ */

/* ── A junta da secção da lei com o céu do fecho ────────────────────────────────
   20-set-2026, revisão dele a ver o ecrã: «Isto aqui está quase, está quase em cima
   do coiso.» O «coiso» é a linha onde o branco passa ao céu.

   Porque acontecia: a .fs-sec da ficha nasce com `padding:clamp(56px,8vh,96px) 24px 0`,
   ou seja padding-bottom ZERO, e o padding de baixo só volta pela regra
   `.fs-body .folha .fs-sec`, que esta página não apanha (o body é só `fs-body`, sem
   `folha`). Como o #lei é a última secção branca antes do fecho, o último elemento
   dela ficava encostado à transição: medido a 1280x593, 0 px entre o fundo do botão
   «Ver o que a lei obriga» e o topo da .sec-final. Ao telemóvel o botão não é o último
   (a caixa escura «Pedir o contrato» empilha por baixo), e era essa que encostava, também
   a 0 px.

   A cura é a MESMA que o css/ficha.css já usa na junta gémea, `#faq:has(+ .sec-final)`:
   devolver à última secção branca o respiro que a regra base lhe tirou. Copia-se o valor
   de lá em vez de inventar outro, para as duas juntas do site respirarem igual. O seletor
   leva o `:has(+ .sec-final)` pelo mesmo motivo que lá: se um dia o fecho mudar de sítio,
   o respiro vai com ele em vez de ficar pendurado. ── */
#lei:has(+ .sec-final){ padding-bottom:clamp(56px,7vh,88px); }

.ct-manut-cab{ max-width:60ch; }
.ct-manut-lede{
  margin:14px 0 0; color:var(--tinta-60);
  font-size:var(--t-lede); line-height:1.6; max-width:56ch;
}

.ct-manut-pares{ position:relative; margin:clamp(30px,3.6vw,46px) 0 0; }
.ct-manut-pares::before{
  content:''; position:absolute; top:0; bottom:0; left:50%;
  width:1px; background:var(--hairline);
}
.ct-manut-cabs{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4vw,70px); }
.ct-manut-tit{
  margin:0 0 clamp(16px,1.8vw,22px); font-size:var(--t-selo);
  letter-spacing:var(--ls-alta); text-transform:uppercase; color:var(--tinta-60);
}
.ct-manut-tit--efeito{ color:var(--quente); }
.ct-manut-lista{ margin:0; }
.ct-manut-par{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4vw,70px);
  padding:clamp(13px,1.5vw,17px) 0; border-top:1px solid var(--hairline);
}
.ct-manut-par:last-child{ border-bottom:1px solid var(--hairline); }
.ct-manut-causa,
.ct-manut-efeito{ margin:0; font-size:var(--t-corpo-lg); line-height:1.5; }
.ct-manut-causa{ color:var(--tinta-60); }
.ct-manut-efeito{ color:var(--tinta); font-weight:500; }
.ct-manut-ps{
  display:block; margin-top:clamp(8px,.9vw,11px);
  color:var(--quente); font-weight:600;
  letter-spacing:var(--ls-apertado);
}

@media (max-width:900px){
  /* a coluna da consequência deixa de existir e cada par empilha; o rótulo que estava
     em cima da coluna passa a nascer antes da consequência, par a par. */
  .ct-manut-pares::before{ display:none; }
  .ct-manut-cabs{ grid-template-columns:1fr; gap:0; }
  .ct-manut-cabs > :last-child{ display:none; }
  .ct-manut-par{ grid-template-columns:1fr; gap:9px; padding:clamp(16px,4vw,20px) 0; }
  .ct-manut-efeito::before{
    content:'Consequência'; display:block; margin-bottom:3px;
    font-size:var(--t-selo); font-weight:600; letter-spacing:var(--ls-alta);
    text-transform:uppercase; color:var(--quente);
  }
}