/* Keep both choices visible together; expand benefits only on request. */
#price>.wrap-xs{max-width:1040px}
#price .membership-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:20px;align-items:start}
#price .membership-plan.preco__box{padding:26px;border-radius:24px}
#price .membership-plan__status{display:flex;align-items:center;min-height:38px;margin-bottom:18px;letter-spacing:.06em;padding:8px 12px}
#price .membership-plan__title{min-height:72px;font-size:32px}
#price .membership-plan__intro{min-height:48px;font-size:14px;line-height:1.5;margin-bottom:16px}
#price .membership-plan .preco__valor{font-size:68px;margin-bottom:8px}
#price .membership-plan .preco__obs{min-height:36px;margin-bottom:12px}
.membership-plan__details{border-top:1px solid var(--lime-20);border-bottom:1px solid var(--lime-20);margin-bottom:18px}
.membership-plan__details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;cursor:pointer;list-style:none;color:#e4e8d2;font:500 14px/1.4 Inter,sans-serif}
.membership-plan__details summary::-webkit-details-marker{display:none}
.membership-plan__details summary::after{content:'+';font-size:22px;color:var(--lime)}
.membership-plan__details[open] summary::after{content:'−'}
.membership-plan__details summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
#price .membership-plan .preco__feat{padding:10px 0;line-height:1.5;font-size:14px}
#price .membership-plan__scope{margin-bottom:16px}
#price .membership-plan .microcopy{margin-top:12px;font-size:11px;line-height:1.5}
@media(max-width:600px){
 #price>.wrap-xs{padding-left:12px;padding-right:12px}
 #price .membership-plans{gap:10px}
 #price .membership-plan.preco__box{padding:16px 11px;border-radius:18px}
 #price .membership-plan__status{font-size:9px;line-height:1.4;min-height:42px;padding:6px 8px;letter-spacing:0;gap:4px;margin-bottom:14px}
 #price .membership-plan__status--featured span{display:none}
 #price .membership-plan__title{font-size:23px;min-height:52px;line-height:1.12;margin-bottom:8px}
 #price .membership-plan__intro{font-size:12px;line-height:1.5;min-height:54px;margin-bottom:10px}
 #price .membership-plan .preco__valor{font-size:46px;white-space:nowrap;letter-spacing:-1px;line-height:1.15}
 #price .membership-plan .preco__valor .currency{font-size:13px;margin-top:5px}
 #price .membership-plan .preco__obs{font-size:9px;letter-spacing:.01em;line-height:1.5;min-height:28px;margin-bottom:8px}
 .membership-plan__details{margin-bottom:14px}
 .membership-plan__details summary{font-size:12px;min-height:44px;gap:3px}
 #price .membership-plan .preco__feat{font-size:12px;gap:6px}
 #price .membership-plan__scope{font-size:12px;line-height:1.5}
 #price .membership-plan .btn--solid{min-height:64px;padding:10px 6px;font-size:10px;line-height:1.5;letter-spacing:0}
 #price .membership-plan .microcopy{font-size:11px;line-height:1.5}
}
@media(max-width:360px){#price .membership-plan__title{font-size:20px}#price .membership-plan .preco__valor{font-size:40px}}
/* Limited-time launch prices: regular price struck in red above the current price. */
.price-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#price .membership-plan__launch{margin:0 0 4px;color:var(--lime);font:700 11px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#price .membership-plan__was{margin:0;line-height:1}
#price .membership-plan__was s{color:#ff4d4d;font:700 30px/1.1 Inter,sans-serif;text-decoration:line-through 3px #ff4d4d;white-space:nowrap}
@media(max-width:600px){
 #price .membership-plan__launch{font-size:9px;letter-spacing:.02em;min-height:26px}
 #price .membership-plan__was s{font-size:22px;text-decoration-thickness:2px}
}
/* Both plan cards share the same row heights, so they are always the same size (Filipe, 31/10/2026). */
#price .membership-plans{align-items:stretch;row-gap:0}
#price .membership-plan.preco__box{display:flex;flex-direction:column}
#price .membership-plan__action{margin-top:auto}
@supports (grid-template-rows:subgrid){
#price .membership-plan.preco__box{display:grid;grid-row:span 9;grid-template-rows:subgrid;row-gap:0;align-content:start}
#price .membership-plan__action{margin-top:0}
}
/* Lifetime Access, a third plan (Filipe, 03/11/2026). Only in mode three-plans-live.
   From 901px: three equal columns in a 1160px wrapper. Up to 900px: the two monthly plans stay
   side by side exactly as before (never stacked) and Lifetime sits centred below them, as wide as
   one of them (Filipe: "da mesma largura que os dois ali em cima"). */
#lifetime-plan-title{scroll-margin-top:40px}
/* Premium look: a deep violet card (Filipe, 03/11/2026: "uma cor roxada, tipo, como se fosse premium"). */
#price .membership-plan--lifetime.preco__box{border:2px solid rgba(192,132,252,.75);
 background:radial-gradient(ellipse at top right,rgba(192,132,252,.34),transparent 62%),linear-gradient(160deg,#3a1468 0%,#22093f 48%,#12051f 100%);
 box-shadow:0 0 36px rgba(147,51,234,.32),inset 0 0 30px rgba(192,132,252,.08)}
#price .membership-plan--lifetime .membership-plan__status{border-color:rgba(216,180,254,.55);background:rgba(88,28,135,.45)}
#price .membership-plan--lifetime .membership-plan__details{border-color:rgba(216,180,254,.28)}
@media(min-width:901px){
 #price>.wrap-xs.wrap-xs--three-plans{max-width:1160px}
 #price .membership-plans--three{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){#price .membership-plans--three .membership-plan--lifetime{grid-column:1/-1;justify-self:center;width:calc(50% - 10px);max-width:none;margin-top:20px}}
@media(max-width:600px){#price .membership-plans--three .membership-plan--lifetime{width:calc(50% - 5px);margin-top:10px}}