/*
  /produtos/condominios no visual v5. Não tem artboard próprio no Paper: a
  referência é a S01 (LP Síndicos), cujo CSS (condo-lp.css) também é
  carregado aqui. Este arquivo só tem o que esta página faz diferente —
  hero com foto, faixa de 2 números + 3 garantias, seções de texto + janela
  do painel desenhada em HTML, cartões de serviço e a palavra "De graça" no
  cartão de preço. Classes p5-lpc__*; nada aqui mexe nas outras 3 LPs.

  Corte: abaixo de 900px é o celular (1 coluna, gutter 16px).
*/
.p5-lpc { --p5l-zinc-400: #A1A1AA; --p5l-dk: #141416; --p5l-dk-line: #3F3F46; }

/* ---------- Hero ---------- */
.p5-lpc__hero {
  background: var(--color-teal-50);
  border-bottom: 2.5px solid var(--color-ink);
  padding-block: 72px 88px;
}
.p5-lpc__hero-in { display: flex; align-items: center; gap: 64px; }
.p5-lpc__hero-txt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.p5-lpc__hero h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 64px;
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 66px;
  color: var(--color-ink);
  text-wrap: balance;
}
/* O trecho que fazia gradiente no visual antigo. No v5 título não ganha cor
   de destaque: o grifo teal por trás do texto marca o argumento sem trocar
   a cor da letra (que fica preta e passa no contraste). */
