:root { --bg:#0b0f14; --card:#121a24; --txt:#e9eef6; --mut:#9bb0c9; --acc:#ff4d4d; --acc2:#8b5cf6; }
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{margin:0;background:linear-gradient(180deg,#0b0f14,#0a0d12);color:var(--txt);}
.wrap{max-width:1050px;margin:0 auto;padding:28px 16px 60px;}
.hero{padding:18px 10px 26px;text-align:center;}
h1{margin:10px 0 8px;font-size:34px;}
.sub{color:var(--mut);margin:0 0 16px;}
.toggle{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:10px;}
.toggle-btn{border:1px solid #223043;background:#0e1520;color:var(--txt);padding:10px 14px;border-radius:999px;cursor:pointer;}
.toggle-btn.active{border-color:#3a5476;background:#132033;}
.badge{background:#1f2c3f;border:1px solid #2a3a52;padding:2px 8px;border-radius:999px;font-size:12px;color:var(--mut);margin-left:8px;}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;}
.card{background:rgba(18,26,36,.9);border:1px solid #223043;border-radius:16px;padding:18px;position:relative;min-height:350px;}
.card.featured{border-color:#6d28d9;box-shadow:0 0 0 1px rgba(139,92,246,.2);}
.ribbon{position:absolute;top:12px;right:12px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.5);color:#d9ccff;padding:6px 10px;border-radius:999px;font-size:12px;}
.plan{font-weight:800;letter-spacing:.4px;}
.price{margin-top:8px;font-size:26px;}
.num{font-weight:900;}
.per{font-size:14px;color:var(--mut);margin-left:6px;}
.small{margin-top:8px;font-size:13px;}
.muted{color:var(--mut);}
.tiny{font-size:12px;}
ul{margin:14px 0 18px;padding-left:18px;color:#cfe0f5;}
li{margin:8px 0;}
.cta{width:100%;border:none;border-radius:12px;padding:12px 14px;background:var(--acc);color:#fff;font-weight:800;cursor:pointer;}
.cta.secondary{background:#223043;color:#e9eef6;border:1px solid #2b3f5b;}
.cta.full{margin-top:12px;}
.faq{margin-top:22px;background:#0e1520;border:1px solid #223043;border-radius:16px;padding:16px;text-align:left;}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px;}
.modal.hidden{display:none;}
.modal-card{width:min(520px,95vw);background:var(--card);border:1px solid #223043;border-radius:16px;padding:18px;position:relative;}
.x{position:absolute;right:10px;top:10px;border:none;background:transparent;color:#bcd0ea;font-size:22px;cursor:pointer;}
.lbl{display:block;margin-top:10px;margin-bottom:6px;color:#bcd0ea;font-size:13px;}
.inp{width:100%;padding:12px;border-radius:12px;border:1px solid #223043;background:#0e1520;color:var(--txt);outline:none;}
.row{display:flex;gap:10px;margin-top:10px;}
.chip{background:#0e1520;border:1px solid #223043;color:#bcd0ea;padding:8px 10px;border-radius:999px;font-size:12px;}
.invoice{margin-top:12px;padding:12px;background:#0e1520;border:1px solid #223043;border-radius:12px;}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;}

.status{margin-top:14px;padding:14px;border-radius:14px;border:1px solid #223043;background:#0e1520;text-align:left;}
.status.ok{border-color:#1f6a3d;}
.status.bad{border-color:#7a2730;}

@media(max-width:900px){ .cards{grid-template-columns:1fr;} .card{min-height:auto;} }


.free-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.free-center {
  max-width: 360px;
}
/* FREE abajo, centrado y más chico */
.card.free-center {
  grid-column: 1 / -1;   /* ocupa toda la fila */
  max-width: 360px;      /* más chico */
  margin: 30px auto 0;  /* centrado abajo */
  opacity: 0.9;
}