/* ══════════════════════════════════════════════════════════════════════
   PELE DA HOME — 6.34.55
   A home do portal antigo ganha o desenho aprovado pelo dono (herói com
   a foto do banner, prova social do Google e faixa de Impressão/TCC).
   Nada de lógica aqui: é folha de estilo + o bloco montado por
   home-nova.js. O resto do portal antigo continua exatamente como é.
   ══════════════════════════════════════════════════════════════════════ */

/* enquanto o bloco novo não entra, o herói velho fica (nada pisca) */
body.pnh-on #p-inicio > .store-hero,
body.pnh-on #p-inicio > .vtimp-home-entry,
body.pnh-on #p-inicio > #selo-google-capa { display:none !important; }

#pnh {
  max-width: 1120px; margin: 0 auto; padding: 26px 20px 26px; box-sizing: border-box;
}

/* a home antiga já mostrava as mesmas 5 avaliações do Google numa seção
   própria (SECTION#prova-social). O bloco novo traz a mesma prova social
   logo abaixo do herói, então a antiga sai — sem repetir a mesma coisa
   duas vezes na mesma rolagem. */
body.pnh-on #prova-social { display: none !important; }
/* e a nota do Google não aparece duas vezes: a faixa "Atendimento de
   gente, de verdade" fica só com o texto e os botões */
body.pnh-on .proof-inner { grid-template-columns: minmax(0,1.6fr) auto !important; }
body.pnh-on .proof-google { display: none !important; }

/* ── herói ───────────────────────────────────────────────────────── */
#pnh .pnh-hero{
  position:relative; display:grid; grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
  gap:24px; align-items:center; padding:30px 30px 28px; border-radius:22px;
  background:
    radial-gradient(120% 130% at 88% 8%, #2B3280 0%, rgba(43,50,128,0) 58%),
    linear-gradient(152deg, #0E1745 0%, #1B2464 52%, #232B74 100%);
  box-shadow: 0 22px 46px -26px rgba(8,16,52,.62);
  overflow:hidden;
}
#pnh .pnh-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(80% 60% at 4% 100%, rgba(245,197,24,.12), transparent 62%);
}
#pnh .pnh-txt{ position:relative; z-index:2; min-width:0; }
#pnh .pnh-k{
  display:inline-flex; align-items:center; gap:7px; font:800 11px/1 Inter,system-ui,sans-serif;
  letter-spacing:.9px; text-transform:uppercase; color:#D9DCF7;
  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06);
  padding:8px 12px; border-radius:999px;
}
#pnh .pnh-txt h1{
  margin:16px 0 12px; font-family:Sora,Inter,system-ui,sans-serif; font-weight:800;
  font-size:clamp(24px,2.35vw,33px); line-height:1.12; letter-spacing:-.8px; color:#fff;
}
#pnh .pnh-txt h1 u{
  text-decoration:none; position:relative; white-space:nowrap;
  background-image:linear-gradient(180deg, rgba(245,197,24,0) 62%, rgba(245,197,24,.42) 62%, rgba(245,197,24,.42) 92%, rgba(245,197,24,0) 92%);
  background-repeat:no-repeat; background-size:100% 100%;
  padding-bottom:2px;
}
#pnh .pnh-sub{
  margin:0 0 18px; max-width:46ch; font:400 15px/1.62 Inter,system-ui,sans-serif; color:#C6CBEC;
}
#pnh .pnh-cta{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; }
#pnh .pnh-btn1{
  display:inline-flex; align-items:center; gap:8px; background:var(--pnh-ouro,#F5C518); color:#2A1F00;
  font:800 13.5px/1 Inter,system-ui,sans-serif; padding:13px 20px; border-radius:10px; text-decoration:none;
  box-shadow:0 12px 24px -14px rgba(245,197,24,.95); transition:.15s;
}
#pnh .pnh-btn1:hover{ transform:translateY(-1px); box-shadow:0 16px 28px -14px rgba(245,197,24,1); }
#pnh .pnh-btn2{
  display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.07); color:#EDEFFC;
  border:1px solid rgba(255,255,255,.3); font:700 13.5px/1 Inter,system-ui,sans-serif;
  padding:13px 18px; border-radius:10px; text-decoration:none; transition:.15s;
}
#pnh .pnh-btn2:hover{ background:rgba(255,255,255,.15); }
#pnh .pnh-selos{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 20px; padding:0; list-style:none; }
#pnh .pnh-selos li{
  display:inline-flex; align-items:center; gap:5px; font:700 11px/1 Inter,system-ui,sans-serif;
  color:#EEF0FD; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  border-radius:999px; padding:7px 9px;
}
#pnh .pnh-selos li::before{
  content:""; width:7px; height:7px; border-radius:50%; background:var(--pnh-ouro,#F5C518);
  box-shadow:0 0 0 3px rgba(245,197,24,.18);
}
#pnh .pnh-passos{ display:flex; flex-direction:column; gap:11px; margin:0; padding:0; list-style:none; }
#pnh .pnh-passos li{ display:flex; gap:11px; align-items:flex-start; }
#pnh .pnh-passos b{
  flex:0 0 22px; width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  background:var(--pnh-ouro,#F5C518); color:#3A2A00; font:800 11.5px/1 Inter,sans-serif; margin-top:1px;
}
#pnh .pnh-passos span{ font:400 12.8px/1.5 Inter,system-ui,sans-serif; color:#B9BFE6; }
#pnh .pnh-passos strong{ display:block; font-weight:800; color:#fff; font-size:13.2px; margin-bottom:1px; }