.p5-lpc__marca {
  background: linear-gradient(transparent 62%, var(--color-teal-200) 62%, var(--color-teal-200) 92%, transparent 92%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.p5-lpc__hero-lead { margin: 0; max-width: 560px; font-size: 20px; line-height: 31px; color: var(--color-ink); }
.p5-lpc__hero-lead strong { font-weight: 700; }
.p5-lpc__hero-ctas { display: flex; flex-wrap: wrap; gap: 16px; }

.p5-lpc__foto {
  position: relative;
  flex: 0 0 480px;
  height: 580px;
  margin: 0;
  overflow: hidden;
  border: 2.5px solid var(--color-ink);
  border-radius: 24px;
  background: var(--color-ink);
  box-shadow: var(--color-teal) 10px 10px 0;
}
.p5-lpc__foto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.p5-lpc__foto-cartoes {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p5-lpc__cartao {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--color-paper);
  border: 2px solid var(--color-ink);
  border-radius: 14px;
}
.p5-lpc__cartao > span { display: flex; flex-direction: column; min-width: 0; }
.p5-lpc__cartao strong { font-family: var(--font-display); font-size: 15px; font-weight: 800; letter-spacing: -0.01em; line-height: 19px; }
.p5-lpc__cartao small { font-size: 13px; line-height: 17px; color: var(--color-graphite); }

/* Avatar/ícone quadrado dos cartões e das telas. */
.p5-lpc__av {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--color-ink);
  border-radius: 10px;
  background: var(--color-mist);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
}
.p5-lpc__av--amber { background: var(--color-amber); }
.p5-lpc__av--teal { background: var(--color-teal-100); }

/* ---------- Faixa preta: 2 números + 3 garantias ---------- */
.p5-lpc__faixa { background: var(--color-ink); padding-block: 40px; }
.p5-lpc__faixa-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 0.9fr 0.8fr 1.2fr 1.2fr 1.2fr;
}
.p5-lpc__faixa-lista > li { padding-inline: 24px; border-right: 1.5px solid #27272A; }
.p5-lpc__faixa-lista > li:first-child { padding-left: 0; }
.p5-lpc__faixa-lista > li:last-child { padding-right: 0; border-right: 0; }
.p5-lpc__stat { display: flex; flex-direction: column; gap: 6px; }
.p5-lpc__stat strong {
  font-family: var(--font-display);
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 52px;
  color: #fff;
}
.p5-lpc__stat strong.is-teal { color: var(--color-teal); }
.p5-lpc__stat span { font-size: 16px; line-height: 22px; color: var(--p5l-zinc-400); }
.p5-lpc__garantia { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; line-height: 22px; color: #fff; }
.p5-lpc__garantia-ic {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--color-teal);
  color: var(--color-ink);
}

/* ---------- Seções ---------- */
.p5-lpc__sec { padding-block: 112px; }
.p5-lpc__sec--paper { background: var(--color-paper); }
.p5-lpc__sec--teal { background: var(--color-teal-50); border-block: 2.5px solid var(--color-ink); }
.p5-lpc__sec--mist { background: var(--color-mist); }
.p5-lpc__sec--ink { background: var(--color-ink); }
.p5-lpc__sec--ink .p5-condo__h2 { color: #fff; }
.p5-lpc__sec--ink .p5-lpc__lead { color: var(--p5l-zinc-400); }

.p5-lpc__cab { max-width: 780px; display: flex; flex-direction: column; gap: 20px; margin-bottom: 56px; }
.p5-lpc__lead { color: var(--color-graphite); }
.p5-lpc__cta-meio { align-self: flex-start; margin-top: 8px; }

/* Texto + janela lado a lado. */
.p5-lpc__duo { display: flex; align-items: center; gap: 72px; }
.p5-lpc__duo-txt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.p5-lpc__duo-vis { flex: 0 0 520px; min-width: 0; }

/* O problema: 3 cartões. */
.p5-lpc__dores { list-style: none; margin: 0 0 48px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.p5-lpc__dor {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px;
  border: 2px solid var(--color-ink);
  border-radius: 20px;
  background: var(--color-paper);
}
.p5-lpc__dor-n { font-family: var(--font-mono); font-size: 13px; font-weight: 500; letter-spacing: 0.14em; line-height: 16px; color: var(--color-teal-700); }
.p5-lpc__dor h3,
.p5-lpc__itens h3,
.p5-lpc__passos h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 27px;
  color: var(--color-ink);
}
.p5-lpc__dor p,
.p5-lpc__itens p,
.p5-lpc__passos p { margin: 0; font-size: 16px; line-height: 24px; color: var(--color-graphite); }

/* Indicação: itens com ícone. */
.p5-lpc__itens { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.p5-lpc__itens li { display: flex; align-items: flex-start; gap: 16px; }
.p5-lpc__itens li > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.p5-lpc__itens .p5-condo__mais-ic { flex-shrink: 0; color: var(--color-ink); }

/* Coletiva: passos numerados. */
.p5-lpc__passos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.p5-lpc__passos li { display: flex; align-items: flex-start; gap: 16px; }
.p5-lpc__passos li > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.p5-lpc__passos .p5-condo__num { margin-top: 0; }
.p5-lpc__passos h3 { font-size: 19px; line-height: 26px; }

/* Nota de rodapé de seção (papel do síndico, análise humana). */
.p5-lpc__nota {
  margin: 0;
  padding: 16px 18px;
  border: 2px solid var(--color-ink);
  border-radius: 16px;
  background: var(--color-paper);
  font-size: 15px;
  line-height: 23px;
  color: var(--color-ink);
}
.p5-lpc__nota strong { font-weight: 700; }

/* Cadastro: documentos. */
.p5-lpc__docs { margin: 0; display: flex; flex-direction: column; gap: 18px; }
.p5-lpc__docs > div { display: flex; align-items: flex-start; gap: 16px; }
.p5-lpc__docs .p5-condo__mais-ic { flex-shrink: 0; color: var(--color-ink); }
.p5-lpc__docs dt { font-family: var(--font-display); font-size: 19px; font-weight: 800; letter-spacing: -0.02em; line-height: 24px; }
.p5-lpc__docs dd { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: var(--color-graphite); }

/* Cotação: 5 cartões no chão preto. */
.p5-lpc__servicos { list-style: none; margin: 0 0 48px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.p5-lpc__servico {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border: 1.5px solid var(--p5l-dk-line);
  border-radius: 20px;
  background: var(--p5l-dk);
}
.p5-lpc__servico--saida { border: 2px solid var(--color-teal); }
.p5-lpc__servico-ic {
  width: 44px;
  height: 44px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #27272A;
  color: var(--color-teal);
}
.p5-lpc__servico--saida .p5-lpc__servico-ic { background: var(--color-teal); color: var(--color-ink); }
.p5-lpc__servico h3 { margin: 0; font-family: var(--font-display); font-size: 18px; font-weight: 800; letter-spacing: -0.02em; line-height: 23px; color: #fff; }
.p5-lpc__servico p { margin: 0; font-size: 14px; line-height: 21px; color: var(--p5l-zinc-400); }
.p5-lpc__cotar-pe { display: flex; align-items: center; gap: 40px; }
.p5-lpc__cotar-pe .p5-condo__btn { flex-shrink: 0; box-shadow: var(--color-paper) 4px 4px 0; }
.p5-lpc__cotar-pe p { margin: 0; max-width: 560px; font-size: 15px; line-height: 23px; color: var(--p5l-zinc-400); }

/* ---------- Janela do painel (padrão Windows) ---------- */
.p5-lpc__tela {
  margin: 0;
  overflow: hidden;
  border: 2.5px solid var(--color-ink);
  border-radius: 20px;
  background: var(--color-paper);
  box-shadow: var(--color-ink) 8px 8px 0;
}
.p5-lpc__sec--teal .p5-lpc__tela,
.p5-lpc__sec--mist .p5-lpc__tela { box-shadow: var(--color-teal) 8px 8px 0; }
.p5-lpc__tela-barra {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-inline: 16px;
  background: var(--color-mist);
  border-bottom: 2px solid var(--color-ink);
}
.p5-lpc__tela-url { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); font-size: 12px; font-weight: 500; line-height: 16px; color: var(--color-graphite); }
.p5-lpc__tela-ctrl { display: flex; align-items: center; gap: 18px; flex-shrink: 0; color: var(--color-ink); }
.p5-lpc__tela-corpo { display: flex; flex-direction: column; gap: 14px; padding: 22px; }

/* Peças desenhadas dentro das telas (tudo span: tela é imagem). */
.p5-lpc__mk-cab { display: flex; align-items: center; gap: 12px; }
.p5-lpc__mk-cab > span { display: flex; flex-direction: column; min-width: 0; }
.p5-lpc__mk-cab strong { font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -0.02em; line-height: 22px; }
.p5-lpc__mk-cab small { font-size: 13px; line-height: 18px; color: var(--color-graphite); }
.p5-lpc__mk-cab em { font-style: normal; font-weight: 700; color: var(--color-teal-700); }
.p5-lpc__mk-cab-ic {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--color-ink);
  border-radius: 12px;
  background: var(--color-teal-50);
}
.p5-lpc__mk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding-inline: 16px;
  border: 1.5px solid var(--color-ink);
  border-radius: 999px;
  background: var(--color-paper);
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
}
.p5-lpc__mk-btn--teal { flex: 1; background: var(--color-teal); box-shadow: var(--color-ink) 3px 3px 0; }
.p5-lpc__mk-quad {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--color-ink);
  border-radius: 12px;
  color: var(--color-graphite);
}

/* Card do profissional. */
.p5-lpc__pro { display: flex; overflow: hidden; border: 2px solid var(--color-ink); border-radius: 16px; }
.p5-lpc__pro-lado {
  flex: 0 0 38%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 18px 12px;
  text-align: center;
  background: var(--color-teal-50);
  border-right: 2px solid var(--color-ink);
}
.p5-lpc__pro-foto { position: relative; margin-bottom: 10px; }
.p5-lpc__pro-foto b {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-ink);
  border-radius: 999px;
  background: var(--color-amber-200);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
}
.p5-lpc__pro-foto i {
  position: absolute;
  right: -6px;
  bottom: -4px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-ink);
  border-radius: 8px;
  background: var(--color-teal);
}
.p5-lpc__pro-lado strong { font-family: var(--font-display); font-size: 15px; font-weight: 800; line-height: 19px; }
.p5-lpc__pro-lado small { font-size: 12px; line-height: 16px; color: var(--color-graphite); }
.p5-lpc__pro-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 10px; }
.p5-lpc__pro-tags span { padding: 2px 8px; border: 1.5px solid var(--color-ink); border-radius: 999px; background: var(--color-paper); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; line-height: 14px; text-transform: uppercase; }
.p5-lpc__pro-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 16px; }
.p5-lpc__selos { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.p5-lpc__selo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 12px;
  text-transform: uppercase;
}
.p5-lpc__selo--teal { color: var(--color-teal-700); background: var(--color-teal-50); }
.p5-lpc__selo--amber { color: var(--color-amber-700); background: var(--color-amber-50); }
.p5-lpc__pro-nome { font-family: var(--font-display); font-size: 19px; font-weight: 800; letter-spacing: -0.02em; line-height: 24px; }
.p5-lpc__pro-info small { font-size: 12px; line-height: 16px; color: var(--color-graphite); }
.p5-lpc__pro-desc { margin-top: 8px; font-size: 13px; line-height: 19px; color: var(--color-ink); }
.p5-lpc__pro-info .p5-lpc__mk-btn { margin-top: 12px; justify-content: space-between; }

