:root{
  --tecnm-blue:#0b3d91;
  --tecnm-blue-2:#0b5ea8;
  --tecnm-soft:#eef5fb;
  --tecnm-border:#dfe7ef;
  --tecnm-text:#172033;
}
body{background:#f6f8fb;color:var(--tecnm-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--tecnm-blue),var(--tecnm-blue-2));display:grid;place-items:center;color:#fff}
.hero{background:linear-gradient(135deg,#0b3d91,#0b5ea8);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 42px rgba(11,61,145,.18)}
.card-soft{background:#fff;border:1px solid var(--tecnm-border);border-radius:20px;box-shadow:0 10px 25px rgba(11,94,168,.06)}
.badge-soft{background:rgba(11,61,145,.10);color:var(--tecnm-blue);border:1px solid rgba(11,61,145,.16);font-weight:800}
.btn-primary{background:var(--tecnm-blue);border-color:var(--tecnm-blue)}
.btn-primary:hover{background:#082f70;border-color:#082f70}
.form-control,.form-select{border-radius:12px;border-color:#d9e2eb;padding:.72rem .85rem}
.progress{height:9px;border-radius:99px;background:#e8eef5}
.progress-bar{background:var(--tecnm-blue)}
.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.doc-card{transition:.15s ease}
.doc-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(11,94,168,.09)}
@media(max-width:576px){.hero{padding:22px;border-radius:20px}.card-soft{border-radius:16px}}