/* NuborAI · componente compartido de planes seleccionables (.nbp) */
.nbp{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.nbp .plan{display:flex;flex-direction:column;gap:12px;position:relative;background:#fff;border-radius:24px;padding:22px clamp(18px,2.4vw,24px) 18px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -18px rgba(0,0,0,.18);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;color:#1d1d1f;text-align:left}
.nbp .plan:hover{transform:translateY(-2px)}
.nbp .plan:focus-visible{outline:3px solid rgba(126,34,206,.45);outline-offset:3px}
.nbp .plan h3{margin:0;font-size:19px;line-height:1.25;color:#1d1d1f}
.nbp .plan .tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7e22ce}
.nbp .plan .pdesc{margin:0;color:#424245;font-size:14.5px}
.nbp .plan-badge{position:absolute;top:-12px;right:18px;background:#7e22ce;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:5px 11px;border-radius:999px;text-transform:uppercase}
.nbp .pl-r{position:absolute;top:18px;right:18px;width:22px;height:22px;border-radius:50%;border:2px solid #c7c7cc;background:#fff;transition:all .2s}
.nbp .plan[aria-checked=true]{box-shadow:0 0 0 2.5px #7e22ce,0 18px 40px -16px rgba(126,34,206,.45)}
.nbp .plan[aria-checked=true] .pl-r{border-color:#7e22ce;box-shadow:inset 0 0 0 4px #fff;background:#7e22ce}
.nbp .plan[aria-checked=true]::after{content:"✓ Seleccionado";position:absolute;top:-12px;left:18px;background:#fff;color:#7e22ce;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #7e22ce}
.nbp .pz{margin:2px 0;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.09);display:grid;gap:3px}
.nbp .pz p{margin:0}.nbp .pz-m{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;color:#1d1d1f}
.nbp .pz-m small{font-size:13px;font-weight:600;color:#6b21a8}.nbp .pz-m b{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.nbp .pz-m em{font-style:normal;font-size:14px;font-weight:600;color:#3a3a3c}
.nbp .pz-s{font-size:14px;color:#3a3a3c}.nbp .pz-i{font-size:12px;color:#6e6e73}
.nbp .pl-ex{margin:0;font-size:13px;color:#1d1d1f;background:#f5f5f7;border-radius:10px;padding:8px 10px}.nbp .pl-ex b{color:#6b21a8}
.nbp ul.pl-f{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.nbp ul.pl-f li{margin:0;padding-left:22px;position:relative;color:#1d1d1f}
.nbp ul.pl-f li::before{content:"✓"!important;position:absolute;left:0;top:0!important;bottom:auto!important;margin:0!important;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;transform:none;line-height:inherit;font-size:14px;color:#7e22ce;font-weight:800}
.nbp ul.pl-f li.pl-inh{color:#6b21a8;font-weight:600}
.nbp .pl-demo{margin-top:auto;align-self:flex-start;font:inherit;font-size:13px;font-weight:600;color:#6b21a8;background:none;border:0;padding:8px 0;cursor:pointer;min-height:40px}
.pl-sum{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:18px;padding:14px 18px;box-shadow:0 10px 30px -20px rgba(60,20,120,.35)}
.pl-sum p{margin:0;color:#1d1d1f;font-size:15px}.pl-sum p b{font-weight:700}.pl-sum p span{font-size:12.5px;color:#6e6e73;margin-left:4px}.pl-sum .btn{white-space:nowrap}
@media(max-width:900px){.nbp{grid-template-columns:minmax(0,1fr);gap:22px}.nbp .pl-r{width:26px;height:26px}.pl-sum{flex-direction:column;align-items:stretch;text-align:center}.pl-sum .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.nbp .plan{transition:none}}
.nbp.nbp-1{grid-template-columns:minmax(0,440px);justify-content:center}.nbp.nbp-1 .plan{cursor:default}.nbp.nbp-1 .plan:hover{transform:none}.nbp.nbp-1+.pl-sum{max-width:440px;margin-left:auto;margin-right:auto}