/* Finanças UP — página de vendas do Planner Financeiro UP 2027 (/planner/). Usa as cores e peças de estilo.css.
   Desenho: topo claro com a capa escura do Planner em destaque; faixa escura (ameixa) só para os 11 bônus;
   o verde fica nos botões de ação, como na página do App. */
:root{--verde:#1E8056;--verde-esc:#176946;--verde-claro:#8FD9B4;--verde-fundo:#E6F4EC;--tinta:#1E1420;--ameixa2:#4B364D;--ameixa3:#5A435C}

/* botões de ação em verde (pedido do Wagner); o contorno continua neutro */
.btn{background:var(--verde);box-shadow:0 8px 20px rgba(30,128,86,.28)}
.btn:hover{background:var(--verde-esc)}
.btn.contorno{box-shadow:none;background:transparent}
.btn.contorno:hover{background:var(--ameixa);color:#fff}
.btn:focus-visible,.pl-aba:focus-visible,.pl-link:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.topo .cta{background:var(--verde)}
.topo .cta:hover{background:var(--verde-esc)}
.btn-grande{padding:18px 32px;font-size:18px}
.btn.desligado{background:var(--linha);color:var(--cinza);cursor:not-allowed;box-shadow:none}
.btn.desligado:hover{transform:none;background:var(--linha)}
.pl h1,.pl h2{text-wrap:balance}
.pl [hidden]{display:none!important}
.pl .centro{text-align:center}
.pl .sub{margin-top:12px;font-size:18px;color:var(--cinza);max-width:660px}
.pl .centro .sub,.pl .sub.centro{margin-inline:auto}
.faixa-rascunho{background:#FFF4D6;color:#6B4E00;font-size:14px;padding:10px 0;border-bottom:1px solid #F0DDA0}

/* listas com marca */
.pl-check,.pl-x{list-style:none;display:grid;gap:12px;margin-top:20px}
.pl-check li,.pl-x li,.pl-selos li{display:flex;gap:9px;align-items:flex-start}
.pl-check li span,.pl-x li span{min-width:0}
.pl-check svg{color:var(--verde);flex:none;margin-top:3px}
.pl-x svg{color:var(--cereja);flex:none;margin-top:4px}

/* ---------- molduras: tablet, folha, capa de livro, celular e janela da planilha ---------- */
.pl-tab{background:var(--tinta);border-radius:22px;padding:9px;box-shadow:0 30px 60px rgba(30,20,32,.26)}
.pl-tab img{width:100%;border-radius:13px;background:#fff}
.pl-folha{background:#fff;border-radius:6px;box-shadow:0 22px 46px rgba(30,20,32,.22),0 0 0 1px rgba(62,42,63,.07);overflow:hidden}
.pl-folha img{width:100%}
.pl-capa{position:relative;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:0 22px 44px rgba(20,12,22,.42),0 0 0 1px rgba(255,255,255,.06)}
.pl-capa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.10) 3.2%,rgba(0,0,0,0) 7%);pointer-events:none}
.pl-capa img{width:100%}
.pl-cel{background:var(--tinta);border-radius:26px;padding:6px;box-shadow:0 26px 52px rgba(20,12,22,.42),0 0 0 1px rgba(255,255,255,.08) inset}
.pl-cel img{width:100%;border-radius:20px;background:#fff}
.pl-janela{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(30,20,32,.26)}
.pl-janela-barra{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#F3EAEE;border-bottom:1px solid var(--linha)}
.pl-janela-barra i{width:10px;height:10px;border-radius:50%;background:#D9C6CF}
.pl-janela-barra span{margin-left:10px;min-width:0;background:#fff;border-radius:999px;padding:3px 12px;font-size:12px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-janela img{width:100%}

/* ---------- topo (hero) ---------- */
.pl-hero{position:relative;overflow:hidden;padding:60px 0 0;background:var(--washi)}
.pl-forma{position:absolute;border-radius:0 100% 0 100%;pointer-events:none}
.pl-forma.f1{width:640px;height:640px;right:-200px;top:-260px;background:var(--sakura);opacity:.75}
.pl-forma.f2{width:340px;height:340px;left:-210px;bottom:-190px;background:var(--azulc);opacity:.55}
.pl-hero-grade{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.pl-hero-texto{padding:22px 0 70px}
.pl-selo{display:inline-block;background:var(--ameixa);color:var(--washi);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:20px}
.pl-lead{font-size:19px;margin-top:20px;max-width:560px}
.pl-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}
.pl-link{color:var(--ameixa);font-weight:800;text-decoration:none;border-bottom:2px solid var(--cereja);padding-bottom:2px}
.pl-link:hover{color:var(--cereja)}
.pl-selos{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:14px;color:#5A4A5C}
.pl-selos svg{color:var(--verde);flex:none;margin-top:3px}
.pl-hero-arte{position:relative;height:600px}
.pl-hero-arte .pl-janela{position:absolute;left:118px;top:0;width:640px}
.pl-hero-arte .pl-tab{position:absolute;left:0;top:112px;width:262px;z-index:2;transform:rotate(-3deg)}
.pl-hero-arte .pl-folha{position:absolute;left:222px;top:262px;width:226px;z-index:3;transform:rotate(3.5deg)}
.pl-chip{position:absolute;z-index:4;background:#fff;color:var(--ameixa);border-radius:14px;padding:10px 14px;box-shadow:0 14px 34px rgba(30,20,32,.20);font-size:12px;line-height:1.35;font-weight:600;white-space:nowrap}
.pl-chip b{display:block;font-family:Sora,sans-serif;font-size:16px}
.pl-chip.c1{left:min(398px,calc(100% - 156px));top:196px}
.pl-chip.c1 b{color:#1F6B4A}
.pl-chip.c2{left:14px;top:508px}
.pl-chip.c2 b{color:var(--cereja)}
.pl-nota-telas{position:relative;text-align:right;font-size:12px;color:var(--cinza);padding:0 0 14px}
@media(prefers-reduced-motion:no-preference){
 .pl-hero-arte .pl-tab{animation:pl-sobe .7s cubic-bezier(.2,.7,.2,1) both}
 .pl-hero-arte .pl-folha{animation:pl-sobe2 .7s .1s cubic-bezier(.2,.7,.2,1) both}
 .pl-hero-arte .pl-janela,.pl-chip{animation:pl-surge .6s .2s ease-out both}
 @keyframes pl-sobe{from{opacity:0;transform:translateY(24px) rotate(-3deg)}to{opacity:1;transform:rotate(-3deg)}}
 @keyframes pl-sobe2{from{opacity:0;transform:translateY(24px) rotate(3.5deg)}to{opacity:1;transform:rotate(3.5deg)}}
 @keyframes pl-surge{from{opacity:0}to{opacity:1}}
}
@media(max-width:1020px){
 .pl-hero-grade{grid-template-columns:minmax(0,1fr);gap:4px}
 .pl-hero{padding-top:34px}
 .pl-hero-texto{padding:8px 0 14px}
 .pl-hero-arte{height:400px;width:min(360px,100%);margin-inline:auto}
 .pl-hero-arte .pl-janela{display:none}
 .pl-hero-arte .pl-tab{left:6px;top:22px;width:210px;border-radius:18px;padding:7px}
 .pl-hero-arte .pl-folha{left:auto;right:6px;top:92px;width:178px}
 .pl-chip.c1{left:auto;right:0;top:34px}
 .pl-chip.c2{left:0;top:334px}
 .pl-nota-telas{text-align:center;padding-top:6px}
}
@media(max-width:520px){.pl-hero{padding-top:26px}.pl-lead{font-size:17.5px;margin-top:16px}.pl-acoes{margin-top:22px}.pl-selos{margin-top:16px}.pl-selo{margin-bottom:14px}}
@media(max-width:400px){.pl-acoes .btn{width:100%}.pl-hero-arte{height:372px}.pl-hero-arte .pl-tab{width:190px}.pl-hero-arte .pl-folha{width:160px}.pl-chip.c2{top:306px}}

/* ---------- números ---------- */
.pl-numeros{padding:0;background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.pl-numeros ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.pl-numeros li{padding:26px 18px;border-left:1px solid var(--linha);font-size:14px;line-height:1.4;color:var(--cinza)}
.pl-numeros li:first-child{border-left:0}
.pl-numeros b{display:block;font-family:Sora,sans-serif;font-size:30px;line-height:1.1;color:var(--ameixa);margin-bottom:4px}
@media(max-width:760px){.pl-numeros ul{grid-template-columns:1fr 1fr}.pl-numeros li:nth-child(3){border-left:0}.pl-numeros li:nth-child(n+3){border-top:1px solid var(--linha)}
 .pl-numeros li{padding:20px 14px}.pl-numeros b{font-size:26px}}

/* ---------- identificação ---------- */
.pl-dores{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.pl-dor{background:var(--washi);border-radius:16px;padding:22px}
.pl-dor b{display:block;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:21px;line-height:1.2;margin-bottom:8px}
.pl-dor span{font-size:15px;color:var(--cinza)}
.pl-fecho{margin-top:30px;font-size:19px;font-weight:700;border-left:4px solid var(--verde);padding-left:16px;max-width:820px}
@media(max-width:960px){.pl-dores{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pl-dores{grid-template-columns:1fr}}

/* ---------- método ---------- */
.pl-metodo{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;align-items:end}
.pl-degrau{background:#fff;padding:22px 22px 26px;border-top:6px solid var(--cor);box-shadow:var(--sombra)}
@media(min-width:901px){.pl-degrau:nth-child(1){min-height:176px}.pl-degrau:nth-child(2){min-height:206px}.pl-degrau:nth-child(3){min-height:236px}.pl-degrau:nth-child(4){min-height:266px}
 .pl-degrau:first-child{border-radius:16px 0 0 16px}.pl-degrau:last-child{border-radius:0 16px 16px 0}}
.pl-degrau .num{display:block;font-size:26px;color:var(--cor);line-height:1}
.pl-degrau b{display:block;font-size:19px;margin:10px 0 4px}
.pl-degrau span:last-child{font-size:15px;color:var(--cinza)}
@media(max-width:900px){.pl-metodo{grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.pl-degrau{border-radius:16px}}
@media(max-width:520px){.pl-metodo{grid-template-columns:1fr}}

/* ---------- abas (o Planner por dentro e os bônus) ---------- */
.pl-func{display:grid;grid-template-columns:236px minmax(0,1fr);gap:44px;margin-top:36px;align-items:start}
.pl-abas{display:grid;gap:8px}
.pl-aba{font:700 16px Manrope,sans-serif;color:var(--ameixa);text-align:left;background:var(--washi);border:2px solid transparent;border-radius:14px;padding:13px 16px;cursor:pointer;
 display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s,border-color .15s}
.pl-aba::after{content:"→";font-family:Sora,sans-serif;color:var(--cinza);opacity:0;transition:opacity .15s}
.pl-aba:hover{border-color:var(--linha)}
.pl-aba[aria-selected=true]{background:var(--ameixa);color:#fff}
.pl-aba[aria-selected=true]::after{opacity:1;color:var(--rosa)}
.pl-painel{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:48px;align-items:center}
.pl-painel+.pl-painel{margin-top:56px}
.pl-func.js .pl-painel+.pl-painel{margin-top:0}
.pl-painel h3{font-size:30px;text-wrap:balance}
.pl-painel p{margin-top:12px;font-size:18px;color:var(--cinza)}
.pl-painel .pl-check{font-size:16px}
.pl-pag{position:relative;padding:0 0 26px}
.pl-pag .pl-tab{width:70%}
.pl-zoom{position:absolute;right:0;bottom:0;width:64%;background:#fff;border:4px solid #fff;border-radius:16px;box-shadow:0 22px 48px rgba(30,20,32,.30)}
.pl-zoom img{width:100%;border-radius:11px}
.pl-zoom span{position:absolute;left:10px;top:-15px;box-shadow:0 0 0 3px #fff;display:inline-flex;align-items:center;gap:5px;background:var(--ameixa);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
@media(prefers-reduced-motion:no-preference){.pl-func.js .pl-painel:not([hidden]) .pl-pag,.pl-func.js .pl-painel:not([hidden]) .pl-arte{animation:pl-troca .35s ease-out both}
 @keyframes pl-troca{from{opacity:.4;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}}
.pl-itens{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px;margin-top:56px;border-top:1px solid var(--linha);padding-top:28px}
.pl-item{padding:10px 0}
.pl-item b{display:block;font-size:17px}
.pl-item span{font-size:15px;color:var(--cinza)}
@media(max-width:1060px){.pl-painel{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px}}
@media(max-width:960px){
 .pl-func{grid-template-columns:minmax(0,1fr);gap:22px}
 .pl-abas{display:flex;overflow-x:auto;gap:8px;margin-inline:-16px;padding:2px 16px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .pl-abas::-webkit-scrollbar{display:none}
 .pl-aba{flex:none;white-space:nowrap;padding:11px 16px;border-radius:999px;scroll-snap-align:start}
 .pl-aba::after{display:none}
 .pl-itens{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .pl-painel{grid-template-columns:minmax(0,1fr);gap:24px}
 .pl-painel>div:last-child{order:-1}
 .pl-pag{width:min(380px,100%);margin-inline:auto}
 .pl-painel h3{font-size:26px}
}
@media(max-width:520px){.pl-itens{grid-template-columns:1fr;margin-top:40px}}

/* ---------- no dia a dia ---------- */
.pl-dia{display:grid;grid-template-columns:330px minmax(0,1fr);gap:64px;align-items:center}
.pl-dia-arte .pl-tab{transform:rotate(-2deg)}
.pl-linha{list-style:none;margin-top:30px;position:relative;display:grid;gap:24px}
.pl-linha::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.pl-linha li{position:relative;padding-left:38px}
.pl-linha li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--washi);border:4px solid var(--verde)}
.pl-linha b{display:block;font-size:18px}
.pl-linha span{color:var(--cinza);font-size:16px}
@media(max-width:860px){.pl-dia{grid-template-columns:minmax(0,1fr);gap:34px}.pl-dia-arte{width:min(280px,78%);margin-inline:auto;order:2}}

/* ---------- teste da regra dos 7 dias ---------- */
.pl-demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.pl-demo-caixa{background:#fff;border-radius:22px;box-shadow:var(--sombra);padding:28px}
.pl-demo-campos{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.pl-demo-campos .largo{grid-column:1/-1}
.pl-demo-caixa label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}
.pl-campo{display:flex;align-items:center;gap:8px;border:2px solid var(--linha);border-radius:14px;padding:9px 14px;background:#fff}
.pl-campo:focus-within{border-color:var(--verde);box-shadow:0 0 0 4px rgba(30,128,86,.14)}
.pl-campo span{font-family:Sora,sans-serif;font-weight:700;color:var(--cinza)}
.pl-campo input{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:700 24px Sora,sans-serif;color:var(--ameixa)}
.pl-demo-saida{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha);margin-top:8px}
.pl-demo-saida span{font-size:16px;font-weight:700}
.pl-demo-saida output{font-family:Sora,sans-serif;font-weight:700;font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-demo-saida.forte{border-bottom:0;margin-top:0;padding-bottom:2px}
.pl-demo-saida.forte output{font-size:clamp(24px,5vw,32px);color:var(--cereja)}
.pl-demo-dias{text-align:right;font-size:14px;color:var(--cinza);min-height:21px}
.pl-demo .pequeno{margin-top:14px}
@media(max-width:860px){.pl-demo{grid-template-columns:minmax(0,1fr);gap:26px}.pl-demo-caixa{padding:22px 18px}}
@media(max-width:420px){.pl-demo-campos{grid-template-columns:1fr}.pl-demo-saida{flex-wrap:wrap}}

/* ---------- planilha ---------- */
.pl-planilha{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center}
.pl-cards-abas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.pl-card-aba{background:var(--washi);border-radius:16px;overflow:hidden;border:1px solid var(--linha)}
.pl-card-aba img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:left top;border-bottom:1px solid var(--linha)}
.pl-card-aba figcaption{padding:14px 18px 18px;font-size:15px;color:var(--cinza)}
.pl-card-aba b{display:block;font-size:17px;color:var(--ameixa)}
.pl-nota{margin-top:22px;font-size:14px;color:var(--cinza);max-width:860px}
@media(max-width:900px){.pl-planilha{grid-template-columns:minmax(0,1fr);gap:28px}.pl-cards-abas{grid-template-columns:1fr;gap:16px}}
@media(max-width:640px){.pl-planilha .pl-janela img{aspect-ratio:5/4;object-fit:cover;object-position:left top}
 .pl-card-aba img{aspect-ratio:16/9}}
@media(min-width:561px) and (max-width:900px){.pl-cards-abas{grid-template-columns:repeat(3,1fr)}.pl-card-aba figcaption{padding:12px 14px 14px;font-size:14px}}
@media(max-width:560px){.pl-cards-abas{display:flex;overflow-x:auto;gap:12px;margin-inline:-16px;padding:0 16px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .pl-cards-abas::-webkit-scrollbar{display:none}
 .pl-card-aba{flex:0 0 78%;scroll-snap-align:center}}

/* ---------- os 11 bônus (faixa escura) ---------- */
.pl-bonus-sec{background:var(--ameixa);color:var(--washi);overflow:hidden}
.pl-bonus-sec .rotulo{color:var(--rosa)}
.pl-bonus-sec h2{color:var(--washi)}
.pl-bonus-sec h2 em,.pl-bonus-sec h3 em{color:var(--rosa)}
.pl-bonus-sec .sub{color:#D9CBD6}
.pl-func-b{grid-template-columns:296px minmax(0,1fr);gap:40px}
.pl-abas-b{gap:6px}
.pl-abas-b .pl-aba{background:rgba(255,255,255,.06);color:var(--washi);padding:9px 12px;border-radius:12px;justify-content:flex-start;gap:12px}
.pl-abas-b .pl-aba::after{margin-left:auto}
.pl-abas-b .pl-aba:hover{border-color:rgba(255,255,255,.22)}
.pl-abas-b .pl-aba .n{font:700 13px Sora,sans-serif;color:var(--rosa);flex:none;width:22px}
.pl-abas-b .pl-aba .t{display:block;min-width:0;line-height:1.25}
.pl-abas-b .pl-aba b{display:block;font-size:15px;font-weight:700}
.pl-abas-b .pl-aba small{display:block;font-size:12px;font-weight:500;color:#C9B8C6}
.pl-abas-b .pl-aba[aria-selected=true]{background:var(--washi);color:var(--ameixa)}
.pl-abas-b .pl-aba[aria-selected=true] .n{color:var(--cereja)}
.pl-abas-b .pl-aba[aria-selected=true] small{color:var(--cinza)}
.pl-abas-b .pl-aba[aria-selected=true]::after{color:var(--cereja)}
.pl-painel-b{grid-template-columns:minmax(0,1fr);gap:28px}
.pl-b-texto{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:36px;align-items:start}
.pl-b-texto .pl-check{margin-top:4px}
.pl-painel-b h3{color:var(--washi);font-size:30px}
.pl-painel-b p{color:#D9CBD6;font-size:17px}
.pl-painel-b .pl-check{color:#EADFE7;font-size:15.5px;gap:10px}
.pl-painel-b .pl-check svg{color:var(--verde-claro)}
.pl-painel-b .pl-check b{color:#fff}
.pl-painel-b .pl-bonus-n{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rosa)}
.pl-painel-b h3{margin-top:8px}
.pl-painel-b .pl-uso{margin-top:18px;background:rgba(255,255,255,.07);border-radius:14px;padding:14px 16px;font-size:15.5px;color:#F3E9F0}
.pl-uso b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--verde-claro);margin-bottom:3px}
.pl-painel-b .pl-bonus-aviso{font-size:13px;color:#BFAFBB}
.pl-painel-b .pl-provisorio{display:inline-block}
.pl-painel-b .pl-provisorio{font-size:13px;color:#6B4E00;background:#FFF4D6;border-radius:10px;padding:8px 12px}
.pl-arte{position:relative;aspect-ratio:10/8.6;background:var(--ameixa2);border-radius:24px;overflow:hidden}
.pl-arte::before{content:"";position:absolute;width:74%;aspect-ratio:1;right:-22%;top:-34%;border-radius:50%;background:var(--ameixa3)}
.pl-arte>*{position:absolute}
.a-capa-folha .pl-capa{left:9%;top:11%;width:39%;z-index:2;transform:rotate(-4deg)}
.a-capa-folha .pl-folha{right:8%;top:14%;width:44%;transform:rotate(3deg)}
.a-capas4 .pl-capa{width:31%;top:17%}
.a-capas4 .pl-capa:nth-child(1){left:5%;transform:rotate(-7deg)}
.a-capas4 .pl-capa:nth-child(2){left:24.5%;top:11%;transform:rotate(-2deg);z-index:1}
.a-capas4 .pl-capa:nth-child(3){left:44.5%;top:15%;transform:rotate(3deg);z-index:2}
.a-capas4 .pl-capa:nth-child(4){left:64%;top:10%;transform:rotate(8deg);z-index:3}
.a-kit .pl-janela{left:15%;top:9%;width:80%}
.a-kit .pl-capa{left:5%;bottom:7%;width:29%;z-index:2;transform:rotate(-4deg)}
.a-kit .pl-cel{right:5%;bottom:-7%;width:25%;z-index:3}
.a-capa-jan .pl-janela{left:19%;top:11%;width:76%}
.a-capa-jan .pl-capa{left:5%;bottom:8%;width:32%;z-index:2;transform:rotate(-4deg)}
.a-jan .pl-janela{left:5%;top:13%;width:90%}
.a-capa .pl-capa{left:30%;top:11%;width:40%;transform:rotate(-3deg)}
.pl-arte .pl-janela{border-radius:10px;box-shadow:0 24px 50px rgba(20,12,22,.45)}
.pl-arte .pl-janela-barra{padding:6px 10px}
.pl-arte .pl-janela-barra i{width:7px;height:7px}
.pl-arte .pl-janela-barra span{font-size:10px;padding:2px 9px}
.pl-arte .pl-cel{border-radius:18px;padding:4px}
.pl-arte .pl-cel img{border-radius:14px}
.pl-gloss{left:7%;top:9%;right:7%;bottom:9%;background:var(--washi);color:var(--ameixa);border-radius:16px;padding:18px 22px;overflow:hidden;box-shadow:0 24px 50px rgba(20,12,22,.4)}
.pl-gloss-letras{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.pl-gloss-letras b{font:700 12px Sora,sans-serif;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--linha)}
.pl-gloss-letras b:nth-child(3){background:var(--ameixa);color:#fff;border-color:var(--ameixa)}
.pl-gloss dl{display:grid;gap:0}
.pl-gloss dt{font-family:Fraunces,Georgia,serif;font-size:19px;margin-top:11px;color:var(--cereja)}
.pl-gloss dd{font-size:13.5px;line-height:1.45;color:#5A4A5C;border-bottom:1px solid var(--linha);padding-bottom:10px}
.pl-gloss dl div:last-child dd{border-bottom:0}
.pl-bonus-fim{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;border-top:1px solid rgba(255,255,255,.16);padding-top:28px}
.pl-bonus-fim p{font-size:16px;color:#EADFE7;max-width:600px}
.pl-bonus-fim b{color:#fff}
.pl-bonus-sec .btn{box-shadow:0 10px 28px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.14) inset}
/* a partir de 701 px a arte fica larga, em cima do texto */
@media(min-width:701px){
 .pl-arte{aspect-ratio:16/8.2}
 .pl-arte::before{width:46%;right:-12%;top:-44%}
 .a-capa-folha .pl-capa{left:21%;top:13%;width:24%}
 .a-capa-folha .pl-folha{right:auto;left:49%;top:10%;width:27%}
 .a-capas4 .pl-capa{width:20.5%;top:19%}
 .a-capas4 .pl-capa:nth-child(1){left:10%}
 .a-capas4 .pl-capa:nth-child(2){left:29.5%;top:15%}
 .a-capas4 .pl-capa:nth-child(3){left:49.5%;top:19%}
 .a-capas4 .pl-capa:nth-child(4){left:69%;top:15%}
 .a-kit .pl-janela{left:23%;top:11%;width:56%}
 .a-kit .pl-capa{left:8%;bottom:9%;width:19.5%}
 .a-kit .pl-cel{right:8%;bottom:-8%;width:15.5%}
 .a-capa-jan .pl-janela{left:31%;top:11%;width:57%}
 .a-capa-jan .pl-capa{left:12%;bottom:10%;width:22.5%}
 .a-jan .pl-janela{left:17%;top:9%;width:66%}
 .a-capa .pl-capa{left:38%;top:12%;width:24%}
 .pl-gloss{left:9%;right:9%;top:50%;bottom:auto;transform:translateY(-50%);padding:22px 28px 26px}
 .pl-gloss dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
 .pl-gloss dd{border-bottom:0}
}
@media(max-width:1060px){.pl-func-b{grid-template-columns:262px minmax(0,1fr);gap:28px}.pl-b-texto{gap:26px}}
@media(max-width:960px){
 .pl-func-b{grid-template-columns:minmax(0,1fr);gap:22px}
 .pl-abas-b{gap:8px}
 .pl-abas-b .pl-aba{padding:9px 14px 9px 12px;border-radius:999px;gap:8px}
 .pl-abas-b .pl-aba small{display:none}
 .pl-abas-b .pl-aba .n{width:auto}
}
@media(max-width:820px){.pl-b-texto{grid-template-columns:minmax(0,1fr);gap:8px}.pl-b-texto .pl-check{margin-top:14px}}
@media(max-width:700px){.pl-painel-b>.pl-arte{order:2}.pl-painel-b h3{font-size:26px}.pl-gloss{padding:14px 16px}.pl-gloss dt{font-size:17px;margin-top:8px}.pl-gloss dd{font-size:12.5px;padding-bottom:8px}}
@media(max-width:700px){.pl-arte.a-gloss{aspect-ratio:auto;padding:16px}.pl-arte.a-gloss .pl-gloss{position:relative;left:auto;right:auto;top:auto;bottom:auto}}
@media(max-width:420px){.pl-arte{aspect-ratio:10/9.6}.pl-bonus-fim .btn{width:100%;text-align:center}}

/* ---------- o ano com o Completo ---------- */
.pl-ano{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid var(--linha);border-radius:18px;overflow:hidden;background:#fff}
.pl-tri{padding:22px 22px 24px;border-left:1px solid var(--linha)}
.pl-tri:first-child{border-left:0}
.pl-tri h3{font:800 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--rot)}
.pl-tri ul,.pl-sempre ul{list-style:none;display:grid;gap:8px;margin-top:14px;font-size:15.5px}
.pl-tri li{padding-left:16px;position:relative}
.pl-tri li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--azul)}
.pl-tri:nth-child(2) li::before{background:var(--cereja)}
.pl-tri:nth-child(3) li::before{background:var(--folha)}
.pl-tri:nth-child(4) li::before{background:var(--ameixa)}
.pl-sempre{margin-top:14px;background:var(--sakura);border-radius:16px;padding:16px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.pl-sempre b{font:800 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--rot)}
.pl-sempre ul{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pl-sempre li{background:#fff;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:600}
@media(max-width:900px){.pl-ano{grid-template-columns:1fr 1fr}.pl-tri:nth-child(3){border-left:0}.pl-tri:nth-child(n+3){border-top:1px solid var(--linha)}}
@media(max-width:520px){.pl-ano{grid-template-columns:1fr}.pl-tri{border-left:0}.pl-tri+.pl-tri{border-top:1px solid var(--linha)}}

/* ---------- quem está por trás ---------- */
.pl-ju{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:center}
.pl-ju-logo{aspect-ratio:1;background:var(--ameixa);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:34px}
.pl-ju p{margin-top:12px}
.pl-ju:has(.pl-ju-foto){grid-template-columns:300px minmax(0,1fr);gap:52px}
.pl-ju-foto{position:relative;isolation:isolate}
.pl-ju-foto::before{content:"";position:absolute;z-index:-1;left:-18px;bottom:-18px;width:72%;aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--sakura)}
.pl-ju-foto img,.pl-ju-foto.vazio{width:100%;border-radius:24px;border:1px solid var(--linha);background:#fff}
.pl-ju-foto.vazio{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--washi);color:var(--cinza);font-weight:700;padding:20px;line-height:1.4}
.pl-ju-foto.vazio small{font-weight:500;font-size:13px}
@media(max-width:760px){.pl-ju,.pl-ju:has(.pl-ju-foto){grid-template-columns:minmax(0,1fr);gap:22px}.pl-ju-logo{width:150px;padding:24px}.pl-ju-foto{width:min(260px,72%);margin-left:14px}}

/* ---------- ofertas ---------- */
.pl-ofertas-sec{background:var(--sakura)}
.pl-ofertas-sec .sub{color:#5A4A5C}
.pl-promo{text-align:center;margin-top:16px}
.pl-contagem{display:inline-block;margin-top:10px;background:var(--ameixa);color:#fff;border-radius:999px;padding:6px 16px;font-size:15px}
.pl-ofertas{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;margin:44px auto 0;max-width:940px;align-items:start}
.pl-oferta{position:relative;background:#fff;border-radius:22px;padding:34px 28px 28px;box-shadow:var(--sombra);border:2px solid transparent;display:flex;flex-direction:column}
.pl-oferta.destaque{border-color:var(--verde);box-shadow:0 20px 50px rgba(30,128,86,.18)}
.pl-oferta h3{font-size:30px;margin-top:4px}
.pl-oferta-selo{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--verde);color:#fff;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap}
.pl-de{margin-top:16px;font-size:16px;color:var(--cinza)}
.pl-de s{font-family:Sora,sans-serif;font-weight:600;color:#8A7B88;text-decoration-thickness:2px;text-decoration-color:var(--cereja)}
.pl-preco{margin-top:4px;display:flex;align-items:flex-start;gap:4px;font-family:Sora,sans-serif;font-weight:700;line-height:1}
.pl-preco .vezes{font-size:26px;align-self:flex-end;margin:0 8px 9px 0;color:var(--cinza)}
.pl-preco .moeda{font-size:20px;margin-top:8px}
.pl-preco .valor{font-size:64px;letter-spacing:-.02em}
.pl-preco .cent{font-size:26px;margin-top:8px}
.pl-oferta.destaque .pl-preco .valor,.pl-oferta.destaque .pl-preco .cent,.pl-oferta.destaque .pl-preco .moeda{color:var(--verde-esc)}
.pl-avista{margin-top:8px;font-size:17px}
.pl-avista b{font-family:Sora,sans-serif}
.pl-economia{display:inline-block;margin-top:10px;background:var(--verde-fundo);color:var(--verde-esc);font-size:13.5px;font-weight:800;border-radius:12px;padding:6px 12px}
.pl-oferta .pl-check{font-size:15.5px;margin:22px 0 0}
.pl-oferta .pl-x{font-size:15.5px;margin:12px 0 0;color:var(--cinza)}
.pl-oferta-sub{margin-top:18px;font-size:14px;font-weight:800;color:var(--rot)}
.pl-oferta .pl-bonus-lista{grid-template-columns:1fr 1fr;gap:7px 16px;font-size:14.5px;margin-top:10px}
.pl-oferta .pl-bonus-lista svg{width:15px;height:15px}
.pl-oferta .btn{width:100%;margin-top:26px;text-align:center}
.pl-oferta-nota{margin-top:14px;font-size:13.5px;color:var(--cinza);text-align:center}
.pl-ofertas-nota{max-width:780px;margin:26px auto 0;text-align:center;font-size:14px;color:#5A4A5C}
.pl-previa{max-width:760px;margin:12px auto 0;text-align:center;font-size:13px;color:#6B4E00;background:#FFF4D6;border-radius:10px;padding:8px 12px}
@media(max-width:820px){.pl-ofertas{grid-template-columns:1fr;gap:30px;max-width:520px}.pl-preco .valor{font-size:56px}.pl-preco .vezes,.pl-preco .cent{font-size:23px}}
@media(max-width:420px){.pl-oferta{padding:32px 20px 22px}.pl-oferta .pl-bonus-lista{grid-template-columns:1fr}}
.pl-tabela-caixa{max-width:780px;margin:44px auto 0;background:#fff;border-radius:18px;padding:8px 22px 14px;overflow-x:auto}
.pl-tabela{width:100%;border-collapse:collapse;font-size:15px}
.pl-tabela caption{font-family:Fraunces,Georgia,serif;font-size:22px;text-align:left;padding:14px 0 10px}
.pl-tabela th,.pl-tabela td{padding:10px 8px;border-bottom:1px solid var(--linha);text-align:center;vertical-align:middle}
.pl-tabela tbody th{text-align:left;font-weight:600;padding-left:0}
.pl-tabela thead th{font:800 13px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--rot)}
.pl-tabela thead th:last-child,.pl-tabela td:last-child{background:var(--verde-fundo)}
.pl-tabela thead th:last-child{border-radius:12px 12px 0 0;color:var(--verde-esc)}
.pl-tabela .s{color:var(--verde)}
.pl-tabela .n{color:#C2B3BE}
.pl-tabela .s i,.pl-tabela .n i{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pl-tabela small{font-size:12.5px;color:var(--cinza);white-space:nowrap}
.pl-tabela tr.preco th,.pl-tabela tr.preco td{border-bottom:0;font:700 18px Sora,sans-serif;padding-top:14px}
.pl-tabela tr.preco td:last-child{border-radius:0 0 12px 12px}
.pl-tabela tr.preco td{white-space:nowrap}
@media(max-width:520px){.pl-tabela-caixa{padding:6px 14px 12px}.pl-tabela{font-size:14px}.pl-tabela th,.pl-tabela td{padding:9px 4px}.pl-tabela small{white-space:normal}.pl-tabela tr.preco th,.pl-tabela tr.preco td{font-size:15.5px}}

/* ---------- depois da compra ---------- */
.pl-passos{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.pl-passos li{border-top:2px solid var(--ameixa);padding-top:16px}
.pl-passos .num{display:block;font-size:22px;color:var(--cereja);line-height:1;margin-bottom:10px}
.pl-passos b{display:block;font-size:17px;margin-bottom:5px}
.pl-passos li>span:last-child{font-size:15px;color:var(--cinza)}
@media(max-width:900px){.pl-passos{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.pl-passos{grid-template-columns:1fr;gap:18px}}

/* ---------- depoimentos (só aparecem se houver autorizados) ---------- */
.pl-depo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.pl-depo figure{background:var(--washi);border-radius:18px;padding:24px}
.pl-depo blockquote{font-size:16px}
.pl-depo figcaption{margin-top:12px;font-size:14px;font-weight:700;color:var(--cinza)}
@media(max-width:900px){.pl-depo{grid-template-columns:1fr}}

/* ---------- garantia ---------- */
.pl-garantia{display:flex;gap:34px;align-items:center}
.pl-selo-7{flex:none;width:136px;height:136px;border-radius:50%;border:4px solid var(--verde-claro);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:50px;line-height:1}
.pl-selo-7 small{font:700 15px Manrope,sans-serif;margin-top:4px}
.pl-garantia p{margin-top:12px;color:#E9DFE6}
@media(max-width:640px){.pl-garantia{flex-direction:column;align-items:flex-start;gap:22px}}

/* ---------- para quem é ---------- */
.pl-quem{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.pl-quem .pl-check{font-size:17px}
.pl-quem .cartao{background:var(--washi);box-shadow:none}
@media(max-width:860px){.pl-quem{grid-template-columns:minmax(0,1fr)}}

/* ---------- final e lista de e-mails ---------- */
.pl-final{position:relative;overflow:hidden;text-align:center;padding:84px 0}
.pl-final .petala{width:520px;height:520px;left:-240px;bottom:-300px;opacity:.6;z-index:0}
.pl-final .wrap{position:relative;max-width:760px}
.pl-final p{margin-top:14px;font-size:18px;color:var(--cinza)}
.pl-lista{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.pl-lista .cartao{box-shadow:none;border:1px solid var(--linha)}
@media(max-width:860px){.pl-lista{grid-template-columns:minmax(0,1fr);gap:24px}}

/* barra fixa no celular, escondida enquanto o topo ou as ofertas estão na tela */
.pl-barra{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;background:#fff;
 box-shadow:0 -6px 24px rgba(62,42,63,.16);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .2s}
.pl-barra .btn{padding:11px 22px;white-space:nowrap;box-shadow:none}
.pl-barra span{font-size:14px;line-height:1.3}
.pl-barra span b{white-space:nowrap}
@media(max-width:860px){.pl-barra{display:flex}.pl-barra.mostrar{transform:none}}
@media(prefers-reduced-motion:reduce){.pl-barra{transition:none}html{scroll-behavior:auto}}