/* =============================================================
   cdp-blog - listagem, categoria e post do blog da Clinica dos Pes
   Gerado do mockup aprovado pelo Luiz em 04-09-2026.

   Por que tudo tem prefixo cdpb- E ainda e escopado em .cdpb-escopo:
   este site roda Elementor + ShopEngine + Woo. O prefixo evita colisao
   de NOME (.card .btn .wrap .tag existem la dentro) e o .cdpb-escopo na
   frente ganha ESPECIFICIDADE do CSS do tema, que senao vence e deixa h2
   gigante e texto invisivel sobre fundo escuro. Os dois sao necessarios;
   medido no ar em 04-09-2026.

   SEM sticky na lateral da LISTAGEM: ela tem ~1480px e a viewport 900px.
   Travada, o botao da ultima oferta fica fora da tela. Sticky so no bloco
   de categorias tambem nao serve: sendo o primeiro filho de um container
   que rola, ele passa por cima dos irmaos.
   A lateral do POST e outra coisa: tem ~490px, cabe na tela, e o sticky
   dela esta correto e verificado.

   Classes de oferta sao NEUTRAS de proposito. "banner", "ads" e "anuncio"
   sao escondidos por bloqueador mesmo sendo conteudo da propria casa.

   .bloco tinha DOIS sentidos no mockup (card da lateral na listagem e
   container do "continue por aqui" no post). O do post virou .secao-leia.
   ============================================================= */
.cdpb-escopo{
  --azul:#33408C; --azul-2:#4B56A6; --azul-escuro:#26306B;
  --amarelo:#E7D71E; --verde:#60AD56;
  --texto:#2F2F2F; --texto-fraco:#5F6470; --linha:#E4E6F0;
  --papel:#F7F8FB; --raio:14px; --largura:1180px; --pad-wrap:20px;
  --sombra:0 1px 2px rgba(38,48,107,.06), 0 8px 24px rgba(38,48,107,.07);
  --sombra-alta:0 4px 10px rgba(38,48,107,.10), 0 18px 44px rgba(38,48,107,.14);
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--texto); line-height:1.7;
}
.cdpb-escopo *{box-sizing:border-box}
.cdpb-escopo img{max-width:100%; display:block}
.cdpb-escopo a{color:var(--azul); text-decoration:none}
@media (max-width:360px){ .cdpb-escopo{--pad-wrap:16px} }

.cdpb-escopo .cdpb-wrap{max-width:var(--largura); margin:0 auto; padding:0 var(--pad-wrap)}
.cdpb-escopo .cdpb-hero{position:relative; color:#fff; padding:70px 0 40px; margin-bottom:30px;
  background:#2A3470 center/cover no-repeat;
  background-image:linear-gradient(rgba(41,52,112,.82), rgba(41,52,112,.82)), var(--foto-hero);}