/* ── carrossel do banner (a "parte da foto") ─────────────────────── */
#pnh .pnh-banner{
  position:relative; z-index:2; border-radius:18px; overflow:hidden; min-height:410px;
  background:#0B1238; box-shadow:0 20px 44px -22px rgba(0,0,0,.72);
  cursor:grab; touch-action:pan-y; user-select:none;
}
#pnh .pnh-banner:focus-visible{ outline:3px solid var(--pnh-ouro,#F5C518); outline-offset:3px; }
#pnh .pnh-trilho{ position:relative; height:100%; min-height:410px; }
#pnh .pnh-slide{
  position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .45s ease;
  display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none;
}
#pnh .pnh-slide.on{ opacity:1; visibility:visible; }
#pnh .pnh-slide img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  -webkit-user-drag:none; user-select:none; pointer-events:none;
  transform:scale(1.02); transition:transform 6s ease;
}
#pnh .pnh-slide.on img{ transform:scale(1.09); }
#pnh .pnh-slide::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,10,32,.06) 0%, rgba(6,10,32,.55) 58%, rgba(6,10,32,.9) 100%);
}
#pnh .pnh-conteudo{ position:relative; z-index:2; padding:20px 22px 58px; display:block; }
#pnh .pnh-selos-slide{ display:flex; align-items:center; gap:8px; margin-bottom:9px; }
#pnh .pnh-tag{
  font:800 10.5px/1 Inter,sans-serif; letter-spacing:.7px; text-transform:uppercase;
  background:var(--pnh-ouro,#F5C518); color:#3A2A00; padding:6px 9px; border-radius:6px;
}
#pnh .pnh-desc{
  font:800 10.5px/1 Inter,sans-serif; letter-spacing:.4px; background:#EC0F8C; color:#fff;
  padding:6px 8px; border-radius:6px;
}
#pnh .pnh-slide h2{
  margin:0 0 6px; font-family:Sora,Inter,sans-serif; font-size:23px; line-height:1.15;
  font-weight:800; letter-spacing:-.5px; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.45);
}
#pnh .pnh-slide .pnh-subb{
  margin:0 0 12px; font:400 12.5px/1.45 Inter,sans-serif; color:#D8DBF2; max-width:36ch;
}
#pnh .pnh-linha{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; }
#pnh .pnh-preco{ font-family:Sora,Inter,sans-serif; font-weight:800; font-size:21px; color:#fff; letter-spacing:-.4px; }
#pnh .pnh-preco s{ display:block; font:600 11.5px/1.2 Inter,sans-serif; color:#AEB4D6; letter-spacing:0; }
#pnh .pnh-ir{
  display:inline-flex; align-items:center; gap:7px; background:var(--pnh-ouro,#F5C518);
  color:#2A1F00; font:800 12.5px/1 Inter,sans-serif; padding:11px 15px; border-radius:9px;
  box-shadow:0 8px 18px -8px rgba(245,197,24,.75); white-space:nowrap; transition:.16s;
}
#pnh .pnh-ir:hover{ transform:translateY(-2px); box-shadow:0 14px 24px -10px rgba(245,197,24,.95); }
#pnh .pnh-slide:hover img{ transform:scale(1.11); }
#pnh .pnh-seta{
  position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:40px; height:40px;
  border-radius:50%; border:1px solid rgba(255,255,255,.32); background:rgba(12,18,50,.55);
  color:#fff; font-size:20px; line-height:1; cursor:pointer; display:grid; place-items:center;
  backdrop-filter:blur(3px); transition:.15s;
}
#pnh .pnh-seta:hover{ background:rgba(12,18,50,.85); }
#pnh .pnh-seta.ant{ left:14px; }
#pnh .pnh-seta.prox{ right:14px; }
#pnh .pnh-pontos{
  position:absolute; left:22px; bottom:16px; z-index:4; display:flex; gap:6px;
}
#pnh .pnh-pontos button{
  width:18px; height:6px; border-radius:3px; border:0; padding:0; cursor:pointer;
  background:rgba(255,255,255,.42); transition:.18s;
}
#pnh .pnh-pontos button:hover{ background:rgba(255,255,255,.72); }
#pnh .pnh-pontos button.on{ background:var(--pnh-ouro,#F5C518); width:26px; }
#pnh .pnh-contagem{
  position:absolute; right:14px; top:14px; z-index:6; font:800 11px/1 Inter,sans-serif;
  color:#E7E9FA; background:rgba(10,14,40,.55); padding:6px 9px; border-radius:7px;
  backdrop-filter:blur(3px);
}
/* miniaturas: o cliente vê os 5 destaques e pula direto no que quer */
#pnh .pnh-thumbs{
  position:absolute; right:14px; bottom:12px; z-index:5; display:flex; gap:6px;
}
#pnh .pnh-thumbs button{
  width:46px; height:32px; padding:0; border-radius:7px; overflow:hidden; cursor:pointer;
  border:2px solid rgba(255,255,255,.4); background:#0B1238; opacity:.72; transition:.16s;
}
#pnh .pnh-thumbs button img{ width:100%; height:100%; object-fit:cover; display:block; }
#pnh .pnh-thumbs button:hover{ opacity:1; border-color:rgba(255,255,255,.85); transform:translateY(-2px); }
#pnh .pnh-thumbs button.on{ opacity:1; border-color:var(--pnh-ouro,#F5C518); box-shadow:0 0 0 2px rgba(245,197,24,.3); }

