/* Scoped commercial component. No shared section, brand or animation rules. */
.chapter-pricing{overflow:clip}
#planos{padding-block:64px 90px;--vp-text:#edf6f0;--vp-muted:#a4b9ad;--vp-green:#a8e9c6;--vp-gold:#e3c58f;--vp-width:740px;color:var(--vp-text)}
#planos .vola-pricing-heading{text-align:center;margin:0 auto 32px}
#planos .vola-pricing-heading .eyebrow{margin-bottom:18px}
#planos .vola-pricing-heading h2{font-size:clamp(2.7rem,4.5vw,4.1rem);line-height:1.02;letter-spacing:-.055em}
#planos .vola-pricing-heading h2 em{font:italic 1.13em/1.08 "VLOA Campaign",Georgia,serif;color:#55bc99;letter-spacing:-.025em}
#planos .vp-selector{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.45fr;max-width:360px;padding:5px;margin:0 auto 36px;border:1px solid #769d863d;border-radius:16px;background:linear-gradient(180deg,#101b15,#070e0b);box-shadow:inset 0 1px #d3f4e00a,0 8px 24px #0006}
#planos .vp-selector:before{content:"";position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc((100% - 10px)/2.45);border:1px solid #a0dbb35e;border-radius:11px;background:linear-gradient(145deg,#305a43,#173927);box-shadow:inset 0 1px 1px #e7fff329,0 2px 6px #0005;transition:left .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1)}
#planos .vp-selector[data-mode="annual"]:before{left:calc(5px + (100% - 10px)/2.45);width:calc((100% - 10px)*1.45/2.45)}
#planos .vp-selector button{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:none;color:#a4b5ac;font:500 14px/1.3 var(--font);letter-spacing:.01em;cursor:pointer;transition:color .2s}
#planos .vp-selector button[aria-selected="true"]{color:#f3fbf5}
#planos .vp-selector button>span{white-space:nowrap;border:1px solid #98dab346;border-radius:5px;padding:3px 5px;color:#b5e8c8;font-size:10px;font-weight:600;letter-spacing:.04em;background:#a0e8b60c}
#planos :is(button,summary,.vp-panel,h4):focus-visible{outline:2px solid #b9e9c9;outline-offset:5px}
#planos .vp-card-shell{position:relative;isolation:isolate;max-width:var(--vp-width);margin:auto}
/* Two static gradient textures. Only opacity and transform animate, at six seconds. */
#planos .vp-aura{position:absolute;z-index:-1;pointer-events:none;border-radius:40%;animation:vp-atmosphere 6s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 60%}
#planos .vp-aura--wide{inset:-75px -150px -120px;background:radial-gradient(ellipse at 48% 57%,#087844a6 8%,#07583878 42%,#002c1d45 60%,transparent 73%);filter:blur(38px);opacity:.62}
#planos .vp-aura--edge{inset:-8px -32px -24px;border-radius:40px;background:radial-gradient(ellipse at 4% 26%,#25ae796e,transparent 46%),radial-gradient(ellipse at 96% 73%,#11b16e8c,transparent 48%),linear-gradient(180deg,#133b2666,#12794c73);filter:blur(26px);opacity:.64;animation-name:vp-edge-light}
#planos[data-ambient="active"] .vp-aura{animation-play-state:running}
@keyframes vp-atmosphere{0%,100%{opacity:.48;transform:scale(.96)}50%{opacity:.94;transform:scale(1.055)}}
@keyframes vp-edge-light{0%,100%{opacity:.45;transform:scale(.99)}50%{opacity:.84;transform:scale(1.025)}}
#planos .vola-offer-card{position:relative;overflow:hidden;border:1px solid #88c69e59;border-radius:24px;background:linear-gradient(145deg,#101c16,#060f0a 44%,#0c1a12);box-shadow:inset 0 1px #d5f7e425,inset 0 0 0 4px #b1e7c203,0 24px 65px #0009;color:var(--vp-text)}
#planos .vp-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 34px 22px}
#planos .vp-card-heading h3{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
#planos .vp-card-heading>span{font-size:12px;color:#a4b9ab}
/* Both panels occupy the same grid cell. The hidden, inert panel reserves its
   intrinsic height, keeping the switch stable even after fonts load or zoom. */
