/* Serviços: tela no padrão do DGFlow (abas em pílula, cartões em grade, modelos prontos). */
.s-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.s-acoes .btn{display:inline-flex;align-items:center;gap:7px}
.s-filtros #s-busca{flex:1 1 260px;min-width:0}
.s-filtros #s-cat{flex:0 1 220px;min-width:0}
.s-vistas{display:flex;gap:6px;margin-left:auto}
.s-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
.s-cartao{gap:12px}
.s-cartao h3{margin:0}
.s-cartao h3 .pill{flex:none}
.s-cartao.s-off h3>span:first-child{color:var(--muted)}
.s-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.s-selos{display:flex;gap:6px;flex-wrap:wrap}
.s-selos .pill{display:inline-flex;align-items:center;gap:5px}
.s-selos .pill .i{width:13px;height:13px}
.s-dados{display:flex;flex-direction:column;gap:9px;padding-top:12px;border-top:1px solid var(--line)}
.s-dados .lin>*:last-child{min-width:0;text-align:right}
.s-cartao .preco{font-size:21px}
.s-est{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.s-est small{color:var(--bad);font-weight:700}
.s-valor{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.s-valor .num{font-family:var(--display);font-weight:700;font-size:27px;color:var(--accent-ink)}
.s-valor small{color:var(--muted);font-size:13px}
.s-rot{color:var(--muted);font-weight:600;font-size:12.5px}
.s-itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.s-itens li{display:flex;gap:8px;align-items:flex-start}
.s-itens li .i{width:15px;height:15px;flex:none;margin-top:3px;color:var(--good)}
.s-eco{color:var(--good);font-weight:700}
.s-slug{font-size:12.5px;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:2px 7px;overflow-wrap:anywhere}
.s-cartao .pe .btn{display:inline-flex;align-items:center;gap:7px;min-width:0}
.s-cartao .pe .btn.s-lixo{flex:0 0 auto;padding-left:11px;padding-right:11px;border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
.s-cartao .pe .btn.s-lixo.s-certo{background:var(--bad);border-color:transparent;color:var(--surface)}
.s-modelos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.s-modelo{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);min-width:0}
.s-modelo:hover,.s-modelo:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.s-modelo>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.s-modelo small{color:var(--muted);font-size:12.5px;line-height:1.4}
.s-modelo.s-branco{border-style:dashed;align-items:center}
.s-modelo.s-branco .i{flex:none;color:var(--accent-ink)}
@media (max-width:1100px){.s-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .s-grade,.s-modelos{grid-template-columns:minmax(0,1fr)}
  .s-acoes{justify-content:stretch}
  .s-acoes .btn{flex:1 1 auto;justify-content:center}
  .s-filtros #s-busca{flex-basis:100%}
  .s-filtros #s-cat{flex:1 1 0}
}
#s-corpo{display:flex;flex-direction:column;gap:16px}