/* DGMTec - Soluções (UI dinâmica) - v6 */
.sd-page{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.sd-container{ max-width: 1120px; margin: 0 auto; padding: 18px 14px 40px; }
.sd-hero{ padding: 10px 6px 16px; }
.sd-hero h1{ margin: 0; font-size: 28px; letter-spacing: -0.02em; color: #0f172a; }
.sd-hero p{ margin: 6px 0 0; color: #475569; }

.sd-card{ background:#ffffff; border:1px solid rgba(15,23,42,0.08); border-radius: 14px; padding: 14px; margin-top: 12px; box-shadow: 0 8px 20px rgba(15,23,42,0.06); }

.sd-filters{ display:grid; grid-template-columns: 1fr; gap: 12px; }
@media(min-width: 900px){
  .sd-filters{ grid-template-columns: 1fr 1fr 1fr auto; align-items: end; }
  .sd-search{ grid-column: 1 / span 2; }
}

.sd-label{ font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; color:#334155; margin-bottom: 6px; }
.sd-chips{ display:flex; flex-wrap: wrap; gap: 8px; }

.sd-chip{ display:inline-flex; align-items:center; gap: 8px; border-radius: 999px; padding: 8px 10px; border:1px solid rgba(15,23,42,0.12); background:#f8fafc; color:#0f172a; cursor:pointer; font-weight: 700; font-size: 13px; }
.sd-chip[data-selected="1"]{ border-color: rgba(56,189,248,0.55); background: rgba(56,189,248,0.12); }
.sd-chip-ico{ width: 18px; text-align:center; }

.sd-search input{ width: 100%; border:1px solid rgba(15,23,42,0.12); border-radius: 10px; padding: 10px 12px; font-size: 14px; }

.sd-btn{ border:1px solid rgba(15,23,42,0.16); background:#ffffff; border-radius: 10px; padding: 10px 12px; font-weight: 900; cursor:pointer; }
.sd-btn:hover{ background:#f8fafc; }
.sd-btn-primary{ border-color: rgba(56,189,248,0.55); background: rgba(56,189,248,0.14); }
.sd-btn-sm{ padding: 6px 10px; font-size: 12px; border-radius: 999px; }

.sd-list{ display:flex; flex-direction: column; gap: 10px; }
.sd-item{ border:1px solid rgba(15,23,42,0.10); border-radius: 14px; padding: 12px; background:#ffffff; }
.sd-item-head{ display:flex; align-items:center; justify-content: space-between; gap: 10px; }
.sd-item-title{ display:flex; align-items:center; gap: 10px; font-weight: 900; color:#0f172a; }
.sd-ico{ width: 22px; text-align:center; }
.sd-item-desc{ margin-top: 6px; color:#475569; }

.sd-muted{ color:#64748b; }
.sd-cta{ margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: rgba(56,189,248,0.12); border:1px solid rgba(56,189,248,0.22); color:#0f172a; }
.sd-cta a{ color:#0369a1; font-weight: 900; text-decoration: none; }
.sd-cta a:hover{ text-decoration: underline; }

/* Modal */
.sd-modal-overlay{ position: fixed; inset: 0; background: rgba(2,6,23,0.72); display:flex; align-items:center; justify-content:center; padding: 16px; z-index: 9999; }
.sd-modal{ width: min(860px, 100%); max-height: 92vh; overflow:auto; background:#ffffff; border-radius: 14px; border:1px solid rgba(15,23,42,0.12); box-shadow: 0 24px 60px rgba(2,6,23,0.35); padding: 12px; }
.sd-modal-header{ display:flex; justify-content: space-between; align-items:center; gap: 10px; }
.sd-modal-header h3{ margin: 0; color:#0f172a; font-size: 18px; }
.sd-modal-body{ margin-top: 10px; color:#0f172a; line-height: 1.6; }
.sd-modal-body ul{ padding-left: 18px; }
.sd-rich p{ margin: 8px 0; }
.sd-rich ul{ margin: 8px 0 8px 18px; }