/* Card da coletiva. */
.p5-lpc__col {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border: 2px solid var(--color-ink);
  border-radius: 16px;
}
.p5-lpc__col-fita {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 6px 16px;
  border: 2px solid var(--color-ink);
  border-radius: 0 16px 0 14px;
  background: var(--color-teal);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 14px;
  text-transform: uppercase;
}
.p5-lpc__col-prazo {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  padding: 4px 12px;
  border: 1.5px solid var(--color-teal-700);
  border-radius: 999px;
  background: var(--color-teal-50);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: var(--color-teal-700);
}
.p5-lpc__col-t { font-family: var(--font-display); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; line-height: 25px; }
.p5-lpc__col-d { font-size: 14px; line-height: 21px; color: var(--color-graphite); }
.p5-lpc__col-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; line-height: 14px; text-transform: uppercase; color: var(--color-graphite); }
.p5-lpc__col-meta span { display: inline-flex; align-items: center; gap: 6px; }
.p5-lpc__col-acoes { display: flex; gap: 8px; margin-top: 6px; }

/* Pedidos de acesso. */
.p5-lpc__pedido { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 2px solid var(--color-ink); border-radius: 16px; }
.p5-lpc__pedido-topo { display: flex; align-items: center; gap: 12px; }
.p5-lpc__pedido-topo > span { display: flex; flex-direction: column; min-width: 0; }
.p5-lpc__pedido-topo strong { font-family: var(--font-display); font-size: 15px; font-weight: 800; line-height: 19px; }
.p5-lpc__pedido-topo small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 16px; color: var(--color-graphite); }
.p5-lpc__pedido-meio { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.08em; line-height: 14px; text-transform: uppercase; color: var(--color-graphite); }
.p5-lpc__pendente { flex-shrink: 0; padding: 3px 10px; border: 1.5px solid var(--color-amber-700); border-radius: 999px; background: var(--color-amber-50); color: var(--color-amber-700); }
.p5-lpc__pedido .p5-lpc__col-acoes { margin-top: 0; }

