/* ==========================================================================
   Logic Software — la sección de planes y precios de una página de producto.
   Se carga SOLO en logic-cuts.html (EN, ES y AR), después de logic.css.
   Usa los tokens de logic.css; no toca logic.css. 14/10/2026.
   ========================================================================== */

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:520px}}

.plan{position:relative;display:flex;flex-direction:column}
.plan.is-rec{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 22px 50px -32px rgba(153,27,27,.55)}
.plan .rec{
  position:absolute;top:-11px;inset-inline-start:22px;
  background:var(--red);color:#fff;border-radius:6px;padding:6px 9px;
  font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
}
[dir="rtl"] .plan .rec{font-family:"Noto Kufi Arabic",var(--mono);letter-spacing:0}
.plan .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:4px;font-variant-numeric:tabular-nums}
.plan .price b{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.plan .price span{font-size:14px;color:var(--txt2)}
.plan .year{margin-top:8px;font-size:13.5px;color:var(--txt2)}
.plan ul{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}

.packs{list-style:none;margin-top:14px;font-size:14.5px;color:var(--txt2);font-variant-numeric:tabular-nums}
.packs li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.packs li:last-child{border-bottom:0}
.packs b{color:var(--ink)}
.panel .btn{margin-top:18px}

.tax-note{margin-top:22px;font-size:12.5px;line-height:1.55;color:var(--txt2);max-width:86ch}