/* ── prova social ────────────────────────────────────────────────── */
#pnh .pnh-aval{ margin-top:26px; }
#pnh .pnh-aval-top{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
#pnh .pnh-aval-top h2{
  margin:0; font-family:Sora,Inter,sans-serif; font-size:21px; font-weight:800;
  letter-spacing:-.5px; color:#082040;
}
#pnh .pnh-nota{
  display:inline-flex; align-items:center; gap:6px; font:700 12px/1 Inter,sans-serif;
  color:#5C5AC8; background:#ECEBF9; border:1px solid #DAD8F3; padding:7px 11px; border-radius:999px;
}
#pnh .pnh-aval-grade{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
#pnh .pnh-aval-card{
  background:#fff; border:1px solid #E3DED2; border-radius:12px; padding:13px 13px 11px;
  display:flex; flex-direction:column; gap:7px; box-shadow:0 8px 18px -16px rgba(8,32,64,.5);
}
#pnh .pnh-est{ font-size:11.5px; color:#F5C518; letter-spacing:1.5px; line-height:1; }
#pnh .pnh-est i{ color:#E3DED2; font-style:normal; }
#pnh .pnh-aval-card p{
  margin:0; font:400 11.8px/1.5 Inter,sans-serif; color:#4B5563;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
#pnh .pnh-aval-pe{ margin-top:auto; display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
#pnh .pnh-aval-pe b{ font:800 11.8px/1 Inter,sans-serif; color:#082040; }
#pnh .pnh-aval-pe i{ font:400 11px/1 Inter,sans-serif; color:#8A8698; font-style:normal; }