/* ---------- Preço: "De graça" no lugar do valor ---------- */
.p5-lpc__gratis {
  margin: 0;
  font-family: var(--font-display);
  font-size: 64px;
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 66px;
  color: #000;
}

/* ---------- CTA final ----------
   O título daqui tem duas frases (a S01 tem uma): no 56 do artboard ele
   quebrava em quatro linhas ao lado do Zin e do botão. */
.p5-lpc__final-h2.p5-condo__h2 { font-size: 44px; line-height: 48px; letter-spacing: -0.045em; }
/* Nota e aviso dos nomes fictícios. */
.p5-lpc__final-pe { display: flex; flex-direction: column; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 2px solid var(--color-ink); }
.p5-lpc__final-nota { margin: 0; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; line-height: 16px; text-transform: uppercase; color: var(--color-ink); }
.p5-lpc__final-aviso { margin: 0; font-size: 13px; line-height: 19px; color: var(--color-ink); }

/* ---------- Entre 900 e 1279: o miolo encolhe ---------- */
@media (max-width: 1279.98px) and (min-width: 900px) {
  .p5-lpc__hero h1 { font-size: 52px; line-height: 54px; }
  .p5-lpc__hero-in { gap: 40px; }
  .p5-lpc__foto { flex-basis: 400px; height: 540px; }
  .p5-lpc__duo { gap: 48px; }
  .p5-lpc__duo-vis { flex-basis: 440px; }
  .p5-lpc__faixa-lista { grid-template-columns: repeat(2, 1fr) repeat(3, 1.15fr); }
  .p5-lpc__faixa-lista > li { padding-inline: 16px; }
  .p5-lpc__stat strong { font-size: 38px; line-height: 42px; }
  .p5-lpc__stat span,
  .p5-lpc__garantia { font-size: 14px; line-height: 20px; }
  .p5-lpc__servicos { grid-template-columns: repeat(3, 1fr); }
  /* 3 + 2: a saída da lista ocupa as duas últimas casas, sem buraco. */
  .p5-lpc__servico--saida { grid-column: span 2; }
  .p5-lpc__gratis { font-size: 54px; line-height: 56px; }
}

