/* ══════════════════════════════════════════════════════════
   PARA TRANSPORTISTAS
   ══════════════════════════════════════════════════════════ */
.para-transportistas { background:var(--bg); }
.trans-cols { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.trans-features { display:flex; flex-direction:column; gap:20px; margin-top:28px; }
.tf-feat { display:flex; gap:14px; align-items:flex-start; }
.tf-feat-ico { width:44px; height:44px; border-radius:10px; background:var(--navy); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.tf-feat h4 { color:var(--navy); margin-bottom:3px; }
.tf-feat p { font-size:14px; color:var(--gray); line-height:1.6; }
.trans-panel {
  background:var(--white); border:1px solid var(--line); border-radius:20px;
  overflow:hidden; box-shadow:0 20px 60px -20px rgba(13,43,78,0.12);
  position:relative;
}
.trans-panel > .tag-preview { position:absolute; top:12px; right:12px; z-index:1; }
.tp-head { background:var(--navy); padding:16px 20px; }
.tp-head .tp-title { color:var(--white); font-size:13px; font-weight:700; }
.tp-head .tp-sub { color:rgba(255,255,255,0.5); font-size:11px; margin-top:2px; }
.tp-score-block { padding:20px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:16px; }
.tp-score-num { font-size:48px; font-weight:800; color:var(--navy); line-height:1; }
.tp-score-info .tp-score-label { font-size:13px; font-weight:700; color:var(--navy); }
.tp-score-info .tp-score-sub { font-size:12px; color:var(--gray); margin-top:2px; }
.tp-score-bar { height:6px; background:var(--line); border-radius:99px; margin-top:8px; overflow:hidden; }
.tp-score-fill { height:100%; border-radius:99px; background:linear-gradient(90deg, var(--accent) 0%, #00E6A8 100%); }
.tprow { display:flex; justify-content:space-between; align-items:center; padding:12px 20px; border-bottom:1px solid var(--line); font-size:13px; }
.tprow:last-child { border:none; }
.tprow .tk { color:var(--gray); font-weight:500; }
.tprow .tv { font-weight:700; color:var(--navy); }
.tprow .tv-accent { color:var(--accent); }
.trans-cta { margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; }

/* ─── RESPONSIVE FOR TRANSPORTISTAS ────────────────────── */
@media (max-width:960px) {
  .trans-cols { grid-template-columns:1fr; }
}