#planos .vp-panels{display:grid}
#planos .vp-panel{grid-area:1/1;min-width:0;visibility:visible;opacity:1;transition:opacity .28s ease,visibility .28s;outline-offset:-6px}
#planos .vp-panel[aria-hidden="true"]{visibility:hidden;opacity:0;pointer-events:none}
#planos .vp-ribbon{position:relative;min-height:76px;display:flex;align-items:center;gap:22px;padding:13px 34px;border-block:1px solid #a0d3b12b;background:linear-gradient(105deg,#224b33,#102e20 68%,#0c2318);box-shadow:inset 0 1px #daffe40d}
#planos .vp-ribbon:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#c3ffd006 48%,transparent 68%)}
#planos .vp-ribbon>strong{display:flex;align-items:baseline;gap:5px;font-size:43px;font-weight:500;line-height:1;letter-spacing:-.06em;color:#c2f2cc;white-space:nowrap}
#planos .vp-ribbon>strong>span{font-size:18px;letter-spacing:-.025em}
#planos .vp-ribbon>span:not(.vp-ribbon-period){font-size:13px;line-height:1.45;color:#9fc9ad}
#planos .vp-ribbon>span>b{font-weight:500;color:#c3dfcc}
#planos .vp-ribbon .vp-ribbon-period{margin-left:auto;max-width:110px;font-size:9px;line-height:1.7;letter-spacing:.16em;text-align:right;color:#b2d0bd}
#planos .vp-ribbon--monthly{background:linear-gradient(105deg,#39301e,#211f14 70%,#1a2115);border-color:#dac99a35;gap:10px}
#planos .vp-ribbon--monthly>strong{color:#efd5a5}
#planos .vp-ribbon--monthly>strong>span{font-size:27px;font-weight:400;letter-spacing:-.035em}
#planos .vp-ribbon--monthly>em{font:italic 37px/1 "VLOA Campaign",Georgia,serif;color:var(--vp-gold);white-space:nowrap;letter-spacing:-.03em}
#planos .vp-ribbon--monthly .vp-ribbon-period{color:#c9b893}
#planos .vp-panel-body{padding:0 34px 24px}
#planos .vp-price-block{text-align:center;padding:28px 0 26px}
#planos .vp-reference{font-size:13px;line-height:1.5;color:#a8bbaf;margin:0 0 5px}
#planos .vp-reference s{color:#a0b1a5;text-decoration-thickness:1px;margin-left:4px}
#planos .vp-price{display:flex;justify-content:center;align-items:baseline;gap:10px;line-height:1;white-space:nowrap;margin:0}
#planos .vp-price>strong{font-size:104px;font-weight:500;letter-spacing:-.075em;line-height:1.04;font-variant-numeric:tabular-nums;color:#f0f9f2}
#planos .vp-price>span:first-child{font-size:25px;letter-spacing:-.035em;color:#c4d6ca}
#planos .vp-price>span:last-child{font-size:19px;color:#afc4b6;letter-spacing:-.02em;margin-left:4px}
#planos .vp-equivalent{font-size:15px;line-height:1.5;color:#b2c6b9;margin-top:9px}
#planos .vp-equivalent strong{color:#d4e4d9;font-weight:500}
#planos .vp-billing-note{font-size:12px;line-height:1.6;color:var(--vp-muted);margin-top:4px}
#planos .vp-perk{border:1px solid #719d7c38;border-radius:13px;overflow:hidden;background:linear-gradient(115deg,#1b3022,#10241a 75%,#1a3424);box-shadow:inset 0 1px #cfead90a}
#planos .vp-perk-main{display:flex;align-items:center;gap:15px;padding:19px 20px}
#planos .vp-perk-icon{display:grid;place-items:center;flex:none;width:43px;height:45px;border:1px solid #a4d6ad42;border-radius:11px;background:linear-gradient(150deg,#78b08c2b,#4872510a);color:#abd8b6;box-shadow:inset 0 1px #d3f6dc17}
#planos .vp-icon{display:block;width:22px;height:22px;flex:none}
#planos .vp-micro{display:block;font-size:9px;letter-spacing:.13em;line-height:1.5;color:#a6c2ae;margin-bottom:4px}
#planos .vp-perk-main p{font-size:20px;line-height:1.2;letter-spacing:-.035em;color:#d9e8dc}
#planos .vp-perk-main em{font:italic 28px/1 "VLOA Campaign",Georgia,serif;letter-spacing:-.025em;color:#b6e8bd}
#planos .vp-perk-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin-left:auto;white-space:nowrap}
#planos .vp-perk-price>s,#planos .vp-perk-price>span{font-size:11px;line-height:1.4;color:#acc3b3}
#planos .vp-perk-price strong{font-size:37px;font-weight:400;line-height:1;letter-spacing:-.055em;color:#d6f0da}
#planos .vp-perk-price strong>span{font-size:17px;letter-spacing:-.02em}
#planos .vp-perk-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a4d7b322;background:#00000021;min-height:42px;padding:8px 20px}
#planos .vp-perk-foot p{font-size:12px;line-height:1.45;color:#b9cfbf}
#planos .vp-perk-foot p strong{color:#d4efd9;font-weight:600}
#planos .vp-calculation-link{display:flex;align-items:center;gap:5px;min-height:28px;padding:2px 0;border:0;background:none;color:#c8e5ce;font:500 11px/1.4 var(--font);white-space:nowrap;cursor:pointer}
#planos .vp-calculation-link .vp-icon{width:15px;height:15px;transform:rotate(-40deg);transition:transform .2s}
#planos .vp-perk--monthly{background:linear-gradient(115deg,#202b1f,#132218);border-color:#b4b48b30}
#planos .vp-perk--monthly .vp-perk-main em{color:#d8c399}
#planos .vp-perk--monthly .vp-perk-price strong{color:#e7e4ce}
#planos .vp-perk--monthly .vp-perk-foot>span{font-size:10px;color:#bfc5ac;white-space:nowrap}
#planos .vp-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:54px;margin-top:22px;padding:14px 20px;border:1px solid #e0ffe58c;border-radius:10px;background:linear-gradient(135deg,#d1eebd,#a7dcae 55%,#b9e6b7);color:#102b1a;font:600 15px/1.4 var(--font);letter-spacing:-.01em;box-shadow:inset 0 1px #f4fff2cc,0 5px 20px #53c57b15;cursor:pointer;transition:transform .22s,box-shadow .22s}
#planos .vp-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,#f8fff85e 48%,transparent 65%);transform:translateX(-105%);transition:transform .65s cubic-bezier(.22,1,.36,1)}
#planos .vp-cta .vp-icon{width:19px;height:19px;transition:transform .22s}
#planos .vp-cta:active{transform:translateY(1px)}
#planos .vp-availability{font-size:11px;line-height:1.5;color:#9bb1a3;text-align:center;margin:10px auto 0}
#planos .vp-essentials{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:24px 34px;margin:0;border-top:1px solid #9dc8ac26;background:#0000001c;gap:20px}
#planos .vp-essentials li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#c3d5c8}
#planos .vp-essentials strong{font-weight:400;color:#9fb8a7}
#planos .vp-essentials .vp-icon{color:#8cb89b;width:20px;height:20px;margin-top:2px}
#planos .vp-details{position:relative;max-width:var(--vp-width);margin:24px auto 0}
#planos .vp-details details{border-bottom:1px solid #8caf9b26}
#planos .vp-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:15px 3px;list-style:none;font-size:15px;line-height:1.5;color:#c9d9cf;cursor:pointer}
#planos .vp-details summary::-webkit-details-marker{display:none}
#planos .vp-details summary:after{display:none}
#planos .vp-details summary>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #8fc29d31;border-radius:50%;font-size:19px;font-weight:400;color:#a0c9ac;transition:transform .25s,background .25s}
#planos .vp-details details[open]>summary>span{transform:rotate(45deg);background:#7fac8b16}
#planos .vp-detail-content{padding:6px 3px 28px;font-size:15px;line-height:1.75;color:#a9beb1}
#planos .vp-detail-content p{color:inherit}
#planos .vp-detail-content ul{padding-left:21px;margin:18px 0}
#planos .vp-detail-content li+li{margin-top:10px}
#planos .vp-detail-content li::marker{color:#6ea88a}
#planos .vp-terms{display:grid;gap:24px}
#planos .vp-terms h4{margin:0 0 7px;font-size:17px;font-weight:500;color:#d4e1d9;line-height:1.4;scroll-margin-top:115px}
#planos .vp-calculation{border:1px solid #81b29433;border-radius:12px;padding:22px;background:#0c1b12}
#planos .vp-calculation dl{margin:14px 0}
#planos .vp-calculation dl>div{margin:0 0 14px}
#planos .vp-calculation dt{color:#bfd5c6}
#planos .vp-calculation dd{margin:0}
#planos .vp-calculation strong{font-weight:500;color:#deeee2}
@media(hover:hover) and (pointer:fine){
 #planos .vp-selector button:hover{color:#fff}
 #planos .vp-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px #f4fff2cc,0 7px 27px #71d78c30}
 #planos .vp-cta:hover:before{transform:translateX(100%)}
 #planos .vp-cta:hover .vp-icon{transform:translateX(3px)}
 #planos .vp-calculation-link:hover .vp-icon{transform:translate(2px,-2px) rotate(-40deg)}
 #planos .vp-details summary:hover{color:#f0fbf3}
}
@media(max-width:700px){
 #planos{padding-block:44px 65px;--vp-width:520px}
 #planos .vola-pricing-heading{margin-bottom:28px}
 #planos .vola-pricing-heading h2{font-size:42px}
 #planos .vola-pricing-heading .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:17px}
 #planos .vp-selector{margin-bottom:30px;max-width:340px}
 #planos .vp-selector button{min-height:46px;font-size:13px}
 #planos .vola-offer-card{border-radius:19px}
 #planos .vp-card-heading{padding:21px 22px 20px}
 #planos .vp-card-heading h3{font-size:19px}
 #planos .vp-card-heading>span{font-size:10px}
 #planos .vp-ribbon{padding:14px 22px;gap:18px;min-height:77px}
 #planos .vp-ribbon>strong{font-size:42px}
 #planos .vp-ribbon>span:not(.vp-ribbon-period){font-size:12px}
 #planos .vp-ribbon .vp-ribbon-period{display:none}
 #planos .vp-ribbon--monthly{gap:9px}
 #planos .vp-ribbon--monthly>strong{font-size:38px}
 #planos .vp-ribbon--monthly>strong>span{font-size:24px}
 #planos .vp-ribbon--monthly>em{font-size:31px}
 #planos .vp-panel-body{padding:0 22px 22px}
 #planos .vp-price-block{padding:26px 0 24px}
 #planos .vp-reference{font-size:12px}
 #planos .vp-price>strong{font-size:92px}
 #planos .vp-price>span:first-child{font-size:22px}
 #planos .vp-price>span:last-child{font-size:17px}
 #planos .vp-price{gap:8px}
 #planos .vp-equivalent{font-size:13px;max-width:270px;margin:10px auto 0;min-height:39px}
 #planos .vp-equivalent strong{display:block}
 #planos .vp-billing-note{font-size:11px;max-width:250px;margin:7px auto 0;min-height:35px}
 #planos .vp-perk-main{padding:17px 15px;gap:11px;flex-wrap:wrap}
 #planos .vp-perk-icon{width:35px;height:38px;border-radius:9px}
 #planos .vp-perk-icon .vp-icon{width:19px;height:19px}
 #planos .vp-micro{font-size:8px;letter-spacing:.1em}
 #planos .vp-perk-main p{font-size:17px}
 #planos .vp-perk-main em{font-size:24px}
 #planos .vp-perk-price{width:100%;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:14px;padding-top:4px}
 #planos .vp-perk-price strong{font-size:36px}
 #planos .vp-perk-price>s,#planos .vp-perk-price>span{font-size:12px}
 #planos .vp-perk-foot{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 15px;min-height:57px}
 #planos .vp-perk-foot p{font-size:11px;max-width:170px}
 #planos .vp-calculation-link{font-size:10px;min-height:36px}
 #planos .vp-perk--monthly .vp-perk-foot>span{font-size:10px}
 #planos .vp-cta{min-height:53px;font-size:14px;margin-top:20px;border-radius:10px;padding-inline:12px;gap:10px}
 #planos .vp-availability{font-size:10px;max-width:250px;min-height:30px;margin-top:10px}
 #planos .vp-essentials{grid-template-columns:1fr;gap:15px;padding:23px 22px}
 #planos .vp-essentials li{font-size:13px;gap:13px;align-items:center}
 #planos .vp-essentials br{display:none}
 #planos .vp-essentials .vp-icon{margin:0;width:19px;height:19px}
 #planos .vp-aura--wide{inset:-50px -85px -90px;filter:blur(25px);background:radial-gradient(ellipse at 50% 57%,#087844b0 15%,#07583885 47%,#002c1d50 62%,transparent 76%)}
 #planos .vp-aura--edge{inset:0 -14px -14px;filter:blur(20px)}
 #planos .vp-details{margin-top:19px}
 #planos .vp-details summary{font-size:15px;min-height:60px}
 #planos .vp-detail-content{font-size:14px}
 #planos .vp-calculation{padding:18px}
}
@media(max-width:370px){
 #planos .vola-pricing-heading h2{font-size:38px}
 #planos .vp-card-heading{padding-inline:17px}
 #planos .vp-card-heading>span{font-size:9px}
 #planos .vp-panel-body{padding-inline:17px}
 #planos .vp-ribbon{padding-inline:17px}
 #planos .vp-ribbon--monthly{gap:6px}
 #planos .vp-ribbon--monthly>strong{font-size:33px}
 #planos .vp-ribbon--monthly>strong>span{font-size:21px}
 #planos .vp-ribbon--monthly>em{font-size:27px}
 #planos .vp-price>strong{font-size:82px}
 #planos .vp-price{gap:6px}
 #planos .vp-reference{font-size:11px}
 #planos .vp-perk-main{padding-inline:12px}
 #planos .vp-perk-main p{font-size:16px}
 #planos .vp-perk-main em{font-size:23px}
 #planos .vp-perk-icon{width:30px;height:34px}
 #planos .vp-perk-foot{padding-inline:12px}
 #planos .vp-perk-foot p{font-size:10px}
 #planos .vp-perk--monthly .vp-perk-foot>span{font-size:9px}
 #planos .vp-essentials{padding-inline:17px}
 #planos .vp-essentials li{font-size:12px;gap:11px}
}
@media(prefers-reduced-motion:reduce){
 #planos .vp-aura{animation:none;transform:none;opacity:.7}
 #planos :is(.vp-selector:before,.vp-panel,.vp-cta,.vp-cta:before,.vp-icon,.vp-details summary>span){transition:none}
 #planos .vp-cta:hover{transform:none}
 #planos .vp-cta:before{display:none}
}

