/* SubaMeta — assinatura e primeira jornada. Tema escuro permanente. */
.smp-subscription{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 222px;gap:28px;overflow:hidden;align-items:center;margin:8px 0 22px;padding:27px 32px;border-radius:23px;border:1px solid #3b967b;background:linear-gradient(118deg,#102f38 0%,#174841 60%,#0c2b36 100%);color:#e9fff8;box-shadow:0 16px 38px #020e1790}
.smp-glow{position:absolute;z-index:-1;right:-85px;top:-150px;width:420px;height:350px;background:radial-gradient(circle,#3adea02d,transparent 70%);pointer-events:none}
.smp-subscription-urgent{border-color:#dbb86d;background:linear-gradient(120deg,#1a303d,#294d43,#263a33)}
.smp-subscription-main{display:flex;align-items:flex-start;gap:19px;min-width:0}
.smp-plan-seal{width:65px;height:65px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(140deg,#348e7e,#2e6359);border-radius:19px;color:#bfffe6;box-shadow:inset 0 0 0 1px #82f0ca33}
.smp-plan-copy{min-width:0}.smp-plan-kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.11em;font-size:10px;font-weight:850;color:#b8f7dd;text-transform:uppercase}
.smp-live-dot,.smp-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;display:inline-block;background:#40dfa1;box-shadow:0 0 0 4px #40dfa119}
.smp-plan-copy h2{font-size:clamp(22px,2.7vw,29px);line-height:1.3;margin:7px 0 6px;color:#f8fffd;letter-spacing:-.035em;font-weight:850}
.smp-active-label{display:inline-block;padding:4px 9px;vertical-align:middle;white-space:nowrap;background:#2b9d77;border:1px solid #71dfb166;border-radius:7px;color:#f1fffb;font-size:10px;letter-spacing:.1em}
.smp-plan-copy p{color:#d1e9e3;font-size:12px;line-height:1.55;margin:0 0 14px}
.smp-plan-metadata{display:flex;gap:13px 19px;flex-wrap:wrap;font-size:11px;color:#e5f7ed}
.smp-plan-metadata span{display:inline-flex;align-items:center;gap:6px}.smp-plan-metadata svg{color:#8df1be}
.smp-subscription-side{border-left:1px solid #86d6b449;padding-left:27px}.smp-time{display:flex;gap:10px;align-items:baseline}
.smp-time strong{font-size:44px;font-weight:900;color:#fff;letter-spacing:-.055em;font-variant-numeric:tabular-nums;line-height:1}
.smp-time span{font-size:11px;font-weight:700;color:#c8efdf}.smp-timeline{height:6px;background:#062d2d9c;border-radius:99px;overflow:hidden;margin:14px 0 16px}
.smp-timeline>span{display:block;height:100%;background:linear-gradient(90deg,#62e9a9,#b5ffdb);border-radius:99px;transition:width .5s}
.smp-renew{border:none;background:#c2ffe1;color:#0c4436;border-radius:11px;width:100%;padding:12px 12px;font-size:12px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}
.smp-renew:hover{background:white}.smp-free-hero{display:flex;align-items:center;gap:17px;margin:8px 0 24px;padding:18px 20px;border-radius:16px;background:#112d3a;border:1px solid #315265;color:#e9fafb}
.smp-free-hero strong{font-size:15px}.smp-free-hero p{margin:4px 0 0;color:#afc4cb;font-size:12px}
.smp-trust{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.smp-trust>span{display:inline-flex;align-items:center;gap:7px;background:#162f40;color:#c6e7dd;border:1px solid #325065;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:700}
.smp-trust svg{color:#5fe0af}
.smp-plans-grid{align-items:stretch;gap:16px}.smp-plan{min-height:575px;display:flex;flex-direction:column;box-shadow:0 12px 28px #010e1738;transition:transform .2s,border-color .2s,box-shadow .2s}
.smp-plan:hover{transform:translateY(-3px);box-shadow:0 22px 42px #020c185c}.smp-plan-pro{border-color:#4acd9e!important;background:linear-gradient(160deg,#123c40,#172f42 50%,#143a3d)!important}
.smp-plan-family{border-color:#a8c69c!important;background:linear-gradient(150deg,#1c3639,#22463c 50%,#17353d)!important}
.smp-plan-free{background:#112939!important;border-color:#294b5e!important}
.smp-plan .smx-plan-price{margin-bottom:2px}.smp-plan .smx-features{margin-top:16px;margin-bottom:15px}.smp-plan .smx-features li{align-items:flex-start;line-height:1.5}.smp-plan .smx-features svg{flex-shrink:0;margin-top:2px}
.smp-plan-highlights{display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px 13px;background:#ffffff09;border:1px solid #ffffff20;margin:12px 0 4px}
.smp-highlight-marker{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#97f5c8;background:#2f81634c;flex-shrink:0}
.smp-plan-highlights strong{display:block;font-size:12px;letter-spacing:.05em;color:#c8ffe0}.smp-plan-highlights small{display:block;font-size:11px;color:#9cbbb9;margin-top:4px}
.smp-plan-bottom{margin-top:auto;border-top:1px solid #ffffff1b;padding-top:17px}.smp-plan-bottom small{display:block;color:#9eb8bf;font-size:10px;text-align:center;margin-top:10px;line-height:1.4}
.smp-plan-free .smx-features .smx-limited{color:#96a5b3;opacity:.75}.smp-pricing-disclaimer{color:#a9bec7;line-height:1.6;font-size:12px;text-align:center;margin:20px auto;max-width:870px}
@media(max-width:1050px){.smp-subscription{grid-template-columns:minmax(0,1fr) 190px;padding:24px}.smp-plan{min-height:auto}}
@media(max-width:680px){.smp-subscription{grid-template-columns:1fr;gap:18px;padding:22px 18px;border-radius:18px}.smp-plan-seal{width:48px;height:48px;border-radius:13px}.smp-subscription-main{gap:12px}.smp-plan-copy h2{font-size:22px}.smp-plan-metadata{gap:7px 14px}.smp-subscription-side{border-left:0;border-top:1px solid #86d6b449;padding-left:0;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.smp-time strong{font-size:35px}.smp-timeline{grid-column:1/3;margin:0}.smp-renew{grid-row:1;grid-column:2;font-size:11px;padding:11px 7px}.smp-trust{gap:8px}.smp-trust>span{font-size:10px}.smp-plan{min-height:auto}}
@media(prefers-reduced-motion:reduce){.smp-plan,.smp-timeline>span{transition:none}}
.smp-expired-banner{display:flex;align-items:center;gap:17px;padding:19px 23px;margin:8px 0 20px;border:1px solid #9d794d;background:linear-gradient(120deg,#282f39,#473e2d);border-radius:18px;color:#fff0d2}
.smp-expired-banner>span{display:grid;place-items:center;width:47px;height:47px;background:#a1844b39;border-radius:13px;flex-shrink:0}
.smp-expired-banner>div{flex:1}.smp-expired-banner strong{font-size:15px}.smp-expired-banner p{font-size:12px;color:#e5d5b7;margin:5px 0 0;line-height:1.5}
.smp-expired-banner button{display:flex;align-items:center;gap:8px;background:#fff0c7;border:0;border-radius:11px;padding:12px 14px;font-size:12px;font-weight:900;color:#513a19;cursor:pointer}
@media(max-width:680px){.smp-expired-banner{flex-wrap:wrap;padding:17px}.smp-expired-banner button{width:100%;justify-content:center}}