/* Página /negocia — usa los tokens de vars.css */
.ng-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.ng-intro{max-width:820px;margin:0 auto 48px;text-align:center}
.ng-intro .section-label{justify-content:center}
.ng-lead{font-size:1.05rem;line-height:1.8;color:var(--text2,var(--text));margin-top:18px}
.ng-lead strong{color:var(--text)}

.ng-channels{display:grid;grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto;gap:20px}
.ng-channel{background:var(--bg2);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:var(--radius-lg,16px);padding:28px 24px}
.ng-channel-ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--bg3);font-size:1.4rem;margin-bottom:14px}
.ng-channel h3{font-weight:700;font-size:1.1rem;margin:0 0 8px}
.ng-channel p{margin:0;line-height:1.65;font-size:.95rem}

.ng-for{max-width:820px;margin:40px auto 0;padding:24px 28px;border-left:3px solid var(--cyan);background:var(--bg2);border-radius:0 var(--radius-lg,16px) var(--radius-lg,16px) 0}
.ng-for h3{margin:0 0 8px;font-weight:700;font-size:1.05rem}
.ng-for p{margin:0;line-height:1.7}

.ng-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:none}
.ng-step{position:relative;background:var(--bg);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:var(--radius-lg,16px);padding:32px 26px 26px}
.ng-step-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cyan);color:#04121c;font-weight:700;font-weight:700;margin-bottom:16px}
.ng-step h3{margin:0 0 8px;font-weight:700;font-size:1.1rem}
.ng-step p{margin:0;line-height:1.7;font-size:.95rem}

.ng-company{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.ng-company-text p{line-height:1.8;margin:16px 0 0}
.ng-link{color:var(--cyan);font-weight:600;text-decoration:none}
.ng-link:hover{text-decoration:underline}
.ng-card{font-style:normal;background:var(--bg2);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:var(--radius-lg,16px);padding:8px 26px}
.ng-card dl{margin:0}
.ng-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border,rgba(255,255,255,.08))}
.ng-card dl>div:last-child{border-bottom:0}
.ng-card dt{color:var(--text3,var(--text2,inherit));font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;flex:none}
.ng-card dd{margin:0;text-align:right;color:var(--text);font-weight:500;overflow-wrap:anywhere}
.ng-card a{color:var(--cyan);text-decoration:none}
.ng-card a:hover{text-decoration:underline}

.ng-legal{text-align:center}
.ng-legal p{margin:0 0 18px}
.ng-legal-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@media (max-width:860px){
  .ng-channels,.ng-steps{grid-template-columns:1fr}
  .ng-company{grid-template-columns:1fr;gap:28px}
  .ng-hero-actions .btn{flex:1 1 100%;justify-content:center}
}