/* ── faixa Impressão e TCC ───────────────────────────────────────── */
#pnh .pnh-tcc{
  margin-top:18px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center; gap:20px; text-decoration:none; padding:16px 20px; border-radius:14px;
  background:linear-gradient(96deg, #F4F1FA 0%, #FBF5F2 58%, #FDF6EC 100%);
  border:1px solid #E6E1F2; transition:.16s;
}
#pnh .pnh-tcc:hover{ border-color:#CFC9EC; box-shadow:0 12px 26px -20px rgba(59,58,150,.55); transform:translateY(-1px); }
#pnh .pnh-tcc-arte{ width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; }
#pnh .pnh-tcc olho{
  display:block; font:800 10px/1 Inter,sans-serif; letter-spacing:.8px; text-transform:uppercase;
  color:#7B77B8; margin-bottom:5px;
}
#pnh .pnh-tcc b{ display:block; font-family:Sora,Inter,sans-serif; font-size:17px; font-weight:800; color:#082040; letter-spacing:-.3px; }
#pnh .pnh-tcc small{ display:block; margin-top:3px; font:400 12.5px/1.45 Inter,sans-serif; color:#5F5C6B; }
#pnh .pnh-tcc-lista{ display:flex; flex-direction:column; gap:5px; }
#pnh .pnh-tcc-lista span{ display:flex; align-items:center; gap:6px; font:600 11.8px/1 Inter,sans-serif; color:#3D3A5C; white-space:nowrap; }
#pnh .pnh-tcc-lista i{
  width:14px; height:14px; border-radius:50%; background:#5C5AC8; color:#fff; font-style:normal;
  font-size:9px; display:grid; place-items:center; flex:0 0 14px;
}
#pnh .pnh-tcc-cta{
  display:inline-flex; align-items:center; gap:8px; background:var(--pnh-ouro,#F5C518); color:#2A1F00;
  font:800 12.5px/1 Inter,sans-serif; padding:12px 16px; border-radius:9px; white-space:nowrap;
  box-shadow:0 10px 20px -12px rgba(245,197,24,.9);
}

/* ── mobile ──────────────────────────────────────────────────────── */
@media (max-width:1080px){
  #pnh .pnh-aval-grade{ grid-template-columns:repeat(3,1fr); }
  #pnh .pnh-tcc{ grid-template-columns:auto minmax(0,1fr) auto; }
  #pnh .pnh-tcc-lista{ display:none; }
}
@media (max-width:900px){
  #pnh{ padding-top: 20px; }
  #pnh .pnh-hero{ grid-template-columns:1fr; gap:22px; padding:24px 20px 22px; border-radius:18px; }
  #pnh .pnh-banner, #pnh .pnh-trilho{ min-height:360px; }
  #pnh .pnh-selos-slide{ flex-wrap:wrap; }
  /* no celular as setas caem em cima do texto do banner: ficam os pontos
     e a troca automática */
  #pnh .pnh-seta{ display:none; }
  #pnh .pnh-conteudo{ padding:16px 16px 18px; }
  #pnh .pnh-slide h2{ font-size:19px; }
}
@media (max-width:640px){
  #pnh .pnh-cta{ gap:8px; }
  #pnh .pnh-btn1, #pnh .pnh-btn2{ flex:1 1 100%; justify-content:center; padding:14px 16px; }
  #pnh .pnh-txt h1{ font-size:27px; letter-spacing:-.6px; }
  #pnh .pnh-txt h1 u{ white-space:normal; }
  #pnh .pnh-sub{ font-size:14px; }
  #pnh .pnh-selos li{ font-size:11.5px; padding:7px 10px; }
  #pnh .pnh-banner, #pnh .pnh-trilho{ min-height:392px; }
  #pnh .pnh-conteudo{ padding:16px 16px 52px; }
  #pnh .pnh-slide h2{ font-size:19.5px; }
  #pnh .pnh-thumbs{ right:12px; bottom:16px; gap:4px; }
  #pnh .pnh-thumbs button{ width:34px; height:24px; border-radius:6px; }
  /* no celular as miniaturas já dizem onde a pessoa está — os tracinhos
     sairiam em cima delas */
  #pnh .pnh-pontos{ display:none; }
  #pnh .pnh-aval-grade{ grid-template-columns:1fr; }
  #pnh .pnh-aval-grade .pnh-aval-card:nth-child(n+3){ display:none; }
  #pnh .pnh-tcc{ grid-template-columns:auto minmax(0,1fr); gap:12px; padding:14px 15px; }
  #pnh .pnh-tcc-cta{ grid-column:1 / -1; justify-content:center; padding:13px 16px; }
  #pnh .pnh-tcc-arte{ width:40px; height:40px; flex:0 0 40px; }
  #pnh .pnh-tcc b{ font-size:15.5px; }
}

