/* ============================================================
   pricing.css — dos planes (Free / Pro), Pro destacado.
   ============================================================ */

.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:840px;margin:0 auto}
.plan{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:20px;
  padding:36px 32px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);transition:transform .5s var(--ease)}
.plan:hover{transform:translateY(-5px)}
.plan.pro{border-color:rgba(232,103,58,.55);box-shadow:0 24px 60px -28px rgba(232,103,58,.55);
  background:linear-gradient(160deg,rgba(30,20,16,.6),rgba(12,10,20,.55))}
.plan .pill{position:absolute;top:-13px;left:32px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#170c06;background:linear-gradient(180deg,var(--orange-soft),var(--orange));
  padding:6px 13px;border-radius:999px;font-weight:600;box-shadow:0 6px 18px rgba(232,103,58,.4)}
.plan .p-name{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-50)}
.plan .p-price{font-family:var(--serif);font-size:52px;color:var(--white);margin:16px 0 4px;line-height:1}
.plan .p-price span{font-family:var(--mono);font-size:14px;color:var(--t-35);letter-spacing:.02em}
.plan .p-desc{font-size:14px;color:var(--t-50);margin-bottom:26px;min-height:42px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
.plan li{display:flex;gap:11px;font-size:14.5px;color:var(--t-70);align-items:flex-start}
.plan li .ck{color:var(--orange);flex:0 0 auto}
.plan li.off{color:var(--t-35)}
.plan li.off .ck{color:var(--t-18)}
.plan .btn{width:100%;justify-content:center;padding:14px}