/* Tarjetas de planes */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.plan{background:#fff;border-radius:28px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.25s;position:relative}
.plan:hover{transform:translateY(-8px)}
.plan .top{padding:30px 30px 26px;color:#fff}
.plan:nth-child(1) .top{background:linear-gradient(135deg,#0e6f8f,#1593b8)}
.plan:nth-child(2) .top{background:linear-gradient(135deg,#0b8a45,#12b88a)}
.plan:nth-child(3) .top{background:linear-gradient(135deg,#0c2233,#0b2a44)}
.plan .top h3{color:#fff;font-size:1.3rem;font-weight:700}
.plan .top p{font-size:14.5px;opacity:.9;margin-bottom:18px}
.plan .price{display:flex;align-items:flex-start;gap:4px;font-family:var(--fh);line-height:1}
.plan .price small{font-size:1.6rem;font-weight:700;margin-top:10px}
.plan .price b{font-size:4.6rem;font-weight:800;letter-spacing:-.04em}
.plan .per{font-size:14px;opacity:.9;margin-top:4px}
.plan .body{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.plan ul{margin-bottom:28px;flex:1}
.plan li{display:flex;gap:12px;padding:9px 0;color:var(--ink);font-weight:500;font-size:15.5px}
.plan li::before{content:'';flex:0 0 22px;height:22px;border-radius:50%;margin-top:2px;background:#dcf8ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%230f9f62' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.plan .btn{width:100%}
.plan.pop{border:3px solid var(--green);transform:translateY(-12px)}
.plan.pop:hover{transform:translateY(-20px)}
.flag{position:absolute;top:16px;right:16px;background:var(--yellow);color:var(--navy);font:800 12px var(--fb);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px;border-radius:999px}

@media(max-width:1000px){
  .plans{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .plan.pop{transform:none;order:-1}
  .plan.pop:hover{transform:translateY(-8px)}
}