/* ==========================================================================
   PRESENTES INÉDITOS E DIREÇÃO INÉDITA 2027 · 28/09/2026
   A base inteira é a página do RaioX (raiox.css, o mesmo arquivo dela). Aqui só
   mora o que é novo, com os mesmos tokens: um rosa só, branco como padrão, escuro
   como evento, os três raios, a curva da casa, e nenhuma sombra preta.
   ========================================================================== */

/* ------------------------------------------------ o topo dos presentes */
.pr-hero__titulo{margin-bottom:var(--esp-3);}
.pr-hero__linha{max-width:34em; font-size:17px; line-height:1.6; text-wrap:pretty; margin:0 0 var(--esp-4);}
.pr-hero__botao{width:auto;}
.pr-selo{cursor:default;}

/* ------------------------------------------------ os dois presentes */
.pr-duas{display:grid; gap:var(--esp-4);}
@media (min-width:860px){ .pr-duas{grid-template-columns:1fr 1fr; align-items:stretch;} }
.pr-presente{
  position:relative; display:flex; flex-direction:column; gap:var(--esp-2);
  padding:var(--esp-5) var(--esp-4) var(--esp-4);
  background:var(--c0); border:1px solid var(--c-linha); border-radius:var(--raio-caixa);
}
.pr-presente--raiox{border-left:3px solid var(--fucsia);}
.pr-presente .tag-casa{align-self:flex-start;}
.pr-presente__titulo{font-family:var(--serif); font-style:italic; font-weight:600; font-size:clamp(24px,3vw,30px); color:var(--c-tinta);}
.pr-presente__linha{margin:0; font-size:15.5px; line-height:1.55; color:var(--c-tinta-2); text-wrap:pretty;}
.pr-presente__itens{margin:var(--esp-1) 0 0;}
.pr-presente__itens li{font-size:15.5px; line-height:1.45; text-wrap:pretty;}
.pr-presente__botao{margin-top:auto; width:100%;}
.pr-selos{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:var(--esp-1) 0 var(--esp-2); padding:0;}
.pr-selos li{padding:4px 10px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); font:500 10.5px/1.5 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--c-tinta-2);}
.pr-cupom{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; margin:0; padding:12px 14px; border-radius:var(--raio-controle, 10px); background:var(--c1); border:1px dashed rgba(161,9,95,.45);}
.pr-cupom b{font-family:var(--mono); font-weight:500; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia);}
.pr-cupom span{font-family:var(--mao); font-size:21px; color:var(--c-tinta);}
.botao--claro{background:#fff; color:var(--fucsia); border:1.5px solid var(--fucsia); box-shadow:none;}
.botao--claro:hover{background:var(--c1); color:var(--vinho);}

/* ------------------------------------------------ o começo, com nome e Instagram */
.pr-comeco__painel{max-width:720px;}
.pr-cartao{position:relative; display:grid; gap:var(--esp-2); padding:var(--esp-5) var(--esp-4); border-radius:20px; background:#fff; border:1px solid var(--c-linha); transition:opacity .35s var(--ease-casa), transform .35s var(--ease-casa);}
.pr-cartao--indo{opacity:0; transform:translateY(-10px);}
.pr-cartao .recado2__cab{display:flex; align-items:center; gap:10px;}
.pr-cartao__titulo{font-family:var(--serif); font-style:italic; font-size:clamp(24px,3.4vw,32px); color:var(--c-tinta); margin:var(--esp-1) 0 0;}
.pr-cartao__texto{margin:0 0 var(--esp-2); font-size:16px; color:var(--c-tinta-2); text-wrap:pretty;}
.pr-campo{display:grid; gap:6px;}
.pr-campo > span{font:500 10.5px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--fucsia);}
.pr-campo input{width:100%; padding:13px 14px; border-radius:10px; border:1px solid var(--c-linha-forte); background:var(--c1); font:400 16px var(--sans, 'Inter', sans-serif); color:var(--c-tinta); outline:none; transition:border-color .2s var(--ease-casa);}
.pr-campo input:focus{border-color:var(--fucsia); background:#fff;}
.pr-arroba{display:flex; align-items:center; border-radius:10px; border:1px solid var(--c-linha-forte); background:var(--c1); overflow:hidden;}
.pr-arroba:focus-within{border-color:var(--fucsia); background:#fff;}
.pr-arroba i{font-style:normal; padding:0 4px 0 14px; color:var(--c-tinta-3);}
.pr-arroba input{border:0; background:transparent; padding-left:2px;}
.pr-aceite{display:grid; grid-template-columns:22px 1fr; gap:10px; align-items:start; font-size:13.5px; line-height:1.5; color:var(--c-tinta-2); cursor:pointer; text-wrap:pretty;}
.pr-aceite input{position:absolute; opacity:0; width:0; height:0;}
.pr-aceite__caixa{width:20px; height:20px; margin-top:1px; border-radius:6px; border:1.5px solid var(--c-linha-forte); background:#fff; transition:background .2s var(--ease-casa), border-color .2s var(--ease-casa);}
.pr-aceite input:checked + .pr-aceite__caixa{background:var(--fucsia); border-color:var(--fucsia); box-shadow:inset 0 0 0 3px #fff;}
.pr-aceite input:focus-visible + .pr-aceite__caixa{outline:2px solid var(--fucsia); outline-offset:2px;}
.pr-aviso{margin:0; font-size:14px; color:var(--fucsia); font-weight:500;}
.pr-cartao__botao{margin-top:var(--esp-1); gap:10px;}
.pr-fog{width:18px; height:18px; fill:currentColor;}
.pr-rodape{position:relative; z-index:1; padding:var(--esp-5) 16px; text-align:center; font:500 10.5px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.55);}

/* ------------------------------------------------ a Direção: o parabéns */
.di-topo{padding-top:var(--esp-5); padding-bottom:var(--esp-5);}
.di-topo .miolo{max-width:860px; text-align:center;}
.di-topo__marcas{justify-content:center; display:flex; margin-bottom:var(--esp-4);}
.di-topo__marcas a{color:#fff; text-decoration:none;}
.di-topo__rotulo{justify-content:center;}
.di-topo__titulo{font-family:var(--serif); font-style:italic; font-weight:600; font-size:clamp(34px,6vw,58px); line-height:1.08; color:#fff; margin:var(--esp-2) 0 var(--esp-3);}
.di-topo__titulo .mao{color:#fff; text-shadow:var(--luz); font-size:1.18em;}
.di-topo__frase{font-size:clamp(17px,2vw,20px); line-height:1.6; max-width:36em; margin:0 auto; text-wrap:pretty; color:var(--e-tinta);}

/* ------------------------------------------------ o recado e a calculadora */
.di-inicio__grade{display:grid; gap:var(--esp-5); align-items:start;}
@media (min-width:900px){ .di-inicio__grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:var(--esp-6);} }
.di-recado{grid-template-columns:minmax(0,1fr) !important;}
.di-aud{margin-top:var(--esp-2); background:var(--c1); border:1px solid var(--c-linha);}
.di-aud .mt b{color:var(--c-tinta);}
.di-aud .mt span{color:var(--c-tinta-3);}
.di-aud .onda i{background:var(--c2);}
.di-aud .onda i.acesa{background:var(--fucsia);}
.di-calc{display:grid; gap:var(--esp-3);}
.di-calc__titulo{font-family:var(--serif); font-style:italic; font-size:clamp(26px,3.2vw,34px); color:var(--c-tinta);}
.di-calc__linha{margin:0; font-size:16px; line-height:1.55; color:var(--c-tinta-2); text-wrap:pretty;}
.di-calc__campo{padding:var(--esp-3) var(--esp-3) var(--esp-4); border:1px solid var(--c-linha); border-radius:var(--raio-caixa); background:#fff;}
.di-calc__campo .calc__lin{display:flex; justify-content:space-between; align-items:baseline; gap:var(--esp-2); margin-bottom:var(--esp-2);}
.di-calc__campo .calc__rotulo{font-size:15px; line-height:1.4; color:var(--c-tinta); text-wrap:pretty;}
.di-calc__campo .calc__valor{font-family:var(--serif); font-weight:600; font-size:22px; color:var(--fucsia); white-space:nowrap;}
.di-calc__nota{margin:0; font-size:13.5px; color:var(--c-tinta-3); text-wrap:pretty;}

/* ------------------------------------------------ as 8 oportunidades no trilho */
.di-ops__linha{max-width:40em; margin:var(--esp-2) auto 0; text-align:center; color:var(--c-tinta-2); text-wrap:pretty;}
.di-voo{max-width:860px; margin:0 auto; padding:30px 22px 30px 22px;}
.di-voo.di-voo--anda .linha-voo__foguete{transition:top 1.1s var(--ease-casa);}
.di-voo.di-voo--anda::after{transition:transform 1.1s var(--ease-casa);}
.di-op{padding-bottom:22px !important;}
.di-op:last-child{padding-bottom:0 !important;}
.di-op__cartao{
  position:relative; display:grid; gap:8px; width:100%; text-align:left; cursor:pointer;
  padding:18px 20px; border-radius:var(--raio-caixa);
  background:#fff; border:1px solid var(--c-linha); font:inherit; color:var(--c-tinta);
  transition:border-color .3s var(--ease-casa), box-shadow .3s var(--ease-casa), transform .3s var(--ease-casa), filter .5s var(--ease-casa), opacity .5s var(--ease-casa);
}
.di-op__cab{display:flex; align-items:center; gap:12px;}
.di-op__num{font:500 11px/1 var(--mono); letter-spacing:.16em; color:var(--fucsia);}
.di-op__como{font-family:var(--mao); font-size:20px; color:var(--fucsia); line-height:1;}
.di-op__pergunta{font-family:var(--serif); font-style:italic; font-weight:600; font-size:clamp(18px,2.1vw,21px); line-height:1.35; color:var(--c-tinta); text-wrap:pretty;}
.di-op__pe{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; margin-top:4px;}
.di-op__titulo{font-size:14px; color:var(--c-tinta-2);}
.di-op__abrir{padding:7px 14px; border-radius:var(--raio-pilula); background:var(--fucsia); color:#fff; font:500 10.5px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase;}
.di-op__resposta{font:500 10.5px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--fucsia);}
.di-op__resposta:empty{display:none;}
.di-op__resposta::before{content:'Você respondeu · '; color:var(--c-tinta-3);}

/* a da vez acende; as feitas ficam quietas; as trancadas ficam no vidro embaçado */
.di-op--atual .di-op__cartao{border-color:var(--fucsia); box-shadow:0 18px 44px rgba(161,9,95,.14); border-left-width:3px;}
.di-op--atual .di-op__cartao:hover{transform:translateY(-2px);}
.di-op--feita .di-op__abrir{background:#fff; color:var(--fucsia); border:1px solid var(--fio-rosa, rgba(222,62,147,.62));}
.di-op--feita .di-op__abrir{font-size:0;}
.di-op--feita .di-op__abrir::after{content:'Ver de novo'; font-size:10.5px;}
.di-op--trancada .di-op__cartao{cursor:default; background:rgba(255,255,255,.6); filter:blur(3.5px); opacity:.55; user-select:none;}
.di-op--trancada .di-op__abrir{visibility:hidden;}
@media (prefers-reduced-motion:reduce){ .di-op__cartao{transition:none;} }

/* ------------------------------------------------ a janela da oportunidade */
.janela__caixa{width:min(720px, 100%);}
.di-janela__titulo{font-family:var(--serif); font-style:italic; font-weight:600; font-size:clamp(24px,3.2vw,30px); color:var(--c-tinta); margin:4px 0 8px;}
.di-janela__como{margin:0 0 var(--esp-3); font-size:16px; line-height:1.5; color:var(--c-tinta-2); text-wrap:pretty;}
.di-janela__como .mao{font-size:21px; color:var(--fucsia);}
.di-janela__bloco{padding:var(--esp-3) 0; border-top:1px solid var(--c-linha);}
.di-janela__rotulo{margin-bottom:10px;}
.di-janela__texto{margin:0; font-size:16px; line-height:1.65; color:var(--c-tinta); text-wrap:pretty;}
.di-janela__lista li{font-size:15.5px; line-height:1.5; color:var(--c-tinta); text-wrap:pretty;}
.di-janela__passos{margin:0; padding:0; list-style:none; counter-reset:passo; display:grid; gap:10px;}
.di-janela__passos li{position:relative; padding-left:38px; font-size:15.5px; line-height:1.5; color:var(--c-tinta); text-wrap:pretty; counter-increment:passo;}
.di-janela__passos li::before{content:counter(passo); position:absolute; left:0; top:-1px; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--fucsia); color:#fff; font:600 12.5px/1 var(--sans, 'Inter', sans-serif);}
.di-conta{padding:14px 16px; border-radius:12px; background:var(--c1); border-left:3px solid var(--fucsia);}
.di-conta__texto{margin:0; font-size:15.5px; line-height:1.55; color:var(--c-tinta); text-wrap:pretty;}
.di-conta__aviso{margin:8px 0 0; font-size:12.5px; color:var(--c-tinta-3);}
.di-conta--falta{border-left-color:var(--c-linha-forte);}
.di-conta__ir{display:inline-flex; margin-top:10px;}
.di-pergunta{margin:0; padding:var(--esp-3) 0 0; border:0; border-top:1px solid var(--c-linha);}
.di-pergunta__titulo{padding:0; margin-bottom:12px; font-family:var(--serif); font-style:italic; font-weight:600; font-size:20px; color:var(--c-tinta);}
.di-pergunta__opcoes{display:flex; flex-wrap:wrap; gap:8px;}
.di-chip{position:relative; cursor:pointer;}
.di-chip input{position:absolute; opacity:0; width:0; height:0;}
.di-chip span{display:inline-block; padding:10px 16px; border-radius:var(--raio-pilula); border:1px solid var(--c-linha-forte); background:#fff; font-size:14.5px; color:var(--c-tinta); transition:background .2s var(--ease-casa), border-color .2s var(--ease-casa), color .2s var(--ease-casa);}
.di-chip:hover span{border-color:var(--fucsia);}
.di-chip input:checked + span{background:var(--fucsia); border-color:var(--fucsia); color:#fff;}
.di-chip input:focus-visible + span{outline:2px solid var(--fucsia); outline-offset:2px;}
.di-pergunta__seguir{width:100%; margin-top:var(--esp-3);}
.di-pergunta__seguir:disabled{opacity:.45; cursor:not-allowed; box-shadow:none;}

/* ------------------------------------------------ o fim */
.di-fim__grade{display:grid; gap:var(--esp-5); align-items:start;}
@media (min-width:900px){ .di-fim__grade{grid-template-columns:minmax(0,6fr) minmax(0,5fr);} }
.di-potencial{padding:var(--esp-4); border-radius:var(--raio-caixa); background:var(--c1); border-left:3px solid var(--fucsia); margin-bottom:var(--esp-3);}
.di-potencial__antes,.di-potencial__depois{margin:0; font-size:15px; color:var(--c-tinta-2); text-wrap:pretty;}
.di-potencial__valor{display:block; margin:6px 0; font-family:var(--serif); font-weight:600; font-size:clamp(36px,5vw,48px); color:var(--fucsia); line-height:1.05; overflow-wrap:anywhere;}
.di-lista{list-style:none; margin:0 0 var(--esp-4); padding:0; display:grid;}
.di-lista__item{display:grid; grid-template-columns:34px 1fr; gap:2px 10px; padding:12px 0; border-top:1px solid var(--c-linha);}
.di-lista__num{grid-row:span 2; font:500 11px/1.8 var(--mono); letter-spacing:.14em; color:var(--fucsia);}
.di-lista__titulo{font-size:15.5px; color:var(--c-tinta);}
.di-lista__resp{font:500 10.5px/1.5 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--c-tinta-3);}
.di-baixar{width:100%;}
.di-baixar__nota{margin:10px 0 0; font-size:14px; color:var(--fucsia); text-align:center;}
.di-fim__portas{display:grid; gap:var(--esp-3);}
.di-compartilhar{justify-self:center;}

/* ------------------------------------------------ o papel do PDF (fora da tela) */
.papel-raiz{position:fixed; left:-10000px; top:0; width:794px; pointer-events:none;}
.papel-folha{position:relative; width:794px; height:1123px; overflow:hidden; box-sizing:border-box; padding:70px 72px 90px; background:#fff; color:#14161C; font-family:'Inter', sans-serif;}
.papel-folha + .papel-folha{margin-top:20px;}
.papel-folha::before{content:''; position:absolute; left:0; top:0; bottom:0; width:6px; background:#A1095F;}
.papel-folha__marca{display:flex; align-items:center; gap:10px; margin-bottom:46px; font:500 11px/1 'JetBrains Mono', monospace; letter-spacing:.2em; text-transform:uppercase; color:rgba(20,22,28,.55);}
.papel-folha__ponto{width:7px; height:7px; border-radius:50%; background:#A1095F;}
.papel-folha__rodape{position:absolute; left:72px; right:72px; bottom:40px; display:flex; justify-content:space-between; padding-top:14px; border-top:1px solid rgba(20,22,28,.12); font:500 10.5px/1 'JetBrains Mono', monospace; letter-spacing:.14em; text-transform:uppercase; color:rgba(20,22,28,.5);}
.papel-rotulo{margin:0 0 12px; font:500 12px/1 'JetBrains Mono', monospace; letter-spacing:.2em; text-transform:uppercase; color:#A1095F;}
.papel-capa__titulo{margin:120px 0 26px; font-family:'Playfair Display', serif; font-style:italic; font-weight:600; font-size:64px; line-height:1.05; color:#14161C;}
.papel-capa__titulo .mao{font-family:'Caveat', cursive; font-style:normal; font-weight:500; font-size:1.2em; color:#A1095F;}
.papel-capa__frase{margin:0 0 40px; font-size:19px; line-height:1.6; color:rgba(20,22,28,.72); max-width:560px;}
.papel-nums{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:26px;}
.papel-nums__item{padding:16px; border-radius:14px; background:#F5F6F9;}
.papel-nums__item span{display:block; font-size:12.5px; color:rgba(20,22,28,.6); margin-bottom:6px;}
.papel-nums__item b{font-family:'Playfair Display', serif; font-size:26px; color:#14161C;}
.papel-pot{padding:22px 24px; border-radius:14px; background:#F5F6F9; border-left:4px solid #A1095F;}
.papel-pot span{display:block; font-size:14px; color:rgba(20,22,28,.65);}
.papel-pot b{display:block; margin:6px 0; font-family:'Playfair Display', serif; font-size:46px; color:#A1095F;}
.papel-capa__data{position:absolute; left:72px; bottom:90px; margin:0; font-size:14px; color:rgba(20,22,28,.55);}
.papel-titulo{margin:0 0 14px; font-family:'Playfair Display', serif; font-style:italic; font-weight:600; font-size:40px; line-height:1.1; color:#14161C;}
.papel-como{margin:0 0 26px; font-size:17px; line-height:1.5; color:rgba(20,22,28,.72);}
.papel-como .mao{font-family:'Caveat', cursive; font-size:24px; color:#A1095F;}
.papel-sub{margin:22px 0 10px; font:500 12px/1 'JetBrains Mono', monospace; letter-spacing:.2em; text-transform:uppercase; color:#A1095F;}
.papel-texto{margin:0 0 10px; font-size:16px; line-height:1.65; color:#14161C;}
.papel-lista{margin:0; padding:0 0 0 20px; font-size:15.5px; line-height:1.55;}
.papel-lista li{margin-bottom:6px;}
.papel-passos{margin:0; padding:0 0 0 22px; font-size:15.5px; line-height:1.55;}
.papel-passos li{margin-bottom:6px;}
.papel-conta{margin:22px 0 0; padding:14px 16px; border-radius:12px; background:#F5F6F9; font-size:14.5px; line-height:1.55; color:#14161C;}
.papel-resposta{margin:16px 0 0; font-size:14.5px; color:rgba(20,22,28,.7);}
.papel-resposta b{color:#A1095F;}
.papel-link{margin:30px 0 0; font:500 16px/1.4 'JetBrains Mono', monospace; color:#A1095F;}
.papel-assina{margin:40px 0 0; font-family:'Caveat', cursive; font-size:40px; color:#A1095F;}

/* ajustes medidos no ar, 28/09 */
.pr-hero__titulo{max-width:13em; font-size:clamp(34px,4.6vw,56px);}
.di-pergunta{border-top:0; position:relative; padding-top:calc(var(--esp-3) + 1px);}
.di-pergunta::before{content:''; position:absolute; left:0; right:0; top:0; height:1px; background:var(--c-linha);}
.di-pergunta__titulo{float:left; width:100%;}
.di-pergunta__opcoes{clear:both;}
.di-aud .onda i{background:var(--c-linha-forte);}
.janela .di-janela__texto,.janela .di-conta__texto{color:var(--c-tinta);}
/* no celular o vidro deixava a página aparecer atrás do texto: a caixa da Direção é branca e firme */
.janela__caixa{background:#fff !important;}
.janela__fundo{background:rgba(20,16,28,.72) !important;}
.di-calc__dica{margin:-6px 0 12px; font-size:13px; color:var(--c-tinta-3);}

/* o celular: nada pode ser mais largo que a tela (conferência de uso, 28/09).
   Os cartões de presente vazavam 34px e o navegador encolhia a página inteira. */
.pr-duas > *, .di-inicio__grade > *, .di-fim__grade > *, .di-fim__portas > *{min-width:0;}
.pr-presente__botao, .di-baixar, .di-pergunta__seguir{white-space:normal; text-align:center;}
@media (max-width:600px){
  .pr-presente{padding:var(--esp-4) var(--esp-3) var(--esp-3);}
  .pr-cartao{padding:var(--esp-4) var(--esp-3);}
  .di-voo{padding:24px 12px 24px 14px;}
  .di-op__cartao{padding:16px 14px;}
  .di-calc__campo{padding:var(--esp-2) var(--esp-2) var(--esp-3);}
  .di-baixar__nota{padding:0 8px;}
}

/* ==========================================================================
   OS DOIS PRESENTES EM VIDRO · 28/09 à tarde, pedido da Carol ("capricha")
   Vidro claro pra Direção e vidro escuro com a luz pro RaioX, o mesmo par da
   escada de investimento da página do RaioX. Os 8 de cada um em bloquinhos.
   ========================================================================== */
.pr-presentes{padding-top:var(--esp-6); padding-bottom:var(--esp-6);}
.pr-presentes__miolo{max-width:1120px;}
.pr-presentes__cabeca h2{color:#fff;}
.pr-presentes .pr-duas{gap:var(--esp-4);}
@media (min-width:980px){ .pr-presentes .pr-duas{grid-template-columns:1fr 1fr; align-items:stretch;} }

.pr-vidro{position:relative; isolation:isolate; display:flex; flex-direction:column; gap:var(--esp-3);
  padding:var(--esp-5) var(--esp-4) var(--esp-4); border-radius:22px; overflow:hidden;}
.pr-vidro__topo{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.pr-vidro__selo{display:inline-block;}
.pr-vidro__titulo{margin:0; font:italic 700 clamp(26px,2.8vw,34px)/1.12 var(--serif); text-wrap:balance;}
.pr-vidro__resumo{margin:0; font-size:16px; line-height:1.6; text-wrap:pretty;}
.pr-vidro__trio{margin:0; font-size:14.5px; line-height:1.55; text-wrap:pretty;}
.pr-vidro__botao{margin-top:auto; width:100%; justify-content:center; text-align:center; white-space:normal; min-height:54px;}
.pr-vidro__lk{font-size:30px; color:#fff; margin-top:4px;}
.pr-vidro__lk .lk__simbolo{width:1.3em; height:1.3em;}

/* o vidro claro */
.pr-vidro--claro{color:var(--c-tinta); background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(18px) saturate(1.2); backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), 0 18px 48px rgba(20,16,28,.3);}
.pr-vidro--claro .pr-vidro__selo{border:1px solid var(--c-linha-forte); color:var(--c-tinta-2);}
.pr-vidro--claro .pr-vidro__titulo{color:var(--c-tinta);}
.pr-vidro--claro .pr-vidro__resumo, .pr-vidro--claro .pr-vidro__trio{color:var(--c-tinta-2);}
.pr-vidro--claro b{color:var(--c-tinta); font-weight:600;}

/* o vidro escuro, com a luz */
.pr-vidro--escuro{color:#fff;
  background:linear-gradient(140deg, rgba(40,30,54,.9), rgba(20,16,28,.94) 60%);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:inset 0 0 0 1px var(--fio-rosa), var(--reflexo), 0 0 70px rgba(161,9,95,.35), 0 30px 70px rgba(20,16,28,.5);}
.pr-vidro--escuro .degrau__num{color:var(--rosa-luz);}
.pr-vidro--escuro .pr-vidro__titulo{color:#fff;}
.pr-vidro--escuro .pr-vidro__resumo{color:rgba(255,255,255,.78);}
.pr-vidro__trio--escuro{color:rgba(255,255,255,.78);}
.pr-vidro--escuro b{color:#fff; font-weight:600;}

/* os 8 em bloquinhos: empilhados na Direção, em grade no RaioX */
.pr-oito{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.pr-oito li{display:grid; grid-template-columns:34px 1fr; column-gap:10px; row-gap:1px; align-items:baseline; padding:12px 14px; border-radius:14px;}
.pr-oito b{grid-row:span 2; font:italic 700 20px/1.2 var(--serif);}
.pr-oito span{font-size:15px; font-weight:600; line-height:1.35; text-wrap:pretty;}
.pr-oito small{font-size:13px; font-weight:300; line-height:1.4; text-wrap:pretty;}
.pr-oito--lista li{background:var(--c1); box-shadow:inset 0 0 0 1px var(--c-linha); transition:transform .25s var(--ease-casa), box-shadow .25s var(--ease-casa);}
.pr-oito--lista li:hover{transform:translateX(3px); box-shadow:inset 0 0 0 1px rgba(161,9,95,.35);}
.pr-oito--lista b{color:var(--fucsia);}
.pr-oito--lista span{color:var(--c-tinta);}
.pr-oito--lista small{color:var(--c-tinta-2);}
.pr-oito--grade{grid-template-columns:minmax(0,1fr);}
@media (min-width:520px){ .pr-oito--grade{grid-template-columns:repeat(2, minmax(0,1fr));} }
.pr-oito--grade li{background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), var(--reflexo); align-content:start;}
.pr-oito--grade b{color:#fff; text-shadow:var(--luz);}
.pr-oito--grade span{color:#fff;}
.pr-oito--grade small{color:rgba(255,255,255,.66);}

/* o cupom, depois dos tópicos do RaioX */
.pr-cupom--escuro{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 14px; padding:14px 16px; border-radius:14px;
  background:rgba(161,9,95,.22); border:1px dashed var(--fio-rosa); box-shadow:0 0 30px rgba(161,9,95,.25);}
.pr-cupom__rotulo{font:500 12px/1.3 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:#fff; text-shadow:var(--brilho-x);}
.pr-cupom__nota{font-family:var(--mao); font-size:23px; color:#fff;}
.pr-selos--escuro li{border-color:rgba(255,255,255,.22); color:rgba(255,255,255,.72);}
@media (max-width:600px){
  .pr-vidro{padding:var(--esp-4) var(--esp-3) var(--esp-3);}
}
/* o cupom no escuro: letra branca e nítida, sem o brilho que borrava */
.pr-cupom--escuro .pr-cupom__rotulo{color:#fff; text-shadow:none; font-weight:500;}
.pr-cupom--escuro .pr-cupom__nota{color:#fff; font-family:var(--mao); font-size:24px;}
.pr-cupom--escuro{background:rgba(161,9,95,.32);}
.pr-cupom--escuro .pr-cupom__rotulo{font-family:var(--mono); font-size:12px; letter-spacing:.16em;}
.pr-vidro__rotulo{margin:0 0 -6px; font:500 11px/1.3 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--fucsia);}
.pr-vidro__rotulo--escuro{color:var(--rosa-luz);}

/* a ponte do fim: o que ela quer, e o que o RaioX constrói pra cada uma */
.di-ponte{margin:0 0 var(--esp-5); padding:var(--esp-4); border-radius:22px; color:#fff;
  background:linear-gradient(140deg, rgba(40,30,54,.96), rgba(20,16,28,.98) 60%);
  box-shadow:inset 0 0 0 1px var(--fio-rosa), var(--reflexo), 0 0 60px rgba(161,9,95,.25);}
.di-ponte__titulo{margin:0 0 8px; font:italic 700 clamp(22px,2.6vw,30px)/1.2 var(--serif); color:#fff; text-wrap:balance;}
.di-ponte__linha{margin:0 0 var(--esp-3); font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.8); text-wrap:pretty;}
.di-ponte__lista{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
@media (min-width:900px){ .di-ponte__lista{grid-template-columns:1fr 1fr;} }
.di-ponte__item{display:grid; grid-template-columns:34px 1fr; gap:10px; padding:14px; border-radius:14px; background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), var(--reflexo);}
.di-ponte__num{font:italic 700 20px/1.2 var(--serif); color:#fff; text-shadow:var(--luz);}
.di-ponte__corpo{display:grid; gap:4px;}
.di-ponte__corpo b{font-size:15.5px; color:#fff;}
.di-ponte__vira{font-size:14px; line-height:1.5; color:rgba(255,255,255,.76); text-wrap:pretty;}
.di-ponte__vira .mao{font-size:19px; color:#fff;}
.papel-titulo--menor{font-size:30px;}
.papel-ponte{margin:10px 0 26px; padding:0 0 0 18px; font-size:14.5px; line-height:1.5; color:#14161C;}
.papel-ponte li{margin-bottom:8px;}
.papel-ponte b{color:#A1095F;}
.pr-vidro--claro .pr-vidro__rotulo{color:var(--fucsia);} .pr-vidro--escuro .pr-vidro__rotulo{color:var(--rosa-luz);}

/* ==========================================================================
   O PAPEL NOVO · a Direção Inédita em PDF (28/09/2026)
   A ID da página do RaioX: branco como padrão, escuro como evento (capa e convite),
   um rosa só, fio fúcsia no destaque, Playfair itálico nos títulos, Caveat numa linha
   por bloco. Sem backdrop-filter (o html2canvas não desenha): o vidro é tinta sólida.
   ========================================================================== */
.pp-folha{position:relative; width:794px; height:1123px; overflow:hidden; box-sizing:border-box; padding:46px 52px 74px;
  background:#fff; color:#14161C; font-family:'Inter', sans-serif; display:flex; flex-direction:column; gap:14px;}
.pp-folha + .pp-folha{margin-top:20px;}
.pp-folha--escura{color:#fff; background:#14101C url('/comum/midia/papel/fundo.jpg') 62% 30% / cover no-repeat;}
.pp-folha--escura::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,16,28,.35), rgba(20,16,28,.82) 55%, rgba(20,16,28,.95)); z-index:0;}
.pp-folha > *{position:relative; z-index:1;}
.pp-topo{display:flex; justify-content:space-between; align-items:center; font:500 10.5px/1 'JetBrains Mono', monospace; letter-spacing:.2em; text-transform:uppercase; color:rgba(20,22,28,.5);}
.pp-folha--escura .pp-topo{color:rgba(255,255,255,.7);}
.pp-topo__marca{display:flex; align-items:center; gap:9px;}
.pp-topo__ponto{width:7px; height:7px; border-radius:50%; background:#A1095F; box-shadow:0 0 8px rgba(161,9,95,.8);}
.pp-rodape{position:absolute !important; left:52px; right:52px; bottom:30px; display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(20,22,28,.12);
  font:500 10px/1 'JetBrains Mono', monospace; letter-spacing:.16em; text-transform:uppercase; color:rgba(20,22,28,.5);}
.pp-folha--escura .pp-rodape{border-top-color:rgba(255,255,255,.18); color:rgba(255,255,255,.6);}
.pp-rotulo{margin:0; font:500 11.5px/1.2 'JetBrains Mono', monospace; letter-spacing:.2em; text-transform:uppercase; color:#A1095F;}
.pp-rotulo--luz{color:#fff; text-shadow:0 0 8px rgba(161,9,95,1), 0 0 18px rgba(161,9,95,.8);}
.pp-mao{font-family:'Caveat', cursive; font-style:normal; font-weight:600;}
.pp-titulo{margin:0; font:italic 700 36px/1.1 'Playfair Display', serif; color:#14161C;}
.pp-sub{margin:0 0 8px; font:500 11px/1.2 'JetBrains Mono', monospace; letter-spacing:.18em; text-transform:uppercase; color:#A1095F;}
.pp-sub--solto{margin:4px 0 -4px;}
.pp-texto{margin:0; font-size:15px; line-height:1.6; color:#14161C;}
.pp-texto--menor{font-size:13.5px; line-height:1.55;}

/* a capa e o convite */
.pp-capa__cena{height:400px; border-radius:22px; overflow:hidden; box-shadow:0 0 0 1px rgba(222,62,147,.62), 0 0 60px rgba(161,9,95,.35); margin:10px 0 8px;}
.pp-capa__cena--fim{height:300px;}
.pp-capa__img{width:100%; height:100%; object-fit:cover; display:block;}
.pp-capa__titulo{margin:0; font:italic 700 56px/1.05 'Playfair Display', serif; color:#fff;}
.pp-capa__titulo .pp-mao{font-size:1.2em; color:#fff; text-shadow:0 0 8px rgba(161,9,95,1), 0 0 22px rgba(161,9,95,.8);}
.pp-capa__frase{margin:0; font-size:17px; line-height:1.6; color:rgba(255,255,255,.85); max-width:640px;}
.pp-capa__nums{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:6px;}
.pp-vidro-e{background:rgba(40,30,54,.78); border-radius:16px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.16);}
.pp-num{padding:14px 14px 12px; display:flex; flex-direction:column; gap:6px;}
.pp-num span{font-size:11.5px; color:rgba(255,255,255,.7);}
.pp-num b{font:italic 700 24px/1 'Playfair Display', serif; color:#fff;}
.pp-num--pot{box-shadow:inset 0 0 0 1px rgba(222,62,147,.62), 0 0 30px rgba(161,9,95,.35);}
.pp-num--pot b{text-shadow:0 0 8px rgba(161,9,95,1);}
.pp-capa__data{margin:auto 0 0; font-size:13px; color:rgba(255,255,255,.7);}

/* a faixa de imagem das páginas claras */
.pp-faixa-img{height:250px; border-radius:20px; overflow:hidden; box-shadow:0 18px 44px rgba(161,9,95,.12);}
.pp-faixa-img--baixa{height:220px;}
.pp-faixa-img__img{width:100%; height:100%; object-fit:cover; display:block;}

/* o recado da Diffy */
.pp-recado{display:grid; grid-template-columns:56px 1fr; gap:14px; padding:18px 20px; border-radius:18px; background:#F5F6F9; border-left:3px solid #A1095F;}
.pp-recado__foto{width:56px; height:56px; border-radius:50%; object-fit:cover;}
.pp-recado__quem{display:block; margin-bottom:6px; font:500 10.5px/1 'JetBrains Mono', monospace; letter-spacing:.18em; text-transform:uppercase; color:#A1095F;}
.pp-recado__corpo p{margin:0 0 8px; font-size:14.5px; line-height:1.55; color:#14161C;}
.pp-recado__corpo p:last-child{margin:0;}

/* o mapa das 8 */
.pp-mapa{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.pp-mapa__item{display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:10px; row-gap:8px; align-items:center; padding:14px; border-radius:14px; background:#fff; box-shadow:inset 0 0 0 1px rgba(20,22,28,.12);}
.pp-mapa__item--quero{box-shadow:inset 0 0 0 1.5px #A1095F, 0 10px 24px rgba(161,9,95,.12);}
.pp-mapa__num{grid-row:span 2; font:italic 700 24px/1 'Playfair Display', serif; color:#A1095F;}
.pp-mapa__nome{font-size:14px; font-weight:600; color:#14161C; line-height:1.3;}
.pp-chip{justify-self:start; display:inline-block; padding:5px 10px; border-radius:999px; font:500 9.5px/1.3 'JetBrains Mono', monospace; letter-spacing:.1em; text-transform:uppercase;}
.pp-chip--quero{background:#A1095F; color:#fff;}
.pp-chip--pouco{background:#fff; color:#A1095F; box-shadow:inset 0 0 0 1px #A1095F;}
.pp-chip--muito{background:#14161C; color:#fff;}
.pp-chip--depois, .pp-chip--vazio{background:#ECEEF3; color:rgba(20,22,28,.7);}

/* a página de cada oportunidade */
.pp-cab{display:grid; grid-template-columns:110px 1fr; gap:18px; align-items:center; padding:24px 26px; border-radius:22px; color:#fff;
  background:linear-gradient(140deg, #281E36, #14101C 65%); box-shadow:inset 0 0 0 1px rgba(222,62,147,.62), 0 0 40px rgba(161,9,95,.25);}
.pp-cab__num{font:italic 700 88px/1 'Playfair Display', serif; color:#fff; text-shadow:0 0 10px rgba(161,9,95,1), 0 0 28px rgba(161,9,95,.8);}
.pp-cab__corpo{display:flex; flex-direction:column; gap:6px;}
.pp-cab__titulo{margin:0; font:italic 700 32px/1.1 'Playfair Display', serif; color:#fff;}
.pp-cab__como{margin:0; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.82);}
.pp-cab__como .pp-mao{font-size:21px; color:#fff;}
.pp-linha{display:grid; grid-template-columns:1.45fr 1fr; gap:12px;}
.pp-lado{display:flex; flex-direction:column; gap:12px;}
.pp-bloco{padding:16px 18px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px rgba(20,22,28,.1);}
.pp-bloco--largo{background:#fff;}
.pp-bloco--cinza{background:#F5F6F9; box-shadow:none;}
.pp-bloco--fio{background:#F5F6F9; box-shadow:none; border-left:3px solid #A1095F;}
.pp-conta{margin:0; font-size:13px; line-height:1.5; color:#14161C;}
.pp-direcao{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.pp-direcao__item{padding:14px; border-radius:14px; background:#F5F6F9; display:flex; flex-direction:column; gap:8px;}
.pp-direcao__item b{display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#A1095F; color:#fff; font:700 13px/1 'Inter', sans-serif;}
.pp-direcao__item p{margin:0; font-size:13px; line-height:1.5; color:#14161C;}
.pp-passos{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 14px;}
.pp-passos li{display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; padding:12px 14px; border-radius:12px; box-shadow:inset 0 0 0 1px rgba(20,22,28,.12);}
.pp-passos li span{font-size:13px; line-height:1.5; color:#14161C;}
.pp-passos__caixa{width:16px; height:16px; margin-top:2px; border-radius:4px; box-shadow:inset 0 0 0 1.5px #A1095F;}
.pp-passos--mini{grid-template-columns:1fr; gap:6px;}
.pp-passos--mini li{padding:8px 10px; box-shadow:none; background:#fff;}
.pp-par{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.pp-bloco--sinal{background:#F5F6F9; box-shadow:none; border-top:3px solid #A1095F;}
.pp-bloco--cuidado{background:#14161C; box-shadow:none;}
.pp-bloco--cuidado .pp-sub{color:#DE3E93;}
.pp-bloco--cuidado .pp-texto{color:rgba(255,255,255,.88);}
.pp-diffy{display:grid; grid-template-columns:46px 1fr; gap:12px; align-items:center; margin-top:auto; padding:14px 16px; border-radius:16px;
  background:linear-gradient(140deg, #281E36, #14101C 70%); box-shadow:inset 0 0 0 1px rgba(222,62,147,.5);}
.pp-diffy__foto{width:46px; height:46px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #A1095F;}
.pp-diffy__quem{display:block; margin-bottom:4px; font:500 10px/1 'JetBrains Mono', monospace; letter-spacing:.18em; text-transform:uppercase; color:#DE3E93;}
.pp-diffy__texto{margin:0; font-size:13.5px; line-height:1.5; color:#fff;}

/* o plano dos 30 dias */
.pp-semanas{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.pp-semana{padding:16px; border-radius:16px; background:#F5F6F9; display:flex; flex-direction:column; gap:8px; border-top:3px solid #A1095F;}
.pp-semana__rotulo{font:500 10.5px/1 'JetBrains Mono', monospace; letter-spacing:.18em; text-transform:uppercase; color:#A1095F;}
.pp-semana__nome{font:italic 700 19px/1.2 'Playfair Display', serif; color:#14161C;}

/* o convite */
.pp-fim__titulo{margin:0; font:italic 700 40px/1.1 'Playfair Display', serif; color:#fff;}
.pp-fim__texto{margin:0; font-size:16px; line-height:1.6; color:rgba(255,255,255,.86);}
.pp-ponte{padding:16px 18px; display:flex; flex-direction:column; gap:8px;}
.pp-ponte__titulo{margin:0 0 2px; font:italic 700 18px/1.2 'Playfair Display', serif; color:#fff;}
.pp-ponte__item{margin:0; font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.8);}
.pp-ponte__item b{color:#fff;}
.pp-cupom{display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:14px 18px; border-radius:16px; background:rgba(161,9,95,.38); box-shadow:inset 0 0 0 1px rgba(222,62,147,.7), 0 0 30px rgba(161,9,95,.35);}
.pp-cupom__rotulo{font:500 12px/1.2 'JetBrains Mono', monospace; letter-spacing:.16em; text-transform:uppercase; color:#fff;}
.pp-cupom__nota{font-family:'Caveat', cursive; font-weight:600; font-size:22px; color:#fff;}
.pp-cupom__prazo{margin-left:auto; font:500 10.5px/1 'JetBrains Mono', monospace; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.8);}
.pp-botao{display:flex; align-items:center; justify-content:center; min-height:56px; border-radius:999px; background:#A1095F; color:#fff; font:600 17px/1.2 'Inter', sans-serif; box-shadow:0 10px 26px rgba(161,9,95,.45);}
.pp-fim__link{margin:0; text-align:center; font:500 13px/1 'JetBrains Mono', monospace; color:rgba(255,255,255,.8);}
.pp-fim__assina{margin:0; text-align:center; font-size:34px; color:#fff;}
/* aperto medido: as páginas de oportunidade passavam até 85px do fim da folha */
.pp-folha{gap:11px; padding-top:40px;}
.pp-cab{padding:18px 22px; grid-template-columns:92px 1fr; gap:14px;}
.pp-cab__num{font-size:72px;}
.pp-cab__titulo{font-size:28px;}
.pp-cab__como{font-size:13.5px;}
.pp-cab__como .pp-mao{font-size:19px;}
.pp-bloco{padding:13px 16px;}
.pp-texto{font-size:14px; line-height:1.55;}
.pp-texto--menor{font-size:12.5px; line-height:1.5;}
.pp-direcao__item{padding:11px 12px; gap:6px;}
.pp-direcao__item p{font-size:12.5px; line-height:1.45;}
.pp-passos{gap:7px 12px;}
.pp-passos li{padding:9px 12px;}
.pp-passos li span{font-size:12.5px; line-height:1.45;}
.pp-conta{font-size:12.5px;}
.pp-diffy{padding:11px 14px;}
.pp-diffy__texto{font-size:12.5px;}
.pp-sub{margin-bottom:6px;}
.pp-mapa{flex:1; grid-auto-rows:1fr;}
/* o html2canvas pinta sombra interna como chapa: no papel, todo contorno é borda comum */
.pp-vidro-e{box-shadow:none; border:1px solid rgba(255,255,255,.18);}
.pp-num--pot{box-shadow:0 0 24px rgba(161,9,95,.35); border:1px solid rgba(222,62,147,.7);}
.pp-mapa__item{box-shadow:none; border:1px solid rgba(20,22,28,.12);}
.pp-mapa__item--quero{box-shadow:none; border:1.5px solid #A1095F; background:#FBF3F7;}
.pp-chip--pouco{box-shadow:none; border:1px solid #A1095F;}
.pp-cab{box-shadow:none; border:1px solid rgba(222,62,147,.62);}
.pp-bloco{box-shadow:none; border:1px solid rgba(20,22,28,.1);}
.pp-bloco--cinza, .pp-bloco--fio, .pp-bloco--sinal, .pp-bloco--cuidado{border:0;}
.pp-bloco--fio{border-left:3px solid #A1095F;}
.pp-bloco--sinal{border-top:3px solid #A1095F;}
.pp-passos li{box-shadow:none; border:1px solid rgba(20,22,28,.12);}
.pp-passos--mini li{border:0;}
.pp-passos__caixa{box-shadow:none; border:1.5px solid #A1095F; box-sizing:border-box;}
.pp-diffy{box-shadow:none; border:1px solid rgba(222,62,147,.5);}
.pp-diffy__foto{box-shadow:none; border:2px solid #A1095F; box-sizing:border-box;}
.pp-cupom{box-shadow:0 0 24px rgba(161,9,95,.35); border:1px solid rgba(222,62,147,.7);}
.pp-capa__cena{box-shadow:0 0 50px rgba(161,9,95,.35); border:1px solid rgba(222,62,147,.62);}
/* sem vão antes da dica: o par "funcionando / cuidado" cresce até ela */
.pp-par{flex:1; align-items:stretch;}
.pp-par .pp-bloco{display:flex; flex-direction:column;}
.pp-diffy{margin-top:0;}
/* o número dentro da bolinha, centrado também no papel */
.pp-direcao__item b{display:block; text-align:center; line-height:26px;}
.pp-semanas{flex:1; grid-auto-rows:1fr;}
.pp-direcao__item b{width:auto; height:auto; background:none; border-radius:0; color:#A1095F; font:italic 700 26px/1 "Playfair Display", serif; text-align:left;}
.pp-capa__nota{margin:0; font-size:12px; line-height:1.5; color:rgba(255,255,255,.72);}
.pp-cupom__codigo{padding:6px 12px; border-radius:10px; background:#fff; color:#A1095F; font:700 16px/1 'JetBrains Mono', monospace; letter-spacing:.12em;}
.pp-cupom__uso{flex-basis:100%; font-size:13px; line-height:1.45; color:rgba(255,255,255,.88);}
.pp-capa__cena:not(.pp-capa__cena--fim){flex:1; height:auto; min-height:380px;}
.pp-capa__titulo{margin-bottom:10px;} .pp-folha{gap:10px;}
/* o vídeo, depois do play, fica por cima de tudo, com os controles do aparelho à mostra */
.video__moldura video{position:relative; z-index:3;}

/* ==========================================================================
   O PAPEL MAIS LEVE (28/09, pedido da Carol: "as imagens ainda estão estranhas e
   está pesada a comunicação e a diagramação"). A foto vira fundo recortado, o escuro
   fica só na capa e no convite, e o miolo perde caixa e borda.
   ========================================================================== */
.pp-foto{background-size:cover; background-position:center; background-repeat:no-repeat; display:block;}
.pp-capa__img, .pp-faixa-img__img{width:100%; height:100%;}
.pp-faixa-img__img{background-position:center 35%;}

/* o cabeçalho da oportunidade: claro, com o fio e o número em fúcsia */
.pp-cab{grid-template-columns:78px 1fr auto; align-items:start; padding:20px 22px; border:0; border-left:4px solid #A1095F; border-radius:18px; background:#FBF3F7; color:#14161C;}
.pp-cab__num{font-size:64px; color:#A1095F; text-shadow:none;}
.pp-cab .pp-rotulo--luz{color:#A1095F; text-shadow:none;}
.pp-cab__titulo{color:#14161C; font-size:27px;}
.pp-cab__como{color:rgba(20,22,28,.7);}
.pp-cab__como .pp-mao{color:#A1095F;}
.pp-cab__resp{display:flex; flex-direction:column; align-items:flex-end; gap:6px; padding-top:2px;}
.pp-cab__resp > span:first-child{font:500 9.5px/1 'JetBrains Mono', monospace; letter-spacing:.16em; text-transform:uppercase; color:rgba(20,22,28,.5);}

/* o texto da oportunidade sem caixa, e a conta com o fio */
.pp-bloco--largo{border:0; padding:4px 2px 0;}
.pp-bloco--largo .pp-texto{font-size:14.5px; line-height:1.65;}
.pp-lado{justify-content:center;}
.pp-bloco--fio{background:#F5F6F9;}

/* o que fazer: três colunas com fio em cima, sem caixa */
.pp-direcao__item{background:transparent; border-radius:0; border-top:2px solid #A1095F; padding:10px 2px 0;}
.pp-direcao__item p{font-size:13px; line-height:1.55;}

/* como fazer: lista limpa com o quadradinho */
.pp-passos li{border:0; border-bottom:1px solid rgba(20,22,28,.08); border-radius:0; padding:9px 2px;}
.pp-passos li span{font-size:13px; line-height:1.5;}

/* sinal e cuidado, os dois claros */
.pp-bloco--sinal{background:#F5F6F9; border:0; border-left:3px solid #A1095F; border-radius:12px;}
.pp-bloco--cuidado{background:#F5F6F9; border:0; border-left:3px solid #14161C; border-radius:12px;}
.pp-bloco--cuidado .pp-sub{color:#14161C;}
.pp-bloco--cuidado .pp-texto{color:#14161C;}

/* a dica da Diffy, clara */
.pp-diffy{background:#FBF3F7; border:0; border-radius:14px;}
.pp-diffy__quem{color:#A1095F;}
.pp-diffy__texto{color:#14161C;}
.pp-diffy__foto{border:2px solid #fff;}

/* mais ar no texto corrido das outras páginas */
.pp-recado__corpo p{font-size:15px; line-height:1.6;}
.pp-capa__frase{font-size:18px;}
/* nas páginas de oportunidade o respiro se divide entre as seções, sem esticar caixa */
.pp-folha--op{justify-content:space-between; gap:0;}
.pp-folha--op .pp-par{flex:none;}
.pp-folha--op .pp-sub--solto{margin:6px 0 2px;}
/* a foto não encolhe quando o texto aperta: era isso que cortava a Diffy no plano e no convite */
.pp-faixa-img, .pp-capa__cena{flex-shrink:0;}
.pp-faixa-img--baixa{height:210px;}
.pp-faixa-img--baixa .pp-faixa-img__img{background-position:30% 30%;}
.pp-capa__cena--fim{height:250px;}
.pp-capa__cena--fim .pp-capa__img{background-position:45% 30%;}
.pp-semanas{flex:1 1 auto; min-height:0;}
.pp-capa__cena--fim{height:180px;}
.pp-folha--escura .pp-fim__texto{font-size:15px; line-height:1.55;}
.pp-ponte{gap:5px; padding:14px 16px;}
.pp-ponte__item{font-size:12px; line-height:1.45;}
.pp-fim__titulo{font-size:36px;}
.pp-semanas{flex:none; grid-auto-rows:auto;}
.pp-faixa-img--baixa{height:190px;}
.pp-capa__cena--fim{height:236px;}
.pp-diffy--plano{margin-top:auto;}
.pp-faixa-img--baixa{height:176px;}