/* ══════════════════════════════════════════════════════════════════════
   SEÇÕES ABAIXO DO TCC (6.34.61)
   "Por onde você quer começar?" e "Mais procurados" entram na mesma pele
   do herói: card branco, foto grande no topo, tipografia Sora/Inter e
   botão roxo. Só estilo — nenhum preço, produto ou link é reescrito.
   ══════════════════════════════════════════════════════════════════════ */

/* ── cabeçalhos das seções com o mesmo desenho do herói ─────────────── */
body.pnh-on .mission-section .sec-head,
body.pnh-on #home-destaques .sec-head{
  align-items:flex-end; margin-bottom:18px; gap:16px;
}
body.pnh-on .mission-section .eyebrow-m,
body.pnh-on #home-destaques .eyebrow-m,
body.pnh-on .store-proof .eyebrow-m{
  font:800 10px/1 Inter,system-ui,sans-serif !important; letter-spacing:1.4px !important;
  text-transform:uppercase; color:#7B77B8 !important;
}
body.pnh-on .mission-section .h2,
body.pnh-on #home-destaques .h2{
  font-family:Sora,Inter,system-ui,sans-serif !important; font-weight:800 !important;
  font-size:clamp(22px,2.2vw,29px) !important; letter-spacing:-.7px !important; color:#082040 !important;
  margin-top:6px !important;
}
body.pnh-on .mission-section .section-note,
body.pnh-on #home-destaques .section-note{
  font:600 12px/1.4 Inter,sans-serif !important; color:#8A8698 !important;
}