.cdpb-escopo .cdpb-hero .cdpb-wrap{max-width:var(--largura)}
.cdpb-escopo .cdpb-hero .cdpb-crumb{font-size:14px; margin:0 0 14px; color:#fff}
.cdpb-escopo .cdpb-hero .cdpb-crumb a{color:var(--amarelo); display:inline-flex; align-items:center; min-height:26px; padding:3px 2px}
.cdpb-escopo .cdpb-hero h1{font-size:46px; line-height:1.16; font-weight:700; color:#fff;
  margin:0 0 14px; letter-spacing:-.02em;}
.cdpb-escopo .cdpb-hero p{margin:0; max-width:78ch; color:#EDEFFA; font-size:16.5px; line-height:1.62}
.cdpb-escopo .cdpb-busca{display:flex; margin-top:26px; width:100%; background:#fff; border-radius:999px; padding:6px 6px 6px 22px; align-items:center; gap:12px}
.cdpb-escopo .cdpb-busca svg{width:20px; height:20px; color:var(--azul); flex:none}
.cdpb-escopo .cdpb-busca input{flex:1; min-width:0; border:0; outline:0; padding:14px 0;
  font:inherit; font-size:15.5px; color:var(--texto); background:transparent;}
.cdpb-escopo .cdpb-busca button{border:0; border-radius:999px; padding:14px 30px; font:inherit; font-weight:600;
  background:var(--azul); color:#fff; cursor:pointer; min-height:48px;}
.cdpb-escopo .cdpb-busca button:hover{filter:brightness(1.1)}
.cdpb-escopo .cdpb-secao{padding:44px 0 64px}
.cdpb-escopo .cdpb-grade{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
.cdpb-escopo .cdpb-card{background:#fff; border:1px solid var(--linha); border-radius:var(--raio);
  overflow:hidden; display:flex; flex-direction:column;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;}
.cdpb-escopo .cdpb-card:hover{transform:translateY(-4px); box-shadow:var(--sombra-alta); border-color:#CDD3EA}
.cdpb-escopo .cdpb-card:hover .cdpb-card-foto img{transform:scale(1.05)}
.cdpb-escopo .cdpb-card-foto{position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--papel)}
.cdpb-escopo .cdpb-card-foto img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.cdpb-escopo .cdpb-tag{position:absolute; left:12px; top:12px; z-index:2;
  background:rgba(255,255,255,.94); color:var(--azul); font-size:11.5px; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; padding:6px 11px; border-radius:999px;
  box-shadow:0 2px 8px rgba(38,48,107,.16);}
.cdpb-escopo .cdpb-card-corpo{padding:20px 20px 22px; display:flex; flex-direction:column; flex:1}
.cdpb-escopo .cdpb-card h3{margin:0 0 10px; font-size:18px; line-height:1.35; font-weight:600;
  color:var(--azul-escuro); letter-spacing:-.01em;}
.cdpb-escopo .cdpb-card h3 a{color:inherit}
.cdpb-escopo .cdpb-card h3 a:hover{text-decoration:none; color:var(--azul)}
.cdpb-escopo .cdpb-card p{margin:0 0 16px; font-size:14.5px; line-height:1.62; color:var(--texto-fraco)}
.cdpb-escopo .cdpb-card .cdpb-rodape{margin-top:auto; display:flex; align-items:center; gap:10px;
  font-size:12.5px; color:#8A90A0; border-top:1px solid var(--linha); padding-top:14px;}
.cdpb-escopo .cdpb-card .cdpb-rodape .cdpb-ler{margin-left:auto; color:var(--azul); font-weight:600}
.cdpb-escopo .cdpb-card.cdpb-destaque{grid-column:span 2; flex-direction:row}
.cdpb-escopo .cdpb-card.cdpb-destaque .cdpb-card-foto{aspect-ratio:auto; width:52%; flex:none}
.cdpb-escopo .cdpb-card.cdpb-destaque .cdpb-card-corpo{padding:30px 30px 28px; justify-content:center}
.cdpb-escopo .cdpb-card.cdpb-destaque h3{font-size:25px; line-height:1.24}
.cdpb-escopo .cdpb-card.cdpb-destaque p{font-size:15.5px}
.cdpb-escopo .cdpb-pag{display:flex; justify-content:center; align-items:center; gap:8px; margin-top:44px; flex-wrap:wrap}
.cdpb-escopo .cdpb-pag a, .cdpb-escopo .cdpb-pag span{min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--linha); border-radius:10px; font-size:14.5px; font-weight:500;
  color:var(--texto-fraco); background:#fff;}
.cdpb-escopo .cdpb-pag a:hover{border-color:var(--azul); color:var(--azul); text-decoration:none}
.cdpb-escopo .cdpb-pag .cdpb-atual{background:var(--azul); border-color:var(--azul); color:#fff; font-weight:600}
.cdpb-escopo .cdpb-faixa-pod{background:var(--papel); border-top:1px solid var(--linha); border-bottom:1px solid var(--linha); padding:46px 0}
.cdpb-escopo .cdpb-faixa-pod .cdpb-wrap{display:flex; align-items:center; gap:32px; flex-wrap:wrap}
.cdpb-escopo .cdpb-faixa-pod .cdpb-txt{flex:1 1 380px}
.cdpb-escopo .cdpb-faixa-pod h2{margin:0 0 8px; font-size:26px; font-weight:700; color:var(--azul-escuro); letter-spacing:-.02em}
.cdpb-escopo .cdpb-faixa-pod p{margin:0; color:var(--texto-fraco); max-width:56ch; font-size:15px}
.cdpb-escopo .cdpb-btn{display:inline-flex; align-items:center; justify-content:center; gap:9px;
  background:var(--verde); color:#fff; font-weight:600; font-size:15px;
  padding:15px 30px; border-radius:8px; min-height:50px; border:0; cursor:pointer;}
.cdpb-escopo .cdpb-btn:hover{filter:brightness(1.06); text-decoration:none; color:#fff}
.cdpb-escopo .cdpb-btn.cdpb-azul{background:var(--azul)}
.cdpb-escopo .cdpb-btn.cdpb-linha{background:transparent; color:var(--azul); border:2px solid var(--azul)}
.cdpb-escopo .cdpb-btn.cdpb-linha:hover{background:var(--azul); color:#fff; filter:none}
.cdpb-escopo .cdpb-progresso{position:fixed; top:0; left:0; height:3px; width:0; background:var(--amarelo); z-index:80; transition:width .1s linear}
.cdpb-escopo .cdpb-migalha{border-bottom:1px solid var(--linha); font-size:13.5px; color:var(--texto-fraco); background:#fff}
.cdpb-escopo .cdpb-migalha .cdpb-wrap{padding-top:16px; padding-bottom:16px; display:flex; align-items:center; gap:7px; flex-wrap:wrap}
.cdpb-escopo .cdpb-migalha a{color:var(--texto-fraco); display:inline-flex; align-items:center; min-height:26px; padding:3px 1px}
.cdpb-escopo .cdpb-migalha a:hover{color:var(--azul)}
.cdpb-escopo .cdpb-migalha .cdpb-aqui{color:#A2A8B8}
.cdpb-escopo .cdpb-post-topo{padding:46px 0 40px; border-bottom:1px solid var(--linha)}
.cdpb-escopo .cdpb-post-topo .cdpb-wrap{display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center}
.cdpb-escopo .cdpb-post-cat{display:inline-flex; align-items:center; gap:8px; color:var(--azul);
  font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:20px;}
.cdpb-escopo .cdpb-post-cat::before{content:""; width:26px; height:3px; background:var(--amarelo); border-radius:2px}
.cdpb-escopo .cdpb-post-topo h1{font-size:clamp(32px,3.7vw,50px); line-height:1.1; font-weight:700;
  color:var(--azul); margin:0 0 20px; letter-spacing:-.03em;}
.cdpb-escopo .cdpb-lead{font-size:19px; line-height:1.62; color:var(--texto-fraco); margin:0 0 26px; max-width:44ch}
.cdpb-escopo .cdpb-assinatura{display:flex; align-items:center; gap:13px; font-size:13.5px; color:var(--texto-fraco)}
.cdpb-escopo .cdpb-assinatura .cdpb-selo{width:42px; height:42px; border-radius:50%; background:var(--azul); color:#fff;
  display:grid; place-items:center; font-weight:700; font-size:15px; flex:none;}
.cdpb-escopo .cdpb-assinatura b{color:var(--texto); font-weight:600; display:block}
.cdpb-escopo .cdpb-post-capa{margin:0; position:relative}
.cdpb-escopo .cdpb-post-capa img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:18px}
.cdpb-escopo .cdpb-post-capa .cdpb-creditos{position:absolute; left:16px; bottom:16px; background:rgba(255,255,255,.94);
  color:var(--texto-fraco); font-size:11.5px; padding:6px 12px; border-radius:999px;}
.cdpb-escopo .cdpb-corpo{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:56px; padding:52px 0 20px}
.cdpb-escopo .cdpb-artigo{font-size:19px; line-height:1.78; color:#33383F; max-width:68ch}
.cdpb-escopo .cdpb-artigo > p:first-of-type{font-size:21px; line-height:1.66; color:var(--texto)}
.cdpb-escopo .cdpb-artigo p{margin:0 0 24px}
.cdpb-escopo .cdpb-artigo h2{font-size:29px; line-height:1.24; font-weight:700; color:var(--azul);
  margin:52px 0 18px; letter-spacing:-.025em; scroll-margin-top:90px;}
.cdpb-escopo .cdpb-artigo h3{font-size:21px; font-weight:600; color:var(--azul-escuro); margin:34px 0 12px}
.cdpb-escopo .cdpb-artigo ul{margin:0 0 26px; padding:0; list-style:none}
.cdpb-escopo .cdpb-artigo li{position:relative; padding-left:30px; margin-bottom:13px}
.cdpb-escopo .cdpb-artigo li::before{content:""; position:absolute; left:6px; top:13px; width:7px; height:7px;
  border-radius:50%; background:var(--amarelo);}
.cdpb-escopo .cdpb-artigo strong{color:var(--azul); font-weight:600}
.cdpb-escopo .cdpb-artigo a{color:var(--azul); border-bottom:1px solid #C4CAE6; font-weight:500}
.cdpb-escopo .cdpb-artigo a:hover{text-decoration:none; border-bottom-color:var(--azul)}
.cdpb-escopo .cdpb-citacao{margin:40px 0; padding:0 0 0 26px; border-left:4px solid var(--amarelo);
  font-size:23px; line-height:1.45; font-weight:600; color:var(--azul); letter-spacing:-.02em;}
.cdpb-escopo .cdpb-citacao small{display:block; margin-top:12px; font-size:14px; font-weight:400; color:var(--texto-fraco); letter-spacing:0}
.cdpb-escopo .cdpb-prod-inline{display:flex; gap:20px; align-items:center; margin:40px 0; padding:18px;
  border:1px solid var(--linha); border-radius:16px; background:var(--papel);
  transition:box-shadow .25s ease, border-color .25s ease;}
.cdpb-escopo .cdpb-prod-inline:hover{box-shadow:var(--sombra); border-color:#C9CFEA; text-decoration:none}
.cdpb-escopo .cdpb-prod-inline .cdpb-mini{width:104px; height:104px; border-radius:12px; background:#fff; border:1px solid var(--linha); flex:none; display:grid; place-items:center; color:#B9BFD2; font-size:10.5px; text-align:center; letter-spacing:.06em; text-transform:uppercase}
.cdpb-escopo .cdpb-prod-inline .cdpb-txt{flex:1; min-width:0}
.cdpb-escopo .cdpb-prod-inline .cdpb-rot{font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--verde); margin:0 0 5px}
.cdpb-escopo .cdpb-prod-inline h4{margin:0 0 5px; font-size:17px; font-weight:600; color:var(--azul); line-height:1.35}
.cdpb-escopo .cdpb-prod-inline .cdpb-preco{font-size:19px; font-weight:700; color:var(--verde); white-space:nowrap}
.cdpb-escopo .cdpb-prod-inline .cdpb-preco small{display:block; font-size:11.5px; font-weight:400; color:#8A90A0}
.cdpb-escopo .cdpb-lateral{position:sticky; top:24px; align-self:start; display:flex; flex-direction:column; gap:22px}
.cdpb-escopo .cdpb-indice{border:1px solid var(--linha); border-radius:16px; padding:22px}
.cdpb-escopo .cdpb-indice h2{margin:0 0 14px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#98A0B5}
.cdpb-escopo .cdpb-indice ol{margin:0; padding:0; list-style:none; counter-reset:i}
.cdpb-escopo .cdpb-indice li{counter-increment:i; margin-bottom:2px}
.cdpb-escopo .cdpb-indice a{display:flex; gap:11px; font-size:14.5px; line-height:1.45; color:var(--texto-fraco);
  padding:9px 0; border-bottom:1px solid #F0F1F7; min-height:38px; align-items:flex-start;}
.cdpb-escopo .cdpb-indice li:last-child a{border-bottom:0}
.cdpb-escopo .cdpb-indice a::before{content:counter(i); color:var(--amarelo); font-weight:700; font-size:13px; flex:none}
.cdpb-escopo .cdpb-indice a:hover, .cdpb-escopo .cdpb-indice a.cdpb-on{color:var(--azul); text-decoration:none}
.cdpb-escopo .cdpb-card-cta{border-radius:16px; padding:24px; color:#fff;
  background:linear-gradient(150deg, var(--azul) 0%, var(--azul-2) 100%);}
.cdpb-escopo .cdpb-card-cta h2{margin:0 0 9px; font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.3}
.cdpb-escopo .cdpb-card-cta p{margin:0 0 18px; font-size:14.5px; color:#DDE1F5; line-height:1.55}
.cdpb-escopo .cdpb-card-cta .cdpb-btn{width:100%; background:var(--amarelo); color:var(--azul-escuro); font-size:14.5px; padding:13px 18px; min-height:46px}
.cdpb-escopo .cdpb-autoridade{display:flex; gap:18px; align-items:flex-start; margin:8px 0 0; padding:24px;
  border:1px solid var(--linha); border-radius:16px; max-width:68ch;}
.cdpb-escopo .cdpb-autoridade .cdpb-selo{width:52px; height:52px; border-radius:50%; background:var(--azul); color:#fff; display:grid; place-items:center; font-weight:700; flex:none}
.cdpb-escopo .cdpb-autoridade h2{margin:0 0 6px; font-size:16px; font-weight:600; color:var(--azul)}
.cdpb-escopo .cdpb-autoridade p{margin:0; font-size:14.5px; color:var(--texto-fraco); line-height:1.6}
.cdpb-escopo .cdpb-secao-leia{max-width:var(--largura); margin:0 auto; padding:0 20px}
.cdpb-escopo .cdpb-secao-leia-cabeca{display:flex; align-items:baseline; gap:14px; margin-bottom:8px; flex-wrap:wrap}
.cdpb-escopo .cdpb-secao-leia-cabeca h2{margin:0; font-size:26px; font-weight:700; color:var(--azul); letter-spacing:-.025em}
.cdpb-escopo .cdpb-secao-leia-cabeca span{font-size:14px; color:var(--texto-fraco)}
.cdpb-escopo .cdpb-secao-leia-cabeca .cdpb-todos{margin-left:auto; font-size:14.5px; font-weight:600; display:inline-flex; align-items:center; min-height:34px}
.cdpb-escopo .cdpb-leia{border-top:1px solid var(--linha); margin-top:18px}
.cdpb-escopo .cdpb-leia a{display:grid; grid-template-columns:64px 1fr auto; gap:22px; align-items:center;
  padding:22px 6px; border-bottom:1px solid var(--linha); color:inherit;}
.cdpb-escopo .cdpb-leia a:hover{text-decoration:none; background:var(--papel)}
.cdpb-escopo .cdpb-leia .cdpb-n{font-size:26px; font-weight:700; color:#E1E4F0; letter-spacing:-.03em}
.cdpb-escopo .cdpb-leia a:hover .cdpb-n{color:var(--amarelo)}
.cdpb-escopo .cdpb-leia h3{margin:0 0 4px; font-size:19px; font-weight:600; color:var(--azul); line-height:1.32; letter-spacing:-.015em}
.cdpb-escopo .cdpb-leia a:hover h3{color:var(--azul-2)}
.cdpb-escopo .cdpb-leia .cdpb-meta{font-size:13px; color:#8A90A0}
.cdpb-escopo .cdpb-leia .cdpb-seta{color:var(--azul); font-size:20px}
.cdpb-escopo .cdpb-cta{max-width:var(--largura); margin:56px auto 0; padding:44px 40px; border-radius:20px;
  background:linear-gradient(122deg, var(--azul) 0%, var(--azul-2) 100%);
  color:#fff; display:flex; align-items:center; gap:30px; flex-wrap:wrap;
  position:relative; overflow:hidden;}
.cdpb-escopo .cdpb-cta::before{content:""; position:absolute; right:-70px; top:-70px; width:260px; height:260px; border-radius:50%; background:rgba(231,215,30,.15)}
.cdpb-escopo .cdpb-cta .cdpb-txt{flex:1 1 340px; position:relative}
.cdpb-escopo .cdpb-cta h2{margin:0 0 9px; font-size:28px; font-weight:700; letter-spacing:-.025em}
.cdpb-escopo .cdpb-cta p{margin:0; color:#DDE1F5; max-width:52ch; font-size:15.5px}
.cdpb-escopo .cdpb-cta .cdpb-btn{position:relative; background:var(--amarelo); color:var(--azul-escuro)}
.js .cdpb-escopo .cdpb-rv{opacity:0; transform:translateY(16px); transition:opacity .55s ease, transform .55s ease}
.js .cdpb-escopo .cdpb-rv.cdpb-vis{opacity:1; transform:none}
.cdpb-escopo .cdpb-layout{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; align-items:start}
.cdpb-escopo .cdpb-coluna{min-width:0}
.cdpb-escopo .cdpb-lado{display:flex; flex-direction:column; gap:18px; align-self:start}
.cdpb-escopo .cdpb-bloco{background:#fff; border:1px solid var(--linha); border-radius:var(--raio); overflow:hidden}
.cdpb-escopo .cdpb-bloco-tit{margin:0; padding:15px 18px 12px; font-size:12px; font-weight:700; color:#98A0B5;
  letter-spacing:.09em; text-transform:uppercase; border-bottom:1px solid var(--linha);}
.cdpb-escopo .cdpb-cat{display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 18px; min-height:46px; font-size:14.5px; font-weight:500; color:var(--texto);
  border-bottom:1px solid var(--linha); position:relative;}
.cdpb-escopo .cdpb-cat:last-child{border-bottom:0}
.cdpb-escopo .cdpb-cat b{font-weight:600; font-size:12px; color:#98A0B5; background:var(--papel);
  border-radius:999px; padding:3px 9px; min-width:32px; text-align:center}
.cdpb-escopo .cdpb-cat:hover{background:var(--papel); color:var(--azul); text-decoration:none}
.cdpb-escopo .cdpb-cat.cdpb-on{color:var(--azul); font-weight:600; background:var(--papel)}
.cdpb-escopo .cdpb-cat.cdpb-on::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--amarelo)}
.cdpb-escopo .cdpb-cat.cdpb-on b{background:var(--azul); color:#fff}
.cdpb-escopo .cdpb-oferta{padding:22px 20px 24px; display:flex; flex-direction:column; gap:11px; border:0}
.cdpb-escopo .cdpb-oferta .cdpb-selo{align-self:flex-start; font-size:10.5px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; padding:5px 10px; border-radius:999px;}
.cdpb-escopo .cdpb-oferta h3{margin:0; font-size:19px; line-height:1.28; font-weight:700; letter-spacing:-.01em}
.cdpb-escopo .cdpb-oferta p{margin:0; font-size:14px; line-height:1.6}
.cdpb-escopo .cdpb-oferta .cdpb-oferta-btn{width:100%; margin-top:4px}
.cdpb-escopo .cdpb-oferta .cdpb-pe{font-size:11.5px; letter-spacing:.05em; text-transform:uppercase}
.cdpb-escopo .cdpb-oferta-pod{background:var(--azul-escuro); color:#fff; position:relative}
.cdpb-escopo .cdpb-oferta-pod::after{content:""; position:absolute; right:-46px; top:-46px; width:150px; height:150px;
  border-radius:50%; background:rgba(255,255,255,.05); pointer-events:none;}
.cdpb-escopo .cdpb-oferta-pod .cdpb-selo{background:var(--amarelo); color:#3B3606}
.cdpb-escopo .cdpb-oferta-pod h3{color:#fff}
.cdpb-escopo .cdpb-oferta-pod p{color:#C6CCE8}
.cdpb-escopo .cdpb-oferta-pod .cdpb-btn{background:var(--amarelo); color:#3B3606}
.cdpb-escopo .cdpb-oferta-pod .cdpb-btn:hover{color:#3B3606}
.cdpb-escopo .cdpb-oferta-pod .cdpb-pe{color:#8E97C4}
.cdpb-escopo .cdpb-oferta-loja{background:var(--papel); border:1px solid var(--linha)}
.cdpb-escopo .cdpb-oferta-loja .cdpb-selo{background:#fff; color:var(--azul); border:1px solid var(--linha)}
.cdpb-escopo .cdpb-oferta-loja h3{color:var(--azul-escuro)}
.cdpb-escopo .cdpb-oferta-loja p{color:var(--texto-fraco)}
.cdpb-escopo .cdpb-prod-lado{position:relative; padding:16px; display:flex; flex-direction:column; gap:12px}
.cdpb-escopo .cdpb-prod-selo{position:absolute; left:16px; top:16px; z-index:2;
  background:#fff; color:var(--azul); border:1px solid var(--linha);
  font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:5px 10px; border-radius:999px;}
.cdpb-escopo .cdpb-prod-foto{display:block; border-radius:10px; overflow:hidden; background:var(--papel); aspect-ratio:1/1}
.cdpb-escopo .cdpb-prod-foto img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.cdpb-escopo .cdpb-prod-lado:hover .cdpb-prod-foto img{transform:scale(1.04)}
.cdpb-escopo .cdpb-prod-txt{display:flex; flex-direction:column; gap:9px}
.cdpb-escopo .cdpb-prod-txt h3{margin:0; font-size:15.5px; line-height:1.35; font-weight:600}
.cdpb-escopo .cdpb-prod-txt h3 a{color:var(--azul-escuro)}
.cdpb-escopo .cdpb-prod-txt h3 a:hover{color:var(--azul); text-decoration:none}
.cdpb-escopo .cdpb-prod-preco{display:flex; align-items:baseline; gap:7px}
.cdpb-escopo .cdpb-prod-preco b{font-size:21px; font-weight:700; color:var(--texto); letter-spacing:-.01em}
.cdpb-escopo .cdpb-prod-preco span{font-size:12.5px; color:var(--texto-fraco)}
.cdpb-escopo .cdpb-layout .cdpb-grade{grid-template-columns:repeat(2,1fr)}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque{grid-column:span 2; flex-direction:column}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque .cdpb-card-foto{width:100%; aspect-ratio:16/7}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque .cdpb-card-corpo{padding:24px 26px 26px}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque h3{font-size:23px}
@media (max-width:1024px){
.cdpb-escopo .cdpb-layout{grid-template-columns:1fr; gap:26px}
.cdpb-escopo .cdpb-lado{position:static; display:contents}
.cdpb-escopo .cdpb-bloco-cats{order:-1; margin-bottom:4px}
.cdpb-escopo .cdpb-oferta{order:3; border:1px solid var(--linha)}
.cdpb-escopo .cdpb-prod-lado{order:3}
.cdpb-escopo .cdpb-oferta-pod{border-color:var(--azul-escuro)}
.cdpb-escopo .cdpb-layout .cdpb-grade{grid-template-columns:repeat(2,1fr)}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque .cdpb-card-foto{aspect-ratio:16/8}
.cdpb-escopo .cdpb-grade{grid-template-columns:repeat(2,1fr)}
.cdpb-escopo .cdpb-card.cdpb-destaque{grid-column:span 2}
.cdpb-escopo .cdpb-corpo{grid-template-columns:1fr; gap:40px}
.cdpb-escopo .cdpb-lateral{position:static; flex-direction:row; flex-wrap:wrap}
.cdpb-escopo .cdpb-indice{flex:1 1 340px}
.cdpb-escopo .cdpb-card-cta{flex:1 1 300px}
.cdpb-escopo .cdpb-post-topo .cdpb-wrap{gap:34px}
}
@media (max-width:760px){
.cdpb-escopo .cdpb-bloco-cats{display:flex; overflow-x:auto; gap:8px; border:0; background:transparent;
    scrollbar-width:none; padding-bottom:2px;
    margin-inline:calc(var(--pad-wrap) * -1); margin-bottom:4px;
    padding-inline:var(--pad-wrap); max-width:100vw}
.cdpb-escopo .cdpb-bloco-cats::-webkit-scrollbar{display:none}
.cdpb-escopo .cdpb-bloco-cats .cdpb-bloco-tit{display:none}
.cdpb-escopo .cdpb-bloco-cats .cdpb-cat{white-space:nowrap; border:1px solid var(--linha); background:#fff; border-radius:999px;
    padding:9px 15px; min-height:40px; font-size:13.5px; gap:7px; flex:0 0 auto;}
.cdpb-escopo .cdpb-bloco-cats .cdpb-cat.cdpb-on::before{display:none}
.cdpb-escopo .cdpb-bloco-cats .cdpb-cat.cdpb-on{background:var(--azul); border-color:var(--azul); color:#fff}
.cdpb-escopo .cdpb-bloco-cats .cdpb-cat.cdpb-on b{background:rgba(255,255,255,.18); color:#fff}
.cdpb-escopo .cdpb-oferta h3{font-size:20px}
.cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque .cdpb-card-foto{aspect-ratio:16/10}
.cdpb-escopo .cdpb-hero{padding:34px 0 30px; margin-bottom:0}
.cdpb-escopo .cdpb-hero h1{font-size:30px}
.cdpb-escopo .cdpb-busca{flex-direction:column; align-items:stretch; border-radius:16px; padding:8px}
.cdpb-escopo .cdpb-busca .cdpb-lupa{display:none}
.cdpb-escopo .cdpb-busca input{padding:12px 14px}
.cdpb-escopo .cdpb-busca button{width:100%}
.cdpb-escopo .cdpb-grade, .cdpb-escopo .cdpb-layout .cdpb-grade{grid-template-columns:1fr; gap:20px}
.cdpb-escopo .cdpb-card.cdpb-destaque, .cdpb-escopo .cdpb-layout .cdpb-card.cdpb-destaque{grid-column:span 1; flex-direction:column}
.cdpb-escopo .cdpb-card.cdpb-destaque .cdpb-card-foto{width:100%; aspect-ratio:16/10}
.cdpb-escopo .cdpb-card.cdpb-destaque .cdpb-card-corpo{padding:20px}
.cdpb-escopo .cdpb-card.cdpb-destaque h3{font-size:20px}
.cdpb-escopo .cdpb-secao{padding:30px 0 44px}
.cdpb-escopo .cdpb-faixa-pod .cdpb-wrap{gap:20px}
.cdpb-escopo .cdpb-post-topo{padding:26px 0 28px}
.cdpb-escopo .cdpb-post-topo .cdpb-wrap{grid-template-columns:1fr; gap:26px}
.cdpb-escopo .cdpb-post-capa{order:-1}
.cdpb-escopo .cdpb-post-capa img{aspect-ratio:16/10; border-radius:14px}
.cdpb-escopo .cdpb-lead{font-size:17px; max-width:none}
.cdpb-escopo .cdpb-corpo{padding:32px 0 12px; gap:34px}
.cdpb-escopo .cdpb-artigo{font-size:17.5px}
.cdpb-escopo .cdpb-artigo > p:first-of-type{font-size:19px}
.cdpb-escopo .cdpb-artigo h2{font-size:24px; margin-top:38px}
.cdpb-escopo .cdpb-citacao{font-size:19px; margin:30px 0}
.cdpb-escopo .cdpb-prod-inline{flex-wrap:wrap; gap:14px}
.cdpb-escopo .cdpb-prod-inline .cdpb-mini{width:76px; height:76px}
.cdpb-escopo .cdpb-prod-inline .cdpb-preco{width:100%}
.cdpb-escopo .cdpb-lateral{flex-direction:column}
.cdpb-escopo .cdpb-leia a{grid-template-columns:36px 1fr; gap:14px; padding:18px 4px}
.cdpb-escopo .cdpb-leia .cdpb-seta{display:none}
.cdpb-escopo .cdpb-leia h3{font-size:17px}
.cdpb-escopo .cdpb-cta{padding:30px 22px; gap:20px; border-radius:16px}
.cdpb-escopo .cdpb-cta h2{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
.js .cdpb-escopo .cdpb-rv{opacity:1; transform:none}
.cdpb-escopo .cdpb-progresso{transition:none}
}

/* nome de produto do catalogo passa de 60 caracteres com frequencia.
   Duas linhas e o teto na coluna de 300px da lateral. */
.cdpb-escopo .cdpb-prod-txt h3{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.7em;
}
/* min-width:0 faz a fita de categorias ROLAR em vez de esticar a pagina.
   Item de grid nasce com min-width:auto e nao encolhe abaixo do proprio
   conteudo: as 7 categorias empurravam 25px pra fora da tela.
   NAO trocar por overflow-x:hidden no body: isso mascara o defeito e ja
   derrubou o scroll de um site inteiro em 14/06. */
@media (max-width:1024px){ .cdpb-escopo .cdpb-bloco-cats{min-width:0} }
@media (max-width:760px){ .cdpb-escopo .cdpb-bloco-cats{min-width:0; width:100%; max-width:100%} }

/* -------------------------------------------------------------
   Cor explicita onde o mockup contava com HERANCA.
   Herança perde para QUALQUER regra explicita, e o tema deste site
   define cor para h2. Resultado: titulo preto sobre o azul do CTA.
   Foi o que o Luiz viu em 04-09-2026. Nao trocar por herdar de novo.
   ------------------------------------------------------------- */
.cdpb-escopo .cdpb-card-cta h2,
.cdpb-escopo .cdpb-cta h2{color:#fff}

/* Contraste: os cinzas do mockup reprovavam a norma sobre branco.
   Mesma familia de cor, so escurecida ate passar 4.5:1 em texto
   pequeno. Medido no ar, nao estimado. */
.cdpb-escopo .cdpb-card .cdpb-rodape,
.cdpb-escopo .cdpb-meta{color:#666C7E}
.cdpb-escopo .cdpb-bloco-tit,
.cdpb-escopo .cdpb-indice h2{color:#6B7288}
.cdpb-escopo .cdpb-cat b{color:#666C7E}
.cdpb-escopo .cdpb-aqui{color:#6B7288}