/* ---------- Celular ---------- */
@media (max-width: 899.98px) {
  .p5-lpc__hero { padding-block: 40px 56px; }
  .p5-lpc__hero-in { flex-direction: column; align-items: stretch; gap: 36px; }
  .p5-lpc__hero-txt { gap: 20px; }
  .p5-lpc__hero h1 { font-size: 38px; line-height: 41px; letter-spacing: -0.045em; }
  .p5-lpc__hero-lead { font-size: 17px; line-height: 26px; }
  .p5-lpc__hero-ctas .p5-condo__btn { flex: 1 1 auto; padding-inline: 20px; font-size: 16px; }
  .p5-lpc__foto { flex-basis: auto; height: 440px; margin-right: 8px; box-shadow: var(--color-teal) 8px 8px 0; }
  .p5-lpc__foto-cartoes { left: 12px; right: 12px; bottom: 12px; gap: 8px; }
  .p5-lpc__cartao { padding: 10px 12px; gap: 10px; }
  .p5-lpc__cartao strong { font-size: 14px; line-height: 18px; }
  .p5-lpc__cartao small { font-size: 12px; line-height: 16px; }

  .p5-lpc__faixa { padding-block: 28px; }
  .p5-lpc__faixa-lista { grid-template-columns: repeat(2, 1fr); row-gap: 14px; }
  .p5-lpc__faixa-lista > li,
  .p5-lpc__faixa-lista > li:first-child,
  .p5-lpc__faixa-lista > li:last-child { padding: 0; border-right: 0; }
  .p5-lpc__stat:first-child { padding-right: 12px; border-right: 1.5px solid #27272A; }
  .p5-lpc__stat + .p5-lpc__stat { padding-left: 16px; }
  .p5-lpc__stat { margin-bottom: 10px; }
  .p5-lpc__stat strong { font-size: 32px; line-height: 36px; }
  .p5-lpc__stat span { font-size: 14px; line-height: 20px; }
  .p5-lpc__garantia { grid-column: 1 / -1; font-size: 15px; line-height: 21px; }

  .p5-lpc__sec { padding-block: 56px; }
  .p5-lpc__cab { gap: 14px; margin-bottom: 28px; }
  .p5-lpc__duo { flex-direction: column; align-items: stretch; gap: 36px; }
  .p5-lpc__duo-txt { gap: 20px; }
  .p5-lpc__duo-vis { flex-basis: auto; margin-right: 8px; }
  .p5-lpc__cta-meio { align-self: stretch; white-space: normal; text-align: center; padding-inline: 18px; font-size: 16px; }

  .p5-lpc__dores { grid-template-columns: 1fr; gap: 12px; margin-bottom: 28px; }
  .p5-lpc__dor { padding: 20px; gap: 8px; }
  .p5-lpc__dor h3,
  .p5-lpc__itens h3 { font-size: 20px; line-height: 25px; }
  .p5-lpc__passos h3 { font-size: 17px; line-height: 23px; }
  .p5-lpc__dor p,
  .p5-lpc__itens p,
  .p5-lpc__passos p,
  .p5-lpc__docs dd { font-size: 15px; line-height: 22px; }
  .p5-lpc__itens { gap: 20px; }
  .p5-lpc__itens li,
  .p5-lpc__docs > div { gap: 14px; }
  .p5-lpc__nota { font-size: 14px; line-height: 21px; }

  .p5-lpc__servicos { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 28px; }
  .p5-lpc__servico { padding: 16px; }
  .p5-lpc__servico--saida { grid-column: 1 / -1; }
  .p5-lpc__servico h3 { font-size: 16px; line-height: 20px; }
  .p5-lpc__servico p { font-size: 13px; line-height: 19px; }
  .p5-lpc__cotar-pe { flex-direction: column; align-items: stretch; gap: 20px; }
  .p5-lpc__cotar-pe .p5-condo__btn { margin-right: 4px; }
  .p5-lpc__cotar-pe p { font-size: 14px; line-height: 21px; }

  .p5-lpc__tela { box-shadow: var(--color-ink) 6px 6px 0; }
  .p5-lpc__sec--teal .p5-lpc__tela,
  .p5-lpc__sec--mist .p5-lpc__tela { box-shadow: var(--color-teal) 6px 6px 0; }
  .p5-lpc__tela-corpo { padding: 14px; gap: 12px; }
  .p5-lpc__tela-url { font-size: 11px; }
  .p5-lpc__tela-ctrl { gap: 14px; }
  /* Card do profissional em pé: no celular a coluna lateral espremia o nome. */
  .p5-lpc__pro { flex-direction: column; }
  .p5-lpc__pro-lado { flex-basis: auto; border-right: 0; border-bottom: 2px solid var(--color-ink); }

  .p5-lpc__gratis { font-size: 52px; line-height: 54px; }
  .p5-lpc__final-h2.p5-condo__h2 { font-size: 32px; line-height: 34px; }
  .p5-lpc__final-pe { margin-top: 28px; }
}