/* ── "Por onde você quer começar?": foto no topo, tudo alinhado ─────── */
body.pnh-on .vb2-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px !important; }
body.pnh-on .vb2-card{
  display:grid !important; grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  background:#fff !important; border:1px solid #E3DED2 !important; border-radius:18px !important;
  overflow:hidden !important; padding:0 !important; gap:0 !important;
  box-shadow:0 10px 26px -22px rgba(8,32,64,.55) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.pnh-on .vb2-card:hover{
  transform:translateY(-3px); border-color:#D6D1C4 !important;
  box-shadow:0 20px 36px -26px rgba(8,32,64,.6) !important;
}
body.pnh-on .vb2-art{
  grid-row:1 !important; grid-column:1 !important; order:0;
  justify-self:stretch !important; align-self:stretch !important;
  width:100% !important; max-width:none !important; height:auto !important; aspect-ratio:16/9 !important;
  border-radius:0 !important; background-size:cover !important; background-position:center !important;
  margin:0 !important; position:relative; overflow:hidden;
}
body.pnh-on .vb2-art::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(8,16,52,0) 55%, rgba(8,16,52,.42) 100%);
}
body.pnh-on .vb2-cat{
  position:absolute; left:14px; top:14px; z-index:2;
  font:800 10px/1 Inter,sans-serif !important; letter-spacing:.8px; text-transform:uppercase;
  background:rgba(255,255,255,.92) !important; color:#082040 !important;
  padding:7px 10px !important; border-radius:7px !important;
}
body.pnh-on .vb2-selo{
  position:absolute; left:14px; bottom:14px; z-index:2;
  background:var(--pnh-ouro,#F5C518) !important; color:#2A1F00 !important;
  font:700 10.5px/1 Inter,sans-serif !important; letter-spacing:.3px;
  padding:7px 10px !important; border-radius:7px !important;
}
body.pnh-on .vb2-selo b{ font-size:13px; }
body.pnh-on .vb2-body{
  grid-row:2 !important; display:flex !important; flex-direction:column !important;
  padding:17px 20px 20px !important; gap:0 !important; min-height:0;
}
body.pnh-on .vb2-eye{
  font:800 9.5px/1.3 Inter,sans-serif !important; letter-spacing:.9px !important;
  text-transform:uppercase; color:#8A8698 !important; margin-bottom:7px !important;
}
body.pnh-on .vb2-tit{
  font-family:Sora,Inter,sans-serif !important; font-weight:800 !important;
  font-size:19px !important; line-height:1.24 !important; letter-spacing:-.45px !important;
  color:#082040 !important; margin:0 0 7px !important;
}
body.pnh-on .vb2-tit em{ font-style:normal !important; color:#3B3A96 !important; }
body.pnh-on .vb2-desc{
  font:400 13px/1.55 Inter,sans-serif !important; color:#5F5C6B !important; margin:0 0 12px !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
body.pnh-on .vb2-pills{ display:flex; flex-wrap:wrap; gap:6px !important; margin:0 0 14px !important; }
body.pnh-on .vb2-pill{
  background:#F7F4EE !important; border:1px solid #E7E1D5 !important; color:#3D3A5C !important;
  font:700 11px/1 Inter,sans-serif !important; padding:6px 9px !important; border-radius:7px !important;
}
body.pnh-on .vb2-cta{
  margin-top:auto !important; display:flex !important; align-items:center !important;
  gap:14px !important; flex-wrap:wrap !important; padding-top:2px;
}
body.pnh-on .vb2-btn1{
  background:#3B3A96 !important; color:#fff !important; border:0 !important;
  font:800 13px/1 Inter,sans-serif !important; padding:12px 18px !important;
  border-radius:10px !important; text-decoration:none !important; transition:.16s;
}
body.pnh-on .vb2-btn1:hover{ background:#32317F !important; transform:translateY(-1px); }
body.pnh-on .vb2-btn2{
  font:700 12.5px/1 Inter,sans-serif !important; color:#3B3A96 !important;
  text-decoration:none !important; border-bottom:1px solid rgba(59,58,150,.35);
  padding-bottom:2px;
}
/* os 3 "✓" repetiam o que o texto já diz e empurravam o card para baixo */
body.pnh-on .vb2-checks{ display:none !important; }

/* ── "Mais procurados": 4 colunas fecham a última linha ─────────────── */
body.pnh-on #home-destaques .store-rail-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important;
}
body.pnh-on .card623{
  border:1px solid #E3DED2 !important; border-radius:16px !important; background:#fff !important;
  overflow:hidden !important; box-shadow:0 10px 24px -22px rgba(8,32,64,.5) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex !important; flex-direction:column !important;
}
body.pnh-on .card623:hover{
  transform:translateY(-3px); border-color:#D6D1C4 !important;
  box-shadow:0 20px 34px -26px rgba(8,32,64,.55) !important;
}
body.pnh-on .c623-photo{
  height:auto !important; aspect-ratio:4/3; width:100% !important; overflow:hidden;
  background:#F7F4EE !important;
}
body.pnh-on .c623-photo img{ width:100% !important; height:100% !important; object-fit:cover !important; }
body.pnh-on .c623-photo.sem-foto{
  background:linear-gradient(150deg,#ECEBF9 0%,#F7F4EE 100%) !important;
  display:grid !important; place-items:center; align-content:center; gap:8px;
}
body.pnh-on .c623-photo.sem-foto > *{ display:none !important; }
body.pnh-on .c623-photo.sem-foto::before{
  content:"" ; width:38px; height:38px; border-radius:50%;
  background:#fff url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B3A96' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5A2.5 2.5 0 0 1 5.5 6h1.9l1.2-1.8h6.8L16.6 6h1.9A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5z'/%3E%3Ccircle cx='12' cy='12.5' r='3.3'/%3E%3C/svg%3E") center/19px no-repeat;
  box-shadow:0 2px 8px rgba(8,32,64,.08);
}
body.pnh-on .c623-photo.sem-foto::after{
  content:"foto em breve";
  font:700 10px/1 Inter,sans-serif; letter-spacing:1.1px; text-transform:uppercase;
  color:#6D69AC;
}
body.pnh-on .c623-fotos{
  font:700 10px/1 Inter,sans-serif !important; background:rgba(255,255,255,.92) !important;
  color:#082040 !important; border-radius:6px !important; padding:6px 8px !important;
}
body.pnh-on .c623-cat{ margin:14px 14px 0 !important; }
body.pnh-on .c623-catname{
  font:800 9.5px/1 Inter,sans-serif !important; letter-spacing:.8px; text-transform:uppercase;
  color:#7B77B8 !important;
}
body.pnh-on .c623-title{
  font-family:Sora,Inter,sans-serif !important; font-weight:800 !important;
  font-size:14.5px !important; line-height:1.28 !important; letter-spacing:-.3px !important;
  color:#082040 !important; margin:6px 14px 5px !important;
}
body.pnh-on .c623-sub{
  font:400 11.5px/1.5 Inter,sans-serif !important; color:#7A7688 !important;
  margin:0 14px 8px !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.pnh-on .c623-pills{ margin:0 14px 8px !important; display:flex; flex-wrap:wrap; gap:5px !important; }
body.pnh-on .c623-pills span{
  background:#F7F4EE !important; border:1px solid #E7E1D5 !important; color:#3D3A5C !important;
  font:700 10px/1 Inter,sans-serif !important; padding:5px 7px !important; border-radius:6px !important;
}
body.pnh-on .c623-div{ border:0 !important; border-top:1px dashed #EDE7DB !important; margin:0 14px !important; }
body.pnh-on .c623-from{
  font:800 9.5px/1 Inter,sans-serif !important; letter-spacing:.7px; text-transform:uppercase;
  color:#8A8698 !important; margin:9px 14px 3px !important;
}
body.pnh-on .c623-price{
  font-family:Sora,Inter,sans-serif !important; font-weight:800 !important; font-size:19px !important;
  letter-spacing:-.5px; color:#3B3A96 !important; margin:0 14px 10px !important;
}
body.pnh-on .c623-price small{ font:600 11px/1 Inter,sans-serif !important; color:#8A8698 !important; margin-left:2px; }
body.pnh-on .c623-foot{
  margin-top:auto !important; padding:10px 14px 12px !important; border-top:1px solid #F1EDE3 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  font:600 11px/1 Inter,sans-serif !important; color:#5F5C6B !important; background:#FCFAF5;
}
body.pnh-on .c623-foot a, body.pnh-on .c623-foot .ver{ color:#3B3A96 !important; font-weight:800 !important; }

@media (max-width:1080px){
  body.pnh-on #home-destaques .store-rail-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:1080px){
  body.pnh-on .vb2-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:900px){
  body.pnh-on .vb2-grid{ grid-template-columns:minmax(0,1fr) !important; }
  body.pnh-on #home-destaques .store-rail-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

/* Prazo do ERP quando chega: linha própria, sem colar no "Como funciona →" */
body.pnh-on #home-destaques .intro .intro-prazo:not([hidden]){
  display:block; margin-top:6px;
  font:600 12.5px/1.5 Inter,sans-serif; color:#6D69AC;
}