/* Plan de comisiones (others/commission[_br]). Se carga después de
   affiliate_new.css, que trae la base: hero, franjas, FAQ y botones.
   Aquí van solo las tarjetas de planes y los ajustes propios. */
.com-hero .eyebrow{display:inline-block;margin-bottom:14px;text-decoration:none}
.com-hero .eyebrow:hover{text-decoration:underline}

.plans-sec{padding:40px 0 104px}
.plans-sec .sec-head p{margin:14px 0 0;font-size:17px;line-height:1.7;color:var(--slate)}
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px}
.plan__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.plan__ic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(155deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),linear-gradient(155deg,#2979ff 0%,#1C63E8 55%,#1550C4 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.plan__ic i{font-size:28px}
.plan__k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-2)}
.plan__head h3{margin:2px 0 0;font-size:24px;color:var(--navy-2)}
.plan__rate{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.plan__rate b{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--blue)}
.plan__rate span{font-size:13px;color:var(--slate)}
.plan__list{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column}
.plan__list li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 0}
.plan__list li+li{border-top:1px solid rgba(3,27,78,.06)}
.plan__pic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--blue);
  background:linear-gradient(155deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%),var(--blue-050);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.plan__pic i,.plan__pic svg{font-size:20px}
.plan__list b{display:block;font-size:16.5px;color:var(--navy-2);margin-bottom:4px}
.plan__list p{margin:0;font-size:15px;line-height:1.7;color:var(--slate)}
.plan__cta{margin-top:auto;padding-top:20px}
.plan__cta .btn{height:46px;min-height:0;padding:0 22px;font-size:15px}

@media(max-width:900px){
  .plans{grid-template-columns:1fr}
}
@media(max-width:760px){
  .plans-sec{padding:24px 0 72px}
}
@media(max-width:480px){
  .plans-sec{padding:16px 0 52px}
  .plan{padding:22px}
  .plan__head{grid-template-columns:auto 1fr}
  .plan__rate{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:8px}
}