/* Quem eu cobro?, Contatos úteis, certificado */
.busca-campo { display: flex; align-items: center; gap: var(--e-2); border: 2px solid var(--qmq-line); border-radius: var(--r-card); padding: 0 var(--e-3); min-height: 56px; background: var(--qmq-bg); max-width: 640px; }
.busca-campo svg { flex: none; }
.busca-campo input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; min-height: 52px; font-size: var(--t-corpo); outline: none; }
.busca-campo > span:not(.visualmente-oculto) { font-size: var(--t-apoio); color: var(--qmq-ink-2); white-space: nowrap; }
.cobro-lista { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; border-top: 2px solid var(--qmq-line); }
.cobro-item { border-bottom: 1px solid var(--qmq-line-2); }
.cobro-item[hidden] { display: none; }
.cobro-item summary { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: var(--e-1) var(--e-3); align-items: center; padding: var(--e-3) 0; min-height: var(--toque); cursor: pointer; list-style: none; }
.cobro-item summary::-webkit-details-marker { display: none; }
.cobro-item summary .etiqueta { grid-column: 1; }
.cobro-item summary strong { grid-column: 1; font-size: var(--t-corpo); line-height: 1.3; }
.cobro-item summary svg { grid-column: 2; grid-row: 1 / span 2; transition: transform 200ms; }
.cobro-item details[open] summary svg { transform: rotate(180deg); }
.cobro-corpo { padding: 0 0 var(--e-4); display: flex; flex-direction: column; gap: var(--e-2); }
.cobro-corpo p { margin: 0; }
.cobro-corpo small { color: var(--qmq-ink-2); }
.tel { font-weight: 700; white-space: nowrap; }
.contatos-grade { display: grid; grid-template-columns: 1fr; gap: var(--e-6); }
@media (min-width: 1080px) { .contatos-grade { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--e-14); } }
.contatos-lista { list-style: none; padding: 0; margin: 0; border-top: 2px solid var(--qmq-line); }
.contato { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--e-3); align-items: center; padding: var(--e-3) 0; border-bottom: 1px solid var(--qmq-line-2); }
.contatos-sp .contato { grid-template-columns: minmax(0, 1fr); }
.contato-num { font-family: var(--f-display); font-weight: 900; font-stretch: 112%; font-size: 30px; line-height: 1; text-decoration: none; letter-spacing: -0.02em; display: inline-flex; align-items: center; min-height: var(--toque); }
.contato-num:hover { color: var(--qmq-municipio); }
.contato div { display: flex; flex-direction: column; gap: 2px; }
.contato strong { line-height: 1.25; }

/* certificado */
.cert-lista { padding-left: 1.3em; display: flex; flex-direction: column; gap: var(--e-2); }
.cert-lista li { display: flex; justify-content: space-between; gap: var(--e-3); flex-wrap: wrap; }
.cert-lista li.ok .apoio { color: var(--qmq-ok); font-weight: 700; }
.certificado-folha { position: relative; aspect-ratio: 297 / 210; background: #FBF7F0; border: 2px solid var(--qmq-line); overflow: hidden; container-type: inline-size; }
.cert-moldura { position: absolute; inset: 0; border: 14px double var(--qmq-acao); margin: 12px; pointer-events: none; }
.cert-conteudo { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2cqw; padding: 8cqw 10cqw; }
.cert-texto { margin: 0; font-size: clamp(15px, 2.2cqw, 22px); max-width: 48ch; }
@media (max-width: 719px) { .certificado-folha { aspect-ratio: auto; min-height: 420px; } }
.cert-nome { margin: 0; font-family: var(--f-display); font-weight: 900; font-stretch: 112%; text-transform: uppercase; font-size: clamp(22px, 5cqw, 56px); line-height: 1; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.cert-data { margin: 0; font-size: clamp(15px, 1.8cqw, 18px); color: var(--qmq-ink-2); }
.cert-conteudo .apoio { font-size: clamp(15px, 1.6cqw, 16px); }
@media print { .certificado-folha { border: 0; width: 100%; } body > *:not(main) { display: none !important; } main > * > :not(.certificado-folha) { display: none !important; } @page { size: A4 landscape; margin: 0; } }

/* ===== passada visual "rua e jornal" ===== */
.busca-campo { border-radius: 0; }
.certificado-folha { border-radius: 0; }
