/* ============================================================
   Listagens (diretório, bairros, procedimentos, urgência, convênios)
   preset-A teal · MOBILE-FIRST. Complementa site.css.
   ============================================================ */

.page-h1{font-family:'Outfit';font-size:clamp(24px,5.6vw,32px);margin:16px 0 6px;color:var(--moss);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.page-sub{color:var(--moss2);margin-bottom:10px;font-size:15px}

/* título de seção por bairro/grupo */
.dbairro,.lbairro{font-family:'Outfit';font-size:19px;margin:28px 0 13px;color:var(--moss);font-weight:700;letter-spacing:-.02em}
.dbairro span,.lbairro span{color:var(--moss2);font-weight:500;font-size:15px;font-family:'Plus Jakarta Sans'}
.dbairro a{color:inherit}.dbairro a:hover{color:var(--clay)}

/* grade de cards (1 col mobile) */
.dgrid,.lgrid{display:grid;grid-template-columns:1fr;gap:12px}

/* card compacto de clínica */
.dcard,.lcard{background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:16px 18px;transition:.25s var(--ease)}
.dcard:hover,.lcard:hover{border-color:var(--teal);box-shadow:var(--sombra);transform:translateY(-3px)}
.dn,.ln{font-family:'Outfit';font-weight:700;font-size:15px;line-height:1.3;color:var(--moss)}
.lb{display:flex;align-items:center;gap:5px;color:var(--moss2);font-size:12.5px;margin-top:5px}
.lb svg{width:13px;height:13px;flex-shrink:0;color:var(--teal-fg)}
.dr,.lr{color:var(--estrela);font-weight:700;font-size:13.5px;margin-top:8px;font-family:'Outfit'}
.dr span,.lr span{color:var(--moss2);font-weight:500;font-family:'Plus Jakarta Sans'}
.duni,.luni{margin-top:9px;font-size:10.5px;font-weight:700;color:var(--teal-fg);background:var(--teal-cl);border:1px solid #bfe6e2;display:inline-block;padding:3px 9px;border-radius:13px}
.dinc{margin-top:9px;margin-left:6px;font-size:10.5px;font-weight:700;color:#b8631a;background:#fff5ed;border:1px solid #f6c89a;display:inline-block;padding:3px 9px;border-radius:13px}

/* navegação por procedimento/convênio (chips) */
.dprocs,.lchips{margin:14px 0 6px;font-size:14px;color:var(--moss2);display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.dprocs b{margin-right:2px}
.dprocs a,.lchips a{display:inline-block;background:var(--teal-cl);color:var(--teal-fg);border:1px solid #bfe6e2;border-radius:20px;padding:6px 13px;font-weight:600;font-size:13px;text-decoration:none;transition:.2s var(--ease)}
.dprocs a:hover,.lchips a:hover{background:var(--teal);color:#fff;border-color:var(--teal)}

/* filtro por região (diretório) — chips client-side */
.rgfilter{margin:16px 0 4px;font-size:14px;color:var(--moss2);display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.rgfilter b{margin-right:2px}
.rgchip{background:var(--surface);color:var(--moss);border:1px solid var(--linha);border-radius:20px;padding:6px 13px;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:.2s var(--ease)}
.rgchip span{color:var(--moss2);font-weight:500;opacity:.75}
.rgchip:hover{border-color:var(--teal);color:var(--teal-fg)}
.rgchip.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.rgchip.active span{color:#fff;opacity:.85}

/* convênios — cards de dentista credenciado */
.cgrid{display:grid;grid-template-columns:1fr;gap:12px}
.ccard{background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:16px 18px}
.cchead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ccn{font-family:'Outfit';font-weight:700;font-size:15px;line-height:1.3;color:var(--moss)}
.cccro{color:var(--moss2);font-size:12px;white-space:nowrap;font-family:'IBM Plex Mono'}
.ccchips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px}
.ccchips .chip{background:var(--teal-cl);color:var(--teal-fg);border:1px solid #bfe6e2;border-radius:14px;padding:3px 9px;font-size:11.5px;font-weight:600}
.ccaddr{display:flex;gap:6px;color:var(--moss2);font-size:13px;margin:9px 0 11px;line-height:1.45}
.ccaddr svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--teal-fg)}
.ccfone{display:inline-flex;align-items:center;gap:6px;background:#e8f7ef;color:#127a45;border:1px solid #bfe6cf;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s var(--ease)}
.ccfone svg{width:15px;height:15px}
.ccfone:hover{background:#127a45;color:#fff;border-color:#127a45}

/* fonte oficial / aviso */
.csrc{background:var(--teal-cl);border:1px solid #bfe6e2;border-radius:14px;padding:14px 16px;font-size:13.5px;color:#0a5e57;margin:6px 0 18px;line-height:1.5}
.csrc b{color:var(--teal-fg)}

/* bloco CTA de lead nas landings */
.clead{background:linear-gradient(160deg,var(--moss),#163349);color:#fff;border-radius:18px;padding:22px 24px;margin:6px 0 20px;position:relative;overflow:hidden}
.clead::after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;background:radial-gradient(circle,rgba(22,184,166,.28),transparent 65%);pointer-events:none}
.clead>*{position:relative;z-index:2}
.clead h3{font-family:'Outfit';margin:0 0 5px;font-size:19px;color:#fff}
.clead p{margin:0 0 14px;color:rgba(238,245,251,.82);font-size:14px}
.clead a{display:inline-block;background:var(--teal);color:#fff;border-radius:11px;padding:11px 20px;font-family:'Outfit';font-weight:700;text-decoration:none;transition:.25s var(--ease)}
.clead a:hover{background:var(--teal-d)}
.clead input{border:none;border-radius:11px;padding:11px 13px;font-family:inherit;font-size:14.5px;color:var(--moss);background:#fff}

/* desktop */
@media(min-width:760px){
  .dgrid,.lgrid{grid-template-columns:repeat(2,1fr)}
  .cgrid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1000px){
  .dgrid,.lgrid{grid-template-columns:repeat(3,1fr)}
}