.comp-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.comp{display:grid; gap:16px; align-content:start}
.comp h3{font-size:22px; line-height:1.3}
.comp .nota{margin-top:-8px}
.linha-botoes{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.faixa-ceu{border-radius:12px; padding:16px; background:linear-gradient(180deg,#1A1024,#3B2150)}
.upload{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.slot{border-radius:12px; background:var(--pergaminho); box-shadow:var(--sombra-borda); padding:10px; display:grid; gap:8px}
.slot-top{display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--pedra)}
.miniaturas{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px}
.miniaturas .foto{aspect-ratio:1; border-radius:8px}
.vazio{aspect-ratio:1; border-radius:8px; display:grid; place-items:center; font-size:20px; color:var(--pedra); background:var(--superficie); box-shadow:inset 0 0 0 1.5px var(--areia)}
.barra{height:6px; border-radius:999px; background:var(--linho); overflow:hidden}
.barra i{display:block; height:100%; border-radius:999px; background:var(--tinta); width:var(--p)}
.erro-foto{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-radius:12px; background:#FDF0EC; font-size:14px; color:var(--tinta)}
.erro-foto b{color:var(--coral-profundo)}
.campo{display:grid; gap:6px}
.campo label{font-size:14px; font-weight:700}
.campo input{height:48px; border-radius:12px; border:0; padding:0 16px; font:400 16px var(--f-ui); color:var(--tinta); background:#fff; box-shadow:var(--sombra-borda-forte); transition:box-shadow .2s var(--ease-suave)}
.campo input::placeholder{color:var(--pedra)}
.campo input:hover{box-shadow:var(--sombra-borda-forte),0 0 0 3px rgb(122 121 116/.12)}
.campo input:focus{outline:none; box-shadow:0 0 0 1px var(--tinta),0 0 0 4px rgb(29 29 28/.12)}
.campo small{font-size:13px; color:var(--pedra)}
.ad{position:relative; aspect-ratio:4/5; max-width:280px; border-radius:14px; overflow:hidden; box-shadow:var(--sombra-borda-forte); justify-self:center; width:100%}
.ad .foto{position:absolute; inset:0; aspect-ratio:auto; border-radius:0}
.ad .depois{clip-path:inset(0 0 0 var(--corte,50%))}
.ad .linha{position:absolute; top:0; bottom:0; left:var(--corte,50%); width:2px; margin-left:-1px; background:#fff; z-index:4; box-shadow:0 0 12px rgb(0 0 0/.3)}
.ad .rot{position:absolute; top:10px; z-index:5; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; background:rgb(255 255 255/.85); color:var(--tinta)}
.ad input[type=range]{width:100%}
.range{display:grid; gap:6px; justify-items:stretch; max-width:280px; width:100%; justify-self:center}
.range input{accent-color:var(--tinta)}
.paywall{display:grid; gap:14px}
.contador{display:grid; justify-items:center; gap:2px; padding:28px 16px; border-radius:16px; box-shadow:var(--sombra-borda)}
.contador-num{font-size:clamp(56px,7vw,84px); line-height:1; letter-spacing:-.03em}
.contador-rot{font-size:14px; font-weight:700; color:var(--grafite)}
.preco-linha{display:flex; align-items:baseline; gap:10px}
.preco-linha .display{font-size:44px; line-height:1}
.inclui{list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:15px}
.inclui li{display:flex; gap:10px; align-items:center}
.inclui li::before{content:""; width:20px; height:20px; flex:none; border-radius:50%; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6 10.4 L8.8 13.2 L14.2 7.2' fill='none' stroke='%231D1D1C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat,var(--mel); box-shadow:0 0 0 2px #fff,0 2px 4px rgb(26 16 36/.18)}
details.faq{border-radius:12px; background:var(--superficie); box-shadow:var(--sombra-borda)}
details.faq + details.faq{margin-top:8px}
details.faq summary{list-style:none; cursor:pointer; padding:14px 16px; display:flex; justify-content:space-between; gap:12px; font-weight:700; font-size:15px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary span{transition:transform .25s var(--ease-dialogo)}
details.faq[open] summary span{transform:rotate(45deg)}
details.faq p{padding:0 16px 14px; font-size:15px; color:var(--grafite)}
details.faq[open] p{animation:faq .3s ease-out both}
@keyframes faq{from{opacity:0; filter:blur(2px); transform:translateY(-4px)} to{opacity:1; filter:blur(0); transform:none}}

/* ---------- protótipo navegável do funil ---------- */
.pt{display:grid; grid-template-columns:196px 360px minmax(0,1fr); gap:clamp(20px,3vw,40px); align-items:start}
.pt-mapa{display:grid; gap:18px; position:sticky; top:24px}
.pt-fase{display:grid; gap:2px}
.pt-fase > span{justify-self:start; display:inline-flex; align-items:center; height:24px; padding:0 10px; margin-bottom:4px; border-radius:8px 8px 0 0; background:var(--c); box-shadow:0 3px 0 var(--c); font-size:12px; font-weight:800; color:var(--tinta)}
.pt-passo{display:flex; gap:8px; align-items:baseline; width:100%; padding:6px 10px; border:0; border-radius:10px; background:transparent; color:var(--pedra); font-size:14px; font-weight:600; text-align:left; cursor:pointer; transition:background-color .2s var(--ease-padrao),color .2s var(--ease-padrao)}
.pt-passo i{font-style:normal; font-size:12px; font-weight:700; min-width:16px; font-variant-numeric:tabular-nums; color:var(--neblina)}
.pt-passo:hover{background:rgb(29 29 28/.05); color:var(--tinta)}
.pt-passo.visto{color:var(--grafite)}
.pt-passo[aria-current="step"]{background:var(--superficie); color:var(--tinta); font-weight:800; box-shadow:var(--sombra-borda)}
.pt-passo[aria-current="step"] i{color:var(--tinta)}
.pt-palco{display:grid; gap:12px; justify-items:center}
.pt-controles{display:flex; gap:8px; flex-wrap:wrap; justify-content:center}
.pt-dica{font-size:13px; color:var(--pedra); text-align:center; max-width:34ch}
.pt-nota{position:sticky; top:24px; display:grid; gap:16px; padding:24px 24px 24px 64px}
.pt-nota h3{font-size:28px; line-height:1.2; letter-spacing:-.01em}
.pt-nota-fase{justify-self:start; font-size:12px; font-weight:800; color:var(--pedra)}
.pt-nota dl{margin:0; display:grid; gap:14px}
.pt-nota dt{font-size:13px; font-weight:800; margin-bottom:2px}
.pt-nota dd{margin:0; font-size:15px; line-height:1.5; color:var(--grafite)}
.pt-eventos{display:flex; flex-wrap:wrap; gap:6px}
.pt-eventos span{display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:999px; background:var(--tinta); color:#FDFDFA; font-size:12px; font-weight:700}
.pt-nota.troca{animation:pt-nota .45s var(--ease-saida)}
@keyframes pt-nota{from{opacity:.35; transform:translateY(8px)}}
@media (max-width:1100px){
  .pt{grid-template-columns:360px minmax(0,1fr)}
  .pt-mapa{grid-column:1 / -1; position:static; display:flex; gap:14px; overflow-x:auto; padding-bottom:6px; scrollbar-width:thin}
  .pt-fase{display:flex; align-items:center; gap:4px; flex:none}
  .pt-fase > span{margin:0 4px 0 0; border-radius:8px; box-shadow:none}
  .pt-passo{width:auto; white-space:nowrap}
}
@media (max-width:760px){
  .pt{grid-template-columns:minmax(0,1fr)}
  .pt-nota{position:static; padding-left:56px}
}

/* aparelho */
.pt-fone{position:relative; width:min(360px,100%); aspect-ratio:9/18.4; padding:7px; border-radius:46px; background:#141214; box-shadow:0 40px 60px -34px rgb(26 16 36/.65),inset 0 0 0 1.5px #2C2A2D}
.pt-scr{position:relative; height:100%; border-radius:39px; overflow:hidden; background:var(--pergaminho); isolation:isolate; font-size:15px; line-height:1.45; container-type:inline-size}
.pt-ilha{position:absolute; z-index:60; top:9px; left:50%; width:88px; height:24px; margin-left:-44px; border-radius:14px; background:#141214; pointer-events:none}
.pt-casa{position:absolute; z-index:60; bottom:7px; left:50%; width:112px; height:4px; margin-left:-56px; border-radius:2px; background:rgb(29 29 28/.28); pointer-events:none; transition:background-color .3s var(--ease-padrao)}
.pt-scr.escuro .pt-casa{background:rgb(255 255 255/.55)}

/* topo com o sol que se põe */
.pt-topo{position:absolute; z-index:30; left:0; right:0; top:0; height:78px; padding:40px 16px 0; background:linear-gradient(var(--pergaminho) 70%,rgb(248 247 242/0)); transition:opacity .3s var(--ease-padrao),transform .35s var(--ease-saida)}
.pt-topo[hidden]{display:block!important; opacity:0; transform:translateY(-12px); pointer-events:none}
.pt-topo-linha{display:grid; grid-template-columns:32px 1fr 40px; align-items:center; gap:8px; height:26px}
.pt-volta{width:32px; height:32px; border:0; border-radius:10px; background:transparent; color:var(--tinta); font-size:22px; line-height:1; cursor:pointer}
.pt-volta:hover{background:rgb(29 29 28/.06)}
.pt-rotulo{font-size:13px; font-weight:700; color:var(--grafite); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pt-pilha{position:relative; justify-self:end; width:34px; height:28px}
.pt-pilha u{position:absolute; inset:2px 6px 4px 4px; border-radius:4px; background:#fff; box-shadow:0 2px 6px -2px rgb(26 16 36/.45); rotate:var(--r)}
.pt-pilha u .foto{position:absolute; inset:2px; border-radius:2px; aspect-ratio:auto}
.pt-pilha b{position:absolute; right:-4px; top:-6px; z-index:2; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--tinta); color:#FDFDFA; font-size:11px; font-weight:800; line-height:18px; text-align:center; font-variant-numeric:tabular-nums}
.pt-pilha.vazia{opacity:0}
.pt-sol{position:relative; height:14px; margin-top:6px}
.pt-sol::before{content:""; position:absolute; left:0; right:0; bottom:3px; height:2px; border-radius:2px; background:var(--linho)}
.pt-sol-feito{position:absolute; left:0; right:0; bottom:3px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--coral),var(--damasco),var(--mel)); transform-origin:left; transform:scaleX(var(--p,0)); transition:transform .9s var(--ease-saida)}
.pt-sol-ceu{position:absolute; left:0; right:0; top:-6px; bottom:4px; overflow:hidden}
.pt-sol-anda{position:absolute; inset:0; transform:translateX(calc(var(--p,0) * 100%)); transition:transform .9s var(--ease-saida)}
.pt-sol-disco{position:absolute; left:-8px; top:0; width:16px; height:16px; border-radius:50%; background:radial-gradient(circle at 50% 35%,#FFF4D6,#FFD89A 45%,#FFB070 75%,#F2735F); transform:translateY(calc(var(--p,0) * 10px)); transition:transform .9s var(--ease-saida)}

/* telas */
.pt-telas{position:absolute; inset:0}
.pt-t{position:absolute; inset:0; display:flex; flex-direction:column; background:var(--pergaminho); --base:120ms}
.pt-t.com-topo{padding-top:78px}
.pt-t.ceu-t{background:var(--ceu); color:#FDFDFA}
.pt-corpo{flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 18px 18px; display:flex; flex-direction:column; gap:14px; scrollbar-width:none}
.pt-corpo::-webkit-scrollbar{display:none}
.pt-pe{display:grid; gap:8px; padding:10px 18px 24px; text-align:center}
.pt-pe .btn{width:100%}
.pt-pe small{font-size:12px; color:var(--pedra)}
.ceu-t .pt-pe small{color:rgb(253 253 250/.75)}
.pt-h{font-family:var(--f-display); font-weight:400; font-variation-settings:"SOFT" 100,"WONK" 0; font-size:30px; line-height:1.12; letter-spacing:-.018em; text-wrap:balance}
.pt-leg{font-size:12px; font-weight:700; color:var(--pedra)}
.ceu-t .pt-leg{color:rgb(253 253 250/.75)}
.pt-sub{font-size:14px; color:var(--grafite); margin-top:-6px}
.pt-link{border:0; background:none; padding:4px; font:600 14px var(--f-ui); color:var(--grafite); text-decoration:underline; text-underline-offset:3px; cursor:pointer}
.pt-simula{align-self:center; display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border:0; border-radius:999px; background:var(--lavanda); color:var(--tinta); font:800 12px var(--f-ui); cursor:pointer; box-shadow:0 0 0 2px #fff}
.pt-simula::before{content:"protótipo"; padding:1px 6px; border-radius:6px; background:var(--tinta); color:#FDFDFA; font-size:10px}
.pt-sai{animation:pt-sai .26s var(--ease-padrao) both; pointer-events:none}
.pt-entra{animation:pt-entra .5s var(--ease-saida) both}
.pt-sai.volta{animation-name:pt-sai-v} .pt-entra.volta{animation-name:pt-entra-v}
.pt-sai.funde{animation:aparece .4s var(--ease-padrao) reverse both} .pt-entra.funde{animation:aparece .5s var(--ease-padrao) both}
@keyframes pt-sai{to{opacity:0; transform:translateX(-28px)}}
@keyframes pt-entra{from{opacity:0; transform:translateX(36px)}}
@keyframes pt-sai-v{to{opacity:0; transform:translateX(28px)}}
@keyframes pt-entra-v{from{opacity:0; transform:translateX(-36px)}}

/* campos dentro do aparelho */
.pt-scr .campo input{height:46px}
.pt-scr .btn{height:48px; font-size:15px}
.pt-contador{position:relative; display:grid; justify-items:center; gap:0; padding:22px 12px 18px; border-radius:16px; box-shadow:var(--sombra-borda)}
.pt-contador .display{font-size:64px; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.pt-contador span{font-size:13px; font-weight:700; color:var(--grafite)}
.pt-contador .cola{position:absolute; right:10px; top:-12px}
.pt-contador .adesivo{font-size:15px; padding:6px 11px}

/* landing */
.pt-landing{text-align:center; overflow:hidden}
.pt-landing .pt-corpo{align-items:center; padding-top:44px; overflow:hidden}
.pt-mininav{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:14px}
.pt-mininav .marca-lock{font-size:15px; gap:6px} .pt-mininav .sol-svg{width:20px; height:20px}
.pt-landing .pt-h{font-size:34px; margin-top:18px}
.pt-landing p{font-size:14px; color:rgb(253 253 250/.82); padding-inline:8px}
.pt-landing .sol-hero{width:300px; bottom:-120px}
.pt-mini-esp{position:relative; width:100%; flex:1; min-height:190px}
.pt-mini-esp .print{position:absolute; width:42%; left:var(--x); bottom:var(--b); z-index:var(--z,1)}
.pt-mini-esp .print-in{padding:4px; border-radius:11px}
.pt-mini-esp .foto{border-radius:7px}
.pt-mini-esp .capa-titulo{font-size:17px} .pt-mini-esp .capa-sub{font-size:9px}
.pt-mini-esp .capa-livro{padding:10px; border-radius:4px 10px 10px 4px}
.pt-mini-esp .ad-pos{position:absolute; left:var(--x); top:var(--y); z-index:6}
.pt-mini-esp .adesivo{font-size:12px; padding:5px 10px}

/* marcos */
.pt-marcos{display:flex; flex-wrap:wrap; gap:8px}
.pt-marcos .chip{height:42px; padding:0 14px; font-size:14px; gap:8px}
.pt-marcos .chip[aria-pressed="true"]{background:var(--c); color:var(--tinta)}
.pt-marcos .chip i{font-style:normal; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800; background:rgb(29 29 28/.08)}
.pt-marcos .chip[aria-pressed="true"] i{background:#fff}
.pt-resumo{display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:700; color:var(--grafite); padding:10px 14px; border-radius:12px; background:var(--superficie); box-shadow:var(--sombra-borda)}

/* tela de um marco */
.pt-abas{position:relative; display:flex; gap:4px; height:30px; margin:0 -18px; padding:0 18px}
.pt-abas::after{content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--c); box-shadow:0 2px 4px -2px rgb(29 29 28/.32); transition:background-color .3s var(--ease-padrao)}
.pt-abas span{align-self:end; height:22px; min-width:28px; padding:0 8px; border-radius:8px 8px 0 0; background:var(--c); opacity:.45; font-size:11px; font-weight:800; line-height:22px; color:var(--tinta); white-space:nowrap; transition:height .35s var(--ease-mola),opacity .2s}
.pt-abas span.atual{height:28px; line-height:28px; opacity:1; padding:0 12px}
.pt-slots{display:grid; grid-template-columns:1.35fr 1fr; grid-template-rows:1fr 1fr; gap:8px; height:180px}
.pt-slot{position:relative; border:0; padding:0; border-radius:12px; background:var(--superficie); box-shadow:inset 0 0 0 1.5px var(--areia); cursor:pointer; overflow:hidden; font:700 13px var(--f-ui); color:var(--pedra)}
.pt-slot:first-child{grid-row:span 2}
.pt-slot .foto{position:absolute; inset:0; aspect-ratio:auto; border-radius:0}
.pt-slot.cheio{box-shadow:0 8px 16px -10px rgb(26 16 36/.5)}
.pt-slot.cheio::after{content:"trocar"; position:absolute; z-index:5; right:6px; bottom:6px; padding:2px 8px; border-radius:999px; background:rgb(255 255 255/.9); color:var(--tinta); font-size:11px}
.pt-slot .mais{display:grid; place-items:center; gap:2px; height:100%}
.pt-slot .mais b{font-size:24px; font-weight:400; color:var(--tinta)}
.pt-slot.ilu{box-shadow:none}
.pt-slot.ilu .pt-ilu{position:absolute; inset:0; width:100%; height:100%; filter:blur(6px) saturate(.8); transform:scale(1.1)}
.pt-slot.ilu .cola{position:absolute; left:50%; top:50%; translate:-50% -50%}
.pt-slot.ilu .adesivo{font-size:12px; padding:5px 10px}
.pt-linha-campo{display:flex; justify-content:space-between; align-items:center; gap:10px}
.pt-linha-campo label{font-size:14px; font-weight:700}
.pt-linha-campo input{height:38px; border:0; border-radius:10px; padding:0 10px; font:600 14px var(--f-ui); color:var(--tinta); background:#fff; box-shadow:var(--sombra-borda-forte)}
.pt-achei{font-size:11px; font-weight:800; padding:2px 8px; border-radius:999px; background:var(--lavanda-nevoa); color:var(--ameixa)}
.pt-grupo{display:grid; gap:8px}
.pt-grupo > b{font-size:14px}
.pt-grupo .chips{gap:6px}
.pt-grupo .chip{height:34px; font-size:13px; padding:0 12px}
.pt-ilustra{display:flex; gap:10px; align-items:center; width:100%; padding:10px 12px; border:0; border-radius:12px; background:var(--superficie); box-shadow:var(--sombra-borda); font:600 14px var(--f-ui); color:var(--tinta); text-align:left; cursor:pointer}
.pt-ilustra i{flex:none; width:22px; height:22px; border-radius:6px; box-shadow:inset 0 0 0 1.5px var(--areia); display:grid; place-items:center; font-style:normal; font-size:13px}
.pt-ilustra[aria-pressed="true"]{background:var(--lavanda-nevoa); box-shadow:0 0 0 1.5px var(--lavanda)}
.pt-ilustra[aria-pressed="true"] i{background:var(--tinta); color:#fff; box-shadow:none}
.pt-voo{position:absolute; z-index:45; pointer-events:none; border-radius:10px; overflow:hidden; box-shadow:0 10px 20px -8px rgb(26 16 36/.5)}
.pt-voo .foto{position:absolute; inset:0; aspect-ratio:auto; border-radius:0}

/* dedicatória e música */
.pt-assina{position:relative; border-radius:14px; overflow:hidden; box-shadow:var(--sombra-borda-forte)}
.pt-assina canvas{display:block; width:100%; height:120px; touch-action:none; cursor:crosshair}
.pt-assina span{position:absolute; left:14px; bottom:10px; font-size:12px; font-weight:700; color:var(--pedra); pointer-events:none}
.pt-assina button{position:absolute; right:8px; top:8px}
.pt-busca{height:44px; border:0; border-radius:12px; padding:0 14px 0 38px; font:400 15px var(--f-ui); background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='7' cy='7' r='5' fill='none' stroke='%236B6A65' stroke-width='1.8'/><path d='M11 11l3.5 3.5' stroke='%236B6A65' stroke-width='1.8' stroke-linecap='round'/></svg>") 13px 50% no-repeat; box-shadow:var(--sombra-borda-forte); width:100%}
.pt-musicas{display:grid; gap:6px}
.pt-musica{display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center; border:0; border-radius:12px; padding:8px 12px 8px 8px; background:var(--superficie); box-shadow:var(--sombra-borda); text-align:left; cursor:pointer; font-family:var(--f-ui); color:var(--tinta)}
.pt-musica[aria-pressed="true"]{box-shadow:0 0 0 2px var(--tinta)}
.pt-musica > i{width:44px; height:44px; border-radius:8px; background:var(--g)}
.pt-musica b{display:block; font-size:15px} .pt-musica small{font-size:13px; color:var(--pedra)}
.pt-eq{display:inline-flex; gap:2px; align-items:end; height:14px; opacity:0}
.pt-eq s{width:3px; height:100%; border-radius:2px; background:currentColor; transform-origin:bottom; animation:pt-eq .9s ease-in-out infinite alternate}
.pt-eq s:nth-child(2){animation-delay:-.3s} .pt-eq s:nth-child(3){animation-delay:-.6s}
[aria-pressed="true"] .pt-eq,.pt-tocando .pt-eq{opacity:1}
@keyframes pt-eq{from{transform:scaleY(.25)} to{transform:scaleY(1)}}

/* mesa */
.pt-mesa{background-color:var(--linho); background-image:linear-gradient(rgb(29 29 28/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(29 29 28/.07) 1px,transparent 1px); background-size:24px 24px}
.pt-mesa-palco{position:relative; flex:1; min-height:0}
.pt-mesa-palco > *{position:absolute; left:0; top:0}
.pt-mp{width:62px; padding:3px; border-radius:8px; background:#fff; box-shadow:0 10px 18px -8px rgb(26 16 36/.5)}
.pt-mp .foto{border-radius:5px}
.pt-maba{height:20px; padding:0 8px 0 6px; border-radius:0 8px 8px 0; background:var(--c); font-size:10px; font-weight:800; line-height:20px; color:var(--tinta); white-space:nowrap; box-shadow:inset 0 1px 0 rgb(255 255 255/.5)}
.pt-bloco{width:150px; height:196px; border-radius:3px 10px 10px 3px; background:repeating-linear-gradient(90deg,#FDFDFA 0 3px,#EDEAE4 3px 4px) right/10px 100% no-repeat,#FDFDFA; box-shadow:0 18px 30px -16px rgb(26 16 36/.5)}
.pt-mcapa{width:150px; height:196px; transform-origin:left center}
.pt-frasemesa{min-height:22px; font-size:14px; font-weight:700; color:var(--grafite); text-align:center}

/* livro: páginas nas cores das fotos, com cópias soltas */
.pt-livro{position:relative; width:min(282px,82cqw); aspect-ratio:3/4.1; margin:4px auto 0; perspective:1400px}
.pt-previa .pt-livro{width:min(258px,74cqw)}
.pt-pg{--pf:#3B2150; --pf2:#5E3F72; --pa:#FFD89A; --pt:#FDFDFA; position:absolute; inset:0; border-radius:4px 14px 14px 4px; background:var(--pf); box-shadow:0 22px 36px -22px rgb(26 16 36/.65); color:var(--pt); transform-origin:left center; transform-style:preserve-3d}
.pt-pg-in{position:absolute; inset:0; border-radius:inherit; overflow:hidden; padding:18px 18px 16px 24px; display:flex; flex-direction:column; gap:6px; background:radial-gradient(130% 75% at 85% -10%,var(--pf2),var(--pf) 65%); backface-visibility:hidden; -webkit-backface-visibility:hidden}
.pt-pg-in::before{content:""; position:absolute; z-index:6; left:0; top:0; bottom:0; width:16px; background:linear-gradient(90deg,rgb(0 0 0/.24),transparent); pointer-events:none}
.pt-pg-in::after{content:""; position:absolute; z-index:6; inset:0; background-image:var(--grain); opacity:.16; mix-blend-mode:overlay; pointer-events:none}
.pt-pg-verso{position:absolute; inset:0; border-radius:14px 4px 4px 14px; background:linear-gradient(90deg,#F3F1EB,#FDFDFA 30%); box-shadow:inset -12px 0 14px -12px rgb(29 29 28/.28); transform:rotateY(180deg); backface-visibility:hidden; -webkit-backface-visibility:hidden}
.pt-pg-aba{position:absolute; right:-14px; top:calc(22px + var(--k,0) * 30px); width:18px; height:40px; border-radius:0 8px 8px 0; background:var(--c); box-shadow:2px 2px 4px -2px rgb(26 16 36/.35)}
.pt-pg .pt-leg{position:relative; z-index:2; font-size:11px; font-weight:800; color:var(--pa)}
.pt-pg-t{position:relative; z-index:2; font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-size:28px; line-height:1.08; letter-spacing:-.015em; color:var(--pt)}
.pt-pg-frase{position:relative; z-index:2; font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-size:18px; line-height:1.22; color:var(--pt)}
.pt-pg-frase::before{content:"“"} .pt-pg-frase::after{content:"”"}
.pt-fotos{position:relative; z-index:2; flex:1; min-height:0; margin:6px 0 4px}
.pt-cp{position:absolute; left:var(--x); top:var(--y); width:var(--w); rotate:var(--r); z-index:var(--z,1); padding:5px; border-radius:8px; background:#fff; box-shadow:0 16px 26px -12px rgb(0 0 0/.6)}
.pt-cp .foto{border-radius:4px}
.pt-troca{position:absolute; z-index:3; right:-9px; top:-9px; width:30px; height:30px; border:0; border-radius:50%; background:var(--tinta); color:#FDFDFA; font:700 14px var(--f-ui); cursor:pointer; box-shadow:0 0 0 2px #fff}
.pt-fotos .ad-data{position:absolute; z-index:5; left:-6px; bottom:-2px}
.pt-fotos .adesivo.data.circulo{width:52px; height:52px; font-size:15px; background:var(--pa)}
.pt-editavel [contenteditable]{cursor:text; border-radius:6px; transition:box-shadow .2s var(--ease-suave),background-color .2s var(--ease-padrao)}
.pt-editavel [contenteditable]:hover{box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 45%,transparent)}
.pt-editavel [contenteditable]:focus{outline:none; box-shadow:0 0 0 2px currentColor; background:color-mix(in srgb,currentColor 12%,transparent)}
.pt-editdica{min-height:18px; margin:0 0 6px; font-size:12px; font-weight:700; color:var(--grafite); text-align:center}
.pt-arranjo{flex:1; display:flex; justify-content:center; align-items:center; gap:4px; min-height:32px}
.pt-arranjo > span{font-size:13px; font-weight:700; color:var(--grafite); font-variant-numeric:tabular-nums}
.pt-arranjo .chip{height:30px; font-size:12px; padding:0 9px}
.pt-pg-capa{box-shadow:inset 7px 0 0 rgb(0 0 0/.18),0 22px 36px -22px rgb(26 16 36/.7)}
.pt-pg-capa .pt-pg-in{justify-content:flex-end; gap:2px; padding:20px; background:linear-gradient(180deg,#1A1024 0%,#3B2150 38%,#8E5C88 64%,#F2735F 86%,#FFB070 100%)}
.pt-pg-capa .capa-sol{z-index:0; top:auto; bottom:27%; width:66%; color:rgb(253 253 250/.92)}
.pt-capa-foto{position:absolute; z-index:1; left:50%; top:9%; width:58%; translate:-50% 0; rotate:-3deg; padding:5px; border-radius:8px; background:#fff; box-shadow:0 18px 30px -12px rgb(0 0 0/.6)}
.pt-capa-foto .foto{border-radius:4px}
.pt-pg-capa .pt-pg-t{font-size:32px; color:#FDFDFA}
.pt-pg-capa small{position:relative; z-index:2; font-size:12px; font-weight:700; color:rgb(253 253 250/.85)}
.pt-pg-ded{--pt:#1D1D1C; --pa:#6B6A65}
.pt-pg-ded .pt-pg-in{padding-left:30px; background-color:#FFF1E3; background-image:linear-gradient(90deg,transparent 15px,rgb(242 115 95/.5) 15px 16.5px,transparent 16.5px),repeating-linear-gradient(180deg,transparent 0 23px,rgb(29 29 28/.08) 23px 24px)}
.pt-pg-ded p{position:relative; z-index:2; margin-top:2px; font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-size:23px; line-height:1.2; letter-spacing:-.01em; color:var(--tinta)}
.pt-pg-ded canvas{position:relative; z-index:2; margin-top:auto; width:100%; height:84px}
.pt-pg-ded .assinatura{position:relative; z-index:2; margin-top:auto; height:62px; width:auto; max-width:60%; color:var(--tinta)}
.pt-recado{position:relative; z-index:2; display:inline-flex; align-items:center; gap:8px; align-self:flex-start; height:34px; padding:0 12px 0 5px; border:0; border-radius:999px; background:var(--tinta); color:#FDFDFA; font:700 12px var(--f-ui); white-space:nowrap; cursor:pointer}
.pt-recado i{display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--coral); color:var(--tinta); font-style:normal; font-size:10px}
.pt-onda{display:inline-flex; align-items:center; gap:2px; height:16px}
.pt-onda s{width:2px; height:100%; border-radius:1px; background:currentColor; opacity:.7; transform:scaleY(var(--a,.4))}
.tocando .pt-onda s{opacity:1; animation:pt-onda .45s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -60ms)}
@keyframes pt-onda{from{transform:scaleY(.2)} to{transform:scaleY(1)}}
.pt-pg-linha{--pf:#1A1024; --pf2:#3B2150; --pa:#FFB070}
.pt-tl{position:relative; z-index:2; display:grid; gap:9px; margin-top:8px; padding-left:22px}
.pt-tl::before{content:""; position:absolute; left:6px; top:10px; bottom:10px; width:2px; border-radius:2px; background:rgb(255 255 255/.2)}
.pt-tl div{position:relative; display:grid; grid-template-columns:30px 1fr; column-gap:10px; align-items:center}
.pt-tl div::before{content:""; position:absolute; left:-21px; top:50%; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:var(--c); box-shadow:0 0 0 3px #1A1024}
.pt-tl i{grid-row:span 2; width:30px; padding:2px; border-radius:4px; background:#fff; rotate:-4deg}
.pt-tl i .foto{border-radius:2px}
.pt-tl-ilu{display:block; aspect-ratio:4/5; border-radius:2px; background:linear-gradient(180deg,#B9A2F0,#F2735F 60%,#FFD89A)}
.pt-tl b{font-size:14px; line-height:1.2} .pt-tl small{font-size:11px; font-weight:700; color:rgb(253 253 250/.66)}
.pt-pg-nossas{--pf:#8E5C88; --pf2:#F2735F; --pa:#FFD89A}
.pt-nossas{position:relative; z-index:2; display:grid; gap:6px; margin-top:4px}
.pt-nossa{display:grid; gap:2px; justify-items:start}
.pt-nossa:nth-child(even){justify-items:end; text-align:right}
.pt-nossa small{font-size:10.5px; font-weight:800; color:rgb(253 253 250/.82)}
.pt-nossa .adesivo{max-width:200px; padding:5px 11px; font-size:13px; line-height:1.25; white-space:normal}
.pt-nossa .adesivo.data{width:auto; height:auto; font-family:var(--f-ui); font-weight:800; font-size:13px}
.pt-nossa .adesivo.etiqueta{font-size:17px}
.pt-pg-nums{--pf:#1A1024; --pf2:#3B2150; --pa:#FFD89A}
.pt-nums{position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:8px; flex:1; min-height:0; margin-top:4px}
.pt-num{display:grid; align-content:end; padding:10px; border-radius:12px; background:var(--c); color:var(--tinta)}
.pt-num b{font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-weight:400; font-size:30px; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.pt-num span{font-size:11.5px; font-weight:700; line-height:1.3}
.pt-ilu{display:block; width:100%; height:auto; border-radius:8px}
.pt-pg-ilu .pt-pg-in{padding:0}
.pt-pg-ilu .pt-ilu{position:absolute; inset:0; width:100%; height:100%; border-radius:0}
.pt-ilu-txt{position:absolute; z-index:2; left:0; right:0; bottom:0; display:grid; gap:4px; padding:80px 18px 18px 24px; background:linear-gradient(180deg,transparent,rgb(26 16 36/.9) 60%)}
.pt-pg-ilu .pt-pg-in > .cola{position:absolute; z-index:3; right:14px; top:14px}
.pt-pg-ilu .pt-pg-in > .cola .adesivo{font-size:12px; padding:5px 10px}
/* página do convite (10 §16 #40): vem depois da contracapa, nunca por cima do livro */
.pt-pg-convite{--pt:#1D1D1C; --pa:#6B6A65}
.pt-pg-convite .pt-pg-in{align-items:center; justify-content:center; gap:10px; text-align:center; background:var(--pergaminho); background-image:linear-gradient(rgb(29 29 28/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(29 29 28/.06) 1px,transparent 1px); background-size:24px 24px}
.pt-pg-convite .pt-pg-frase::before,.pt-pg-convite .pt-pg-frase::after{content:""}
.pt-pg-convite .pt-pg-frase{font-size:16px; color:var(--grafite)}
.pt-pg-contra .pt-pg-in{align-items:center; justify-content:center; gap:12px; text-align:center; background:linear-gradient(180deg,#3B2150,#8E5C88 60%,#F2735F)}
.pt-pg-contra .marca-lock{position:relative; z-index:2; color:#FDFDFA}
.pt-pg-contra .assinatura{position:relative; z-index:2; width:90%; color:#FDFDFA}
.pt-marca-d{position:absolute; inset:0; z-index:8; display:grid; place-items:center; pointer-events:none; font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-size:48px; color:rgb(255 255 255/.16); transform:rotate(-24deg); letter-spacing:-.01em}
.pt-pg-ded .pt-marca-d,.pt-pg-convite .pt-marca-d{color:rgb(29 29 28/.1)}
.pt-lacre{position:absolute; inset:0; z-index:9; display:grid; place-items:center; align-content:center; gap:10px; padding:20px; text-align:center; border-radius:inherit; background:rgb(26 16 36/.3); color:#FDFDFA}
.pt-lacre b{font-size:15px}
.pt-lacre small{font-size:12px; font-weight:700; color:rgb(253 253 250/.82)}
.pt-pg-convite .pt-lacre{background:rgb(248 247 242/.55); color:var(--tinta)}
.pt-pg-convite .pt-lacre small{color:var(--grafite)}
.pt-lacrado .pt-pg-in > *{filter:blur(9px)}
.pt-lacre .adesivo.circulo{width:74px; height:74px; font-size:13px; white-space:normal; line-height:1.1; text-align:center}
.pt-folhear{display:flex; justify-content:space-between; align-items:center; gap:6px; width:min(316px,90cqw); margin:8px auto 0}
.pt-folhear .btn{flex:none; width:36px; padding:0}
.pt-folhear span{font-size:13px; font-weight:700; color:var(--grafite); font-variant-numeric:tabular-nums}

/* pé da prévia e pacote */
.pt-folha{display:grid; gap:10px; margin:0 10px 10px; padding:14px; border-radius:20px; background:var(--superficie); box-shadow:var(--sombra-borda-forte)}
.pt-folha .preco-linha .display{font-size:32px}
.pt-extras{display:flex; flex-wrap:wrap; gap:6px}
.pt-extras span{display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:999px; background:var(--pergaminho); box-shadow:var(--sombra-borda); font-size:12px; font-weight:700}
.pt-extras span::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--c)}
.pt-scr .inclui{font-size:14px; gap:10px}
.pt-scr .inclui li{align-items:flex-start}
.pt-scr .inclui li span{display:grid}
.pt-scr .inclui small{font-size:12px; color:var(--pedra)}
.pt-tag{display:inline-block; margin-left:4px; padding:0 6px; border-radius:6px; background:var(--lavanda); font-size:10px; font-weight:800; vertical-align:2px}
.pt-garantia{display:flex; gap:8px; align-items:center; font-size:13px; color:var(--grafite)}
.pt-garantia::before{content:""; flex:none; width:18px; height:18px; border-radius:50%; background:var(--verde) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6 10.4 L8.8 13.2 L14.2 7.2' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}

/* pix */
.pt-qr{justify-self:center; width:180px; height:180px; border-radius:16px; padding:14px; background:#fff; box-shadow:var(--sombra-borda-forte)}
.pt-qr i{display:block; width:100%; height:100%; border-radius:4px; background:conic-gradient(from 90deg at 30% 30%,#1D1D1C 25%,transparent 0) 0 0/16px 16px,conic-gradient(from 0deg at 70% 70%,#1D1D1C 25%,transparent 0) 8px 8px/24px 24px,#fff}
.pt-ok{position:absolute; inset:0; z-index:20; display:grid; place-items:center; align-content:center; gap:14px; background:var(--pergaminho)}
.pt-ok i{width:84px; height:84px; border-radius:50%; background:var(--verde) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6 10.4 L8.8 13.2 L14.2 7.2' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/60% no-repeat; animation:pt-ok .6s var(--ease-mola) both}
.pt-ok b{font-size:18px; animation:sobe .5s var(--ease-saida) .2s both}
@keyframes pt-ok{from{transform:scale(.3); opacity:0}}

/* player do livro no céu */
.pt-player .pt-corpo{align-items:center; justify-content:center; gap:12px; padding-top:44px; overflow:hidden}
.pt-player .pt-livro{margin:0 auto}
.pt-chip-ceu{display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px; border-radius:999px; background:rgb(26 16 36/.55); box-shadow:inset 0 0 0 1px rgb(255 255 255/.18); font-size:13px; font-weight:700; color:#FDFDFA}
.pt-pontos{display:flex; gap:5px; justify-content:center}
.pt-pontos i{width:6px; height:6px; border-radius:3px; background:rgb(255 255 255/.35); transition:width .3s var(--ease-saida),background-color .3s}
.pt-pontos i.on{width:18px; background:#fff}
.pt-toque{font-size:12px; font-weight:700; color:rgb(253 253 250/.7)}
.pt-palco-toque{cursor:pointer}

/* embrulho e lacre */
.pt-embrulho{background:linear-gradient(180deg,#FFF1E3 0%,#F8F7F2 45%)}
.pt-pacote-livro{position:relative; width:170px; aspect-ratio:3/4.1; margin:4px auto 6px}
.pt-pacote-livro .pt-pg{box-shadow:inset 7px 0 0 rgb(0 0 0/.18),0 26px 40px -22px rgb(26 16 36/.7)}
.pt-faixa{position:absolute; z-index:3; left:-6px; right:-6px; top:54%; height:34px; margin-top:-17px; border-radius:3px; background:linear-gradient(180deg,#FFF8EE,#F1E7D6); box-shadow:0 3px 6px -2px rgb(26 16 36/.35); transform-origin:left}
.pt-pacote-livro .ad-lacre{position:absolute; z-index:4; left:50%; top:54%; translate:-50% -50%}
.pt-pacote-livro .adesivo.data{width:64px; height:64px; font-size:19px}
.pt-bolha{align-self:flex-end; max-width:88%; padding:10px 12px; border-radius:16px 16px 4px 16px; background:var(--superficie); box-shadow:var(--sombra-borda); font-size:14px; text-align:left}
.pt-bolha u{display:block; margin-top:4px; font-size:12px; font-weight:700; color:var(--ameixa); text-decoration:none}

/* embrulho · rodapé com duas ações lado a lado */
.pt-pe-linha{display:grid; grid-template-columns:1fr 1fr; gap:8px}
@media (max-width:360px){ .pt-pe-linha{grid-template-columns:1fr} }

/* embrulho · QR para imprimir e entregar na mão */
.pt-qr-ov{position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:20px; background:rgb(26 16 36/.55); backdrop-filter:blur(2px)}
.pt-qr-cartao{width:min(340px,100%); background:var(--superficie); border-radius:18px; box-shadow:var(--sombra-borda-forte),0 30px 60px -30px rgb(26 16 36/.6); padding:24px 22px; display:grid; justify-items:center; gap:10px; text-align:center}
.pt-qr-marca{display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:14px; color:var(--ameixa)}
.pt-qr-marca svg{width:16px; height:16px}
.pt-qr-titulo{font-family:var(--f-serifada,Georgia,serif); font-size:17px; line-height:1.25; margin:2px 0 4px}
.pt-qr-svg{width:200px; height:200px; padding:12px; background:#fff; border-radius:12px; box-shadow:inset 0 0 0 1.5px var(--areia)}
.pt-qr-svg .qr-svg{width:100%; height:100%; display:block}
.pt-qr-inst{font-size:12px; color:var(--pedra)}
.pt-qr-link{font-size:12px; font-weight:700; color:var(--ameixa); word-break:break-all}
.pt-qr-quando{font-size:12px; color:var(--pedra)}
.pt-qr-acoes{display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; margin-top:6px}
.pt-qr-acoes .btn{width:100%}

/* ---------- seção social · viralidade ---------- */
.social{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:start}
.post{margin:0; display:grid; gap:12px}
.post figcaption{font-size:14px; line-height:1.5; color:var(--grafite)}
.post figcaption b{color:var(--tinta); font-weight:800}
.social-tela{border-radius:18px; overflow:hidden; box-shadow:var(--sombra-borda-forte)}
/* story 9:16 */
.social-tela.story{background:transparent; box-shadow:none}
.social-tela.story .story-mini{aspect-ratio:9/16; border-radius:18px}
.social-tela.story .story-mini .print-in{width:78%}
.social-tela.story .story-mini .assina{font-size:12px}
.social-tela.story .story-mini .assina svg{width:16px; height:16px}
/* feed 1:1 */
.social-tela.feed{aspect-ratio:1; background:var(--linho); display:grid; place-items:center; padding:14px}
.feed-cena{position:relative; width:100%; height:100%; display:grid; place-items:center}
.feed-cena .print-in{width:62%}
.social-assina{position:absolute; bottom:10px; left:12px; display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:800; color:var(--tinta); opacity:.85}
.social-assina svg{width:14px; height:14px}
/* prova social · comentários */
.social-tela.dm{aspect-ratio:auto; background:var(--superficie); padding:16px; display:grid; gap:8px; align-content:start}
.dm-topo{font-size:12px; font-weight:800; color:var(--pedra); text-transform:uppercase; letter-spacing:.04em; padding-bottom:4px; border-bottom:1px solid var(--linho)}
.dm-bolha{font-size:13.5px; line-height:1.45; color:var(--grafite); padding:9px 12px; border-radius:12px 12px 12px 4px; background:var(--pergaminho)}
.dm-bolha b{color:var(--tinta); font-weight:800; margin-right:4px}
.dm-bolha.eu{background:var(--lavanda-nevoa); border-radius:12px 12px 4px 12px; justify-self:end; text-align:right}
.dm-resp{display:flex; align-items:center; gap:12px; margin-top:6px; padding-top:12px; border-top:1px dashed var(--linho)}
.dm-resp p{font-size:13px; line-height:1.45; color:var(--pedra)}
/* três loops */
.loops{list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.loops li{background:var(--superficie); border-radius:16px; box-shadow:var(--sombra-borda); padding:16px 18px; font-size:14.5px; line-height:1.5; color:var(--grafite)}
.loops li b{display:block; color:var(--tinta); font-size:16px; margin:8px 0 2px}
.loop-tag{display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:8px; background:var(--c,#FFB070); color:var(--tinta); font-size:12px; font-weight:800}
@media (max-width:900px){ .social{grid-template-columns:1fr 1fr} .social .post:last-child{grid-column:1/-1} .loops{grid-template-columns:1fr} }
@media (max-width:560px){ .social{grid-template-columns:1fr} }
.post.play{animation:espalha .6s var(--ease-saida) var(--base,0ms) backwards}
.loops.play{animation:sobe .55s var(--ease-saida) var(--base,0ms) backwards}
.pt-conta{font-size:40px; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums; line-height:1}
.pt-chega .pt-corpo{align-items:center; justify-content:center; text-align:center; gap:14px; padding-top:48px}
.pt-chega .pt-pacote-livro{width:190px}

/* resposta e volta */
.pt-reacoes{display:flex; flex-wrap:wrap; gap:14px 10px; justify-content:center; padding:10px 0}
.pt-reacoes button{border:0; padding:0; background:none; cursor:pointer; transition:transform .2s var(--ease-suave)}
.pt-reacoes button:not([aria-pressed="true"]){opacity:.55; transform:scale(.94)}
.pt-reacoes .adesivo{font-size:15px; padding:8px 14px}
.pt-aviso{display:grid; gap:8px; padding:14px; border-radius:16px; box-shadow:var(--sombra-borda)}
.pt-aviso p{font-size:14px; color:var(--grafite)}
.pt-aviso .btn[aria-pressed="true"]{background:var(--tinta); color:#FDFDFA; box-shadow:none}
.pt-volta-livro{position:relative; width:180px; aspect-ratio:3/4.1; margin:6px auto}
.pt-volta-livro .ad-pos{position:absolute; z-index:5; left:var(--x); top:var(--y)}
.pt-volta-livro .adesivo{font-size:13px; padding:6px 11px}
.pt-resp{padding:12px 14px; border-radius:14px; background:#fff; color:var(--tinta); font-size:15px; text-align:left; box-shadow:var(--sombra-ceu)}
.pt-resp small{display:block; font-size:12px; font-weight:700; color:var(--pedra); margin-bottom:2px}
.pt-story{display:flex; gap:12px; align-items:center; padding:10px; border-radius:14px; background:rgb(26 16 36/.5); box-shadow:inset 0 0 0 1px rgb(255 255 255/.16); text-align:left; font-size:13px}
.pt-story .story-mini{width:54px; border-radius:8px; flex:none}
.pt-story .story-mini .assina{display:none}
@media (prefers-reduced-motion:reduce){ .pt-sol-anda,.pt-sol-disco,.pt-sol-feito{transition:none} }
.ceu-t{isolation:isolate; overflow:hidden}
.pt-contador .adesivo.circulo{width:62px; height:62px; padding:0; font-size:17px}
.pt-lacre,.pt-pg-aba,.pt-marca-d{backface-visibility:hidden; -webkit-backface-visibility:hidden}
.play .pt-faixa{animation:pt-faixa .6s var(--ease-saida) .35s both}
@keyframes pt-faixa{from{transform:scaleX(0)}}
.parado .cola,.parado .pt-faixa{animation:none!important}
.recebe-de{font-size:15px; font-weight:700; color:rgb(253 253 250/.88)}
.pt-volta-livro .pt-pg-t,.pt-pacote-livro .pt-pg-t{font-size:20px}
.pt-volta-livro .pt-pg-capa small,.pt-pacote-livro .pt-pg-capa small{font-size:10px}
.pt-volta-livro .pt-pg-capa .pt-pg-in,.pt-pacote-livro .pt-pg-capa .pt-pg-in{padding:16px}
.pt-lacre .adesivo.data.circulo{font-size:16px}
.pt-real::before{display:none}
/* marcos criados, nome e texto livres */
.pt-marcos .chip.pt-novo{background:transparent; color:var(--grafite); box-shadow:inset 0 0 0 1.5px var(--areia)}
.pt-novo-campo{display:flex; gap:6px}
.pt-novo-campo input{flex:1; min-width:0; height:42px; border:0; border-radius:12px; padding:0 12px; font:600 15px var(--f-ui); color:var(--tinta); background:#fff; box-shadow:var(--sombra-borda-forte)}
.pt-novo-campo input:focus,.pt-texto:focus{outline:none; box-shadow:0 0 0 1px var(--tinta),0 0 0 4px rgb(29 29 28/.12)}
.pt-nome{display:flex; align-items:center; gap:6px; border-bottom:1.5px solid var(--linho); transition:border-color .2s var(--ease-padrao)}
.pt-nome:focus-within{border-color:var(--tinta)}
.pt-nome input{flex:1; min-width:0; border:0; padding:2px 0 4px; background:transparent; font-family:var(--f-display); font-variation-settings:"SOFT" 100; font-size:28px; letter-spacing:-.015em; color:var(--tinta)}
.pt-nome input:focus{outline:none}
.pt-nome span{font-size:16px; color:var(--pedra)}
.pt-texto{width:100%; border:0; border-radius:12px; padding:10px 12px; font:500 15px/1.4 var(--f-ui); color:var(--tinta); background:#fff; box-shadow:var(--sombra-borda-forte); resize:none}
.pt-sug{display:flex; flex-wrap:wrap; align-items:center; gap:6px}
.pt-sug .chip{height:30px; padding:0 10px; font-size:12px}

/* recado em áudio */
.pt-grava{display:grid; justify-items:center; gap:12px; padding:18px 12px; border-radius:20px; background:var(--superficie); box-shadow:var(--sombra-borda)}
.pt-tempo{font-size:28px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums}
.pt-onda-grande{display:flex; align-items:center; gap:3px; height:44px}
.pt-onda-grande s{width:4px; height:100%; border-radius:2px; background:var(--tinta); transform:scaleY(.12); transition:transform .12s linear}
.pt-grava-bt{display:grid; place-items:center; width:80px; height:80px; border:0; border-radius:50%; background:var(--coral); cursor:pointer; box-shadow:0 0 0 6px #fff,0 12px 24px -10px rgb(194 65 47/.7); transition:transform .15s var(--ease-suave)}
.pt-grava-bt:active{transform:scale(.96)}
.pt-grava-bt i{width:26px; height:26px; border-radius:50%; background:#fff; transition:border-radius .25s var(--ease-mola),transform .25s var(--ease-mola)}
.pt-grava-bt.gravando i{border-radius:6px; transform:scale(.85)}
.pt-grava-bt.gravando{animation:pt-pulsa 1.2s ease-in-out infinite}
@keyframes pt-pulsa{50%{box-shadow:0 0 0 12px rgb(242 115 95/.25),0 12px 24px -10px rgb(194 65 47/.7)}}
.pt-recado-linha{display:flex; align-items:center; justify-content:space-between; gap:8px}
.pt-recado-linha .pt-recado{height:44px; padding-right:14px; font-size:14px}
@media (max-width:760px){ .comp-grid{grid-template-columns:1fr} }

/* impressão · só o cartão do QR vai para o papel */
@media print{
  body{background:#fff !important}
  body > *{display:none !important}
  .pt-qr-ov{display:block !important; position:static !important; inset:auto !important; padding:0 !important; background:none !important; backdrop-filter:none !important}
  .pt-qr-cartao{box-shadow:none !important; width:100% !important; max-width:420px; margin:0 auto; padding:0}
  .pt-qr-acoes{display:none !important}
  .pt-qr-svg{box-shadow:none !important; padding:0}
  @page{margin:18mm}
}

/* ---------- escopo da v1: selo de fila (10 §15.4 e §15 #27) ---------- */
.pt-escopo{display:inline-flex; align-items:center; height:19px; padding:0 8px; border-radius:6px; background:var(--linho); color:var(--grafite); font-family:var(--f-ui); font-size:10.5px; font-weight:800; line-height:1; white-space:nowrap}
.pt-escopo.nucleo{background:var(--tinta); color:#FDFDFA}
.pt-escopo.extra{background:var(--mel); color:var(--tinta)}
.pt-escopo.depois{background:var(--lavanda-nevoa); color:var(--ameixa); box-shadow:inset 0 0 0 1px var(--lavanda)}
.pt-passo .pt-escopo{margin-left:auto; height:17px; padding:0 6px; font-size:9.5px}
.pt-nota-escopo{display:flex; gap:8px; align-items:baseline; margin:-8px 0 0; font-size:13.5px; line-height:1.45; color:var(--pedra)}
.pt-nota-escopo .pt-escopo{flex:none}
.pt-legenda{list-style:none; margin:16px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14px; color:var(--grafite)}
.pt-legenda li{display:flex; gap:8px; align-items:center}
/* aviso de fora de escopo, dentro do aparelho */
.pt-fora{display:flex; gap:8px; align-items:flex-start; padding:10px 12px; border-radius:12px; background:var(--lavanda-nevoa); font-size:12.5px; line-height:1.4; color:var(--ameixa)}
.pt-fora .pt-escopo{flex:none}
.pt-scr .inclui li.fora{opacity:.6}
.pt-scr .inclui li.fora::before{background:var(--linho); box-shadow:0 0 0 2px #fff}

/* ---------- dois planos: 1 ano × para sempre (10 §16 #52, 04 §8) ---------- */
.planos{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px}
.plano{position:relative; display:grid; gap:2px; justify-items:start; padding:14px 12px 12px; border:0; border-radius:14px; background:var(--superficie); box-shadow:var(--sombra-borda-forte); text-align:left; font-family:var(--f-ui); color:var(--tinta); cursor:pointer; transition:box-shadow .2s var(--ease-suave),background-color .2s var(--ease-padrao)}
.plano:hover{background:#fff}
.plano b{font-size:14px}
.plano-preco{font-size:30px; line-height:1.05; letter-spacing:-.02em}
.plano small{font-size:11.5px; line-height:1.35; color:var(--pedra)}
.plano[aria-pressed="true"]{background:var(--damasco-nevoa); box-shadow:0 0 0 2px var(--tinta)}
.plano-selo{position:absolute; right:8px; top:-9px; padding:2px 8px; border-radius:999px; background:var(--tinta); color:#FDFDFA; font-size:10px; font-weight:800}
.pt-scr .planos{gap:6px}
.pt-scr .plano{padding:12px 10px 10px}
.pt-scr .plano-preco{font-size:26px}
.pt-vendedor{display:block; font-size:11px; line-height:1.35; color:var(--pedra); text-align:center}
@media (max-width:520px){ .planos{grid-template-columns:1fr} }

/* ---------- pagamento: Pix ou cartão à vista (10 §16 #47) ---------- */
.pt-resumo-pag{display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border-radius:999px; background:var(--superficie); box-shadow:var(--sombra-borda); font-size:13px; font-weight:600}
.pt-resumo-pag b{font-weight:800}
.pt-meios{display:grid; grid-template-columns:1fr 1fr; gap:4px; width:100%; padding:4px; border-radius:12px; background:var(--linho)}
.pt-meio{height:36px; border:0; border-radius:9px; background:transparent; font:700 14px var(--f-ui); color:var(--grafite); cursor:pointer; transition:background-color .2s var(--ease-padrao),color .2s var(--ease-padrao)}
.pt-meio[aria-pressed="true"]{background:var(--superficie); color:var(--tinta); box-shadow:var(--sombra-borda)}
.pt-pane{display:grid; gap:12px; justify-items:center; width:100%; animation:aparece .3s var(--ease-padrao) both}
.pt-pane .campo{width:100%; text-align:left}
.pt-cc-linha{display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%}

/* ---------- música: trilha nossa na abertura, a deles como página (10 §15 #28) ---------- */
.pt-trilha{display:grid; grid-template-columns:40px 1fr auto auto; gap:10px; align-items:center; padding:8px 10px; border-radius:14px; background:linear-gradient(120deg,var(--damasco-nevoa),var(--superficie)); box-shadow:var(--sombra-borda)}
.pt-trilha > i{width:40px; height:40px; border-radius:50%; background:radial-gradient(circle at 50% 35%,#FFF4D6,#FFD89A 45%,#FFB070 75%,#F2735F); box-shadow:inset 0 0 0 5px rgb(255 255 255/.55)}
.pt-trilha b{display:block; font-size:14px}
.pt-trilha small{font-size:12px; color:var(--pedra)}
.pt-trilha .pt-eq{opacity:1; height:16px; color:var(--coral-profundo)}
.pt-trilha:has(.pt-mudo[aria-pressed="true"]) .pt-eq{visibility:hidden}
.pt-mudo{height:28px; padding:0 10px; border:0; border-radius:999px; background:var(--tinta); color:#FDFDFA; font:800 11px var(--f-ui); cursor:pointer}
.pt-mudo[aria-pressed="true"]{background:var(--linho); color:var(--grafite)}
.pt-musica .pt-leg{font-size:10.5px}
.pt-pg-musica{--pf:#1A1024; --pf2:#3B2150; --pa:#FFD89A}
.pt-pg-musica .pt-pg-in{justify-content:center; gap:10px}
.pt-disco{position:relative; z-index:2; width:98px; height:98px; margin:2px 0; border-radius:50%; background:var(--g),#1D1D1C; box-shadow:0 14px 24px -12px rgb(0 0 0/.6),inset 0 0 0 1px rgb(255 255 255/.25)}
.pt-disco::after{content:""; position:absolute; inset:38%; border-radius:50%; background:var(--pergaminho); box-shadow:inset 0 0 0 1px rgb(0 0 0/.2)}
.pt-pg-link{position:relative; z-index:2; display:inline-flex; align-items:center; gap:6px; align-self:flex-start; height:32px; padding:0 12px; border-radius:999px; background:rgb(255 255 255/.16); box-shadow:inset 0 0 0 1px rgb(255 255 255/.35); font-size:12px; font-weight:800; color:var(--pt)}
.pt-pg-convite .pt-pg-link{align-self:center; background:var(--tinta); color:#FDFDFA; box-shadow:none}

/* landing: os planos aparecem depois do livro (04 §8) */
.pt-landing .pt-precos{display:grid; gap:2px; padding:0; font-size:15px; font-weight:700; color:#FDFDFA}
.pt-landing .pt-precos b{font-family:var(--f-display); font-weight:400; font-variation-settings:"SOFT" 100; font-size:19px}
.pt-landing .pt-precos small{font-size:11.5px; font-weight:600; color:rgb(253 253 250/.8)}