/* GranaFoco — 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}}

/* Refinamento premium — planos e assinatura */
.page-plans .page-head{margin-bottom:16px}
.page-plans .page-head h1{font-size:clamp(29px,4vw,42px);letter-spacing:-.045em}
.page-plans .page-head p{max-width:720px;font-size:12px;line-height:1.6}
.smp-subscription{grid-template-columns:minmax(0,1fr) 210px;gap:20px;padding:22px 24px;border-radius:20px;margin:4px 0 16px;box-shadow:0 14px 30px #020e1766}
.smp-subscription.smp-subscription-pro{border-color:#d2a64b;background:radial-gradient(circle at 88% 0%,#e0b85f21,transparent 29%),linear-gradient(120deg,#163449,#3b2f12 45%,#17303d 100%)}
.smp-subscription.smp-subscription-family{border-color:#84c8a7;background:radial-gradient(circle at 90% 0%,#8ef0c023,transparent 28%),linear-gradient(120deg,#123847,#1c4d44 45%,#102f3a 100%)}
.smp-subscription.is-courtesy .smp-plan-kicker{color:#dff7ee}
.smp-plan-seal{width:56px;height:56px;border-radius:16px;background:linear-gradient(155deg,#4b3c16,#947438)}
.smp-subscription-family .smp-plan-seal{background:linear-gradient(155deg,#1d4d42,#3b9173)}
.smp-plan-copy h2{font-size:clamp(20px,2.4vw,27px);margin:4px 0 6px}
.smp-active-label{padding:5px 10px;border-radius:999px;font-size:9.8px;letter-spacing:.12em}
.smp-plan-copy p{font-size:11.5px;line-height:1.5;margin:0 0 10px}
.smp-plan-metadata{gap:8px 14px;font-size:10.5px}
.smp-subscription-side{padding-left:20px}.smp-time strong{font-size:37px}.smp-time span{font-size:10px}
.smp-timeline{height:8px;margin:10px 0 12px;background:#041f26d8}
.smp-renew{border-radius:14px;padding:11px 12px;font-size:11.5px;box-shadow:0 8px 18px #00000022}
.smp-renew-locked{display:block;font-size:10.5px;color:#f5efd8;line-height:1.5}
.smp-trust-carousel{position:relative;overflow:hidden;border:1px solid #29495b;background:#0f2636;border-radius:999px;padding:6px 0;margin:0 0 18px}
.smp-trust-track{display:flex;align-items:center;gap:10px;width:max-content;animation:smpMarquee 26s linear infinite}
.smp-trust-track>span{display:inline-flex;align-items:center;gap:7px;background:#162f40;color:#d6efe8;border:1px solid #34566b;border-radius:999px;padding:8px 13px;font-size:10.5px;font-weight:800;white-space:nowrap}
.smp-trust-track svg{color:#67e8b7}
@keyframes smpMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
.smp-plans-grid{gap:14px}
.smp-plan{min-height:520px;border-radius:20px;padding:24px 20px 20px}
.smp-plan .smx-plan-head{margin-bottom:18px}.smp-plan h2{font-size:24px}.smp-plan .smx-plan-desc{font-size:11.5px;line-height:1.55;margin:8px 0 16px}.smp-plan .smx-plan-price{font-size:clamp(23px,2.2vw,33px)}
.smp-plan .smx-features li{font-size:11.3px}.smp-plan-bottom{padding-top:14px}.smp-plan-bottom small{font-size:9.8px}
@media(max-width:680px){.page-plans .page-head{margin-bottom:12px}.smp-subscription{grid-template-columns:1fr;gap:16px;padding:18px 16px;border-radius:18px}.smp-subscription-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #84d8b63c;padding-top:14px;padding-left:0;border-left:0}.smp-time strong{font-size:31px}.smp-timeline{grid-column:1/3}.smp-renew,.smp-renew-locked{grid-column:2;grid-row:1;align-self:center}.smp-renew{justify-content:center}.smp-trust-carousel{margin-bottom:14px}.smp-trust-track{animation-duration:32s}.smp-plan{min-height:auto;padding:21px 17px 18px}}
@media(prefers-reduced-motion:reduce){.smp-trust-track{animation:none}}

/* Histórico de pagamentos — assinantes */
.sm-payment-history{margin:22px 0 4px;padding:23px;border-radius:20px;border:1px solid #355567;background:linear-gradient(145deg,#102d3c,#112838);color:#effdfa}
.sm-pay-history-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.sm-pay-history-head h2{margin:7px 0 7px;font-size:23px;line-height:1.15;letter-spacing:-.6px;color:#fff}.sm-pay-history-head p{margin:0;font-size:12px;color:#b0c7d0;line-height:1.65;max-width:640px}
.sm-pay-history-eyebrow{font-size:10px;color:#70dbad;letter-spacing:2px;font-weight:850}
.sm-pay-history-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.sm-pay-history-filter label{font-size:12px;color:#afc6cf;font-weight:800}.sm-pay-history-filter select{min-width:190px;max-width:100%;background:#0e2533;color:#f1fcf9;border:1px solid #34596c;padding:10px 12px;border-radius:10px}
.sm-pay-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 17px}.sm-pay-summary>div{padding:14px;border-radius:13px;border:1px solid #315265;background:#163447;min-width:0}.sm-pay-summary small{display:block;color:#aac4cc;font-size:10.5px;line-height:1.5}.sm-pay-summary strong{display:block;color:#f7fffd;font-size:20px;margin-top:5px;overflow-wrap:anywhere}
.sm-pay-history-list{display:grid;gap:9px}.sm-pay-history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid #305365;background:#132f40;border-radius:13px}.sm-pay-history-item strong{font-size:13px;color:#f2fff9}.sm-pay-history-item small{display:block;font-size:11px;color:#acc5cd;margin-top:6px;line-height:1.5}.sm-pay-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;flex:none}.sm-pay-status{display:inline-block;border-radius:999px;font-size:10px;line-height:1.3;font-weight:800;padding:6px 9px;white-space:nowrap}.sm-pay-paid{background:#14533e;color:#b7f3cf}.sm-pay-pending{background:#62491e;color:#ffe1a0}.sm-pay-failed{background:#58313d;color:#ffd0d0}
.sm-pay-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#abc3ce}.sm-pay-pagination>div{display:flex;gap:8px}.sm-pay-history-wait{padding:16px;font-size:12px;color:#c4dae0}.sm-pay-clarity{margin:14px 0 0;font-size:11px;color:#91aeb9;line-height:1.6}
@media(max-width:650px){.sm-payment-history{padding:17px}.sm-pay-summary{grid-template-columns:1fr 1fr}.sm-pay-summary>div:last-child{grid-column:1/-1}.sm-pay-history-item{align-items:flex-start;flex-direction:column}.sm-pay-item-end{flex-direction:row;justify-content:space-between;width:100%;align-items:center;text-align:left}.sm-pay-history-head h2{font-size:20px}}