/* Annual promotion has its own light; the existing six-second outer aura
   above is intentionally unchanged. Both use the existing visibility gate. */
#planos .vp-ribbon--annual{isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#126348,#0a3828 64%,#102d21);border-color:#58e5aa66}
#planos .vp-ribbon--annual:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 50%,#12e89a73,transparent 67%);opacity:.24;animation:vp-promo-pulse 7.8s ease-in-out infinite;animation-play-state:paused}
#planos .vp-ribbon--annual:after{z-index:-1;inset:-40% -20%;background:linear-gradient(110deg,transparent 34%,#52ffc31a 43%,#a3ffdb38 49%,#52ffc31a 55%,transparent 65%);transform:translateX(-85%);animation:vp-promo-sheen 7.8s ease-in-out infinite;animation-play-state:paused}
#planos .vp-ribbon--annual>strong{color:#d5ffe6;text-shadow:0 0 18px #37efaa66}
#planos .vp-ribbon--annual>span:not(.vp-ribbon-period){color:#b7e4cd}
#planos .vp-ribbon--annual>span>b{color:#ddf5e7}
#planos[data-ambient="active"] #vp-annual[aria-hidden="false"] .vp-ribbon--annual:before,
#planos[data-ambient="active"] #vp-annual[aria-hidden="false"] .vp-ribbon--annual:after{animation-play-state:running}
@keyframes vp-promo-pulse{0%,100%{opacity:.24}48%{opacity:.85}}
@keyframes vp-promo-sheen{0%,15%{transform:translateX(-85%);opacity:0}30%{opacity:.7}65%{transform:translateX(85%);opacity:0}100%{transform:translateX(85%);opacity:0}}
#planos .vp-perk--annual{background:radial-gradient(ellipse at 12% 0%,#b08b3926,transparent 70%),linear-gradient(110deg,#322d1e,#211f14 75%,#1a2115);border-color:#dac99a59;box-shadow:inset 0 1px #f8e7b82b}
#planos .vp-perk--annual .vp-perk-icon{color:#e3c58f;border-color:#d8ba754d;background:linear-gradient(150deg,#cfac4826,#69501c0a)}
#planos .vp-perk--annual :is(.vp-micro,.vp-perk-price>s){color:#cfbf9c}
#planos .vp-perk--annual .vp-perk-main em{color:var(--vp-gold)}
#planos .vp-perk--annual .vp-perk-price strong{color:#f3e1b9}
#planos .vp-perk--annual .vp-perk-foot{border-color:#dac99a30}
#planos .vp-perk--annual .vp-perk-foot p{color:#d2c9b4}
#planos .vp-perk--annual :is(.vp-perk-foot p strong,.vp-calculation-link){color:#eed8a6}
@media(prefers-reduced-motion:reduce){#planos .vp-ribbon--annual:before{animation:none;opacity:.4}#planos .vp-ribbon--annual:after{animation:none;display:none}}