@import"https://fonts.googleapis.com/css?family=Raleway:400,500,800";@import"https://fonts.googleapis.com/css?family=Montserrat:800";.snip1214{font-family:Raleway,Arial,sans-serif;color:#1a1a2e;display:flex;gap:18px;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;max-width:100%;margin:30px 0;padding:10px 0}.snip1214 *{box-sizing:border-box}.snip1214 .plan{width:calc(20% - 18px);min-width:195px;position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;overflow:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,opacity .3s ease}.snip1214 .plan:hover{transform:translateY(-5px);box-shadow:0 14px 36px #00000014}.snip1214 .plan-title{position:relative;font-weight:800;font-size:1.05em;padding:16px 14px 13px;margin:0;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-image:linear-gradient(310deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 70%,#000) 100%);color:var(--color-on-primary);border-radius:18px 18px 0 0;overflow:hidden}.snip1214 .plan-cost{padding:20px 14px 8px;text-align:center}.snip1214 .plan-price{font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:1.8em;color:#111827;display:block;line-height:1.15}.snip1214 .plan-type{display:block;font-size:.82em;color:#6b7280;margin-top:2px;font-weight:500}.snip1214 .plan-currency{font-size:.45em;font-weight:600;color:#9ca3af;vertical-align:middle;letter-spacing:.5px}.snip1214 .plan-discount{display:inline-block;margin-top:10px;padding:4px 12px;font-size:.72em;font-weight:700;border-radius:20px;letter-spacing:.2px;border:1.5px solid}.snip1214 .plan-discount.discount-none{color:#9ca3af;border-color:#e5e7eb;background:#f9fafb}.snip1214 .plan-discount.discount-yes{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.snip1214 .plan-state{text-align:center;min-height:34px;padding:4px 14px 6px;display:flex;align-items:center;justify-content:center}.snip1214 .plan-badge{display:none;align-items:center;gap:6px;padding:5px 14px;font-size:.72em;font-weight:700;border-radius:20px;border:1.5px solid transparent;text-transform:uppercase;letter-spacing:.4px;transition:all .25s ease;background:transparent;color:transparent}.snip1214 .plan-badge.badge-actual,.snip1214 .plan-badge.badge-upgrade,.snip1214 .plan-badge.badge-downgrade,.snip1214 .plan-badge.badge-disponible{display:inline-flex}.snip1214 .plan-badge.badge-actual{background:#ecfdf5;color:#059669;border-color:#34d399}.snip1214 .plan-badge.badge-actual:before{content:"";font-family:FontAwesome;font-size:10px}.snip1214 .plan-badge.badge-upgrade{background:#fffbeb;color:#d97706;border-color:#fbbf24}.snip1214 .plan-badge.badge-upgrade:before{content:"";font-family:FontAwesome;font-size:10px}.snip1214 .plan-badge.badge-downgrade{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db}.snip1214 .plan-badge.badge-downgrade:before{content:"";font-family:FontAwesome;font-size:10px}.snip1214 .plan-badge.badge-disponible{background:#eff6ff;color:#3b82f6;border-color:#93c5fd}.snip1214 .plan-features{padding:0;margin:0;list-style:none;font-size:.8em;flex:1}.snip1214 .plan-features li{padding:10px 14px;border-top:1px solid #f3f4f6;color:#374151;font-weight:500}.snip1214 .plan-features li:nth-child(2n){background:#f9fafb}.snip1214 .plan-features li:before{content:"";font-family:FontAwesome;color:#10b981;margin-right:8px;font-size:11px}.snip1214 .plan-features li.sin-caracteristica:before{content:"";color:#ef4444}.snip1214 .badge-bonus{display:inline-block;padding:3px 10px;font-size:.85em;font-weight:700;border-radius:20px;background:linear-gradient(310deg,#ffc05a,#eb9713);color:#fff;vertical-align:middle;margin-left:4px}.snip1214 .plan-select{padding:14px 14px 18px;border-top:1px solid #f3f4f6;margin-top:auto;text-align:center;min-height:64px}.snip1214 .plan-select .btn{width:100%;border-radius:10px;font-weight:700;font-size:.85em;padding:10px 18px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;border:none}.snip1214 .plan-select .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.snip1214 .plan-select .plan-activo-label{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#059669;font-size:.9em;padding:10px 0}.snip1214 .featured{margin-top:-10px;background:linear-gradient(310deg,#1a365d,#0c528e);color:#fff;box-shadow:0 10px 30px #0c528e40;z-index:1;border-color:transparent}.snip1214 .featured:hover{box-shadow:0 18px 42px #0c528e52;transform:translateY(-8px)}.snip1214 .featured .plan-title{background:#ffffff1f}.snip1214 .featured .plan-price{color:#fff}.snip1214 .featured .plan-type{color:#ffffffa6}.snip1214 .featured .plan-currency{color:#ffffff80}.snip1214 .featured .plan-discount{color:#fff;border-color:#fff6;background:#ffffff1a}.snip1214 .featured .plan-badge.badge-actual{background:#05966940;border-color:#34d399}.snip1214 .featured .plan-badge.badge-upgrade{background:#d9770640;border-color:#fbbf24}.snip1214 .featured .plan-badge.badge-downgrade{background:#9ca3af33;border-color:#ffffff4d}.snip1214 .featured .plan-badge.badge-disponible{background:#3b82f633;border-color:#fff6;color:#93c5fd}.snip1214 .featured .plan-features li{border-top-color:#ffffff1f;color:#ffffffeb}.snip1214 .featured .plan-features li:nth-child(2n){background:#ffffff0d}.snip1214 .featured .plan-features li:before{color:#6ee7b7}.snip1214 .featured .plan-features li.sin-caracteristica:before{color:#fca5a5}.snip1214 .featured .plan-select{border-top-color:#ffffff1f}.snip1214 .popular-tag{display:inline-block;background:#fff3;color:#fff;font-size:.55em;font-weight:700;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.4px;margin-left:6px;vertical-align:middle;border:1px solid rgba(255,255,255,.35)}.snip1214 .plan.plan-estado-upgrade{border-color:var(--color-primary);border-width:2px;box-shadow:0 6px 22px #d977061f}.snip1214 .plan.plan-estado-upgrade:hover{box-shadow:0 12px 34px #d977062e}.snip1214 .plan.plan-estado-downgrade{opacity:.5;filter:grayscale(.25);pointer-events:none}.snip1214 .plan.plan-estado-downgrade:hover{transform:none;box-shadow:none}@media only screen and (max-width:1200px){.snip1214{gap:14px}.snip1214 .plan{width:calc(33.33% - 14px)}.snip1214 .featured{margin-top:0}}@media only screen and (max-width:767px){.snip1214 .plan{width:calc(50% - 14px)}.snip1214 .featured{margin-top:0}}@media only screen and (max-width:480px){.snip1214 .plan{width:100%}}
