/* Bloco de departamentos da home sobre o hero (Hero.dc.html). Escopo: .pf-hdepts */
.pf-hdepts{position:relative;z-index:5;max-width:1320px;margin:24px auto 0;padding:0 40px;box-sizing:border-box;font-family:'Prompt',sans-serif}
.pf-hdepts.is-overlap{margin-top:-88px}
.pf-hdepts *,.pf-hdepts *::before,.pf-hdepts *::after{box-sizing:border-box}
.pf-hdepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.pf-hdepts .pf-dp{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #d7e1ea;border-radius:8px;box-shadow:0 1px 2px rgba(0,51,82,.06),0 4px 16px rgba(0,51,82,.06);overflow:hidden;transition:transform 160ms cubic-bezier(.2,.7,.2,1),border-color 160ms,box-shadow 160ms}
.pf-hdepts .pf-dp:hover{transform:translateY(-4px);border-color:#0057a6;box-shadow:0 1px 2px rgba(0,51,82,.06),0 8px 24px rgba(0,51,82,.12)}
.pf-hdepts .pf-dp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 14px;color:#003352;text-decoration:none;font-size:15px;font-weight:600;line-height:1.2}
.pf-hdepts .pf-dp-h svg{flex:none;color:#c2410c;transition:transform 160ms}
.pf-hdepts .pf-dp-h:hover{color:#0057a6}.pf-hdepts .pf-dp-h:hover svg{transform:translateX(3px)}
.pf-hdepts .pf-dp-h:focus-visible{outline:2px solid #0057a6;outline-offset:-2px}
.pf-hdepts .pf-dp-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 14px}
.pf-hdepts .pf-dp-t{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:4px;color:#003352;text-decoration:none;font-size:12px;line-height:15px;text-align:center}
.pf-hdepts .pf-dp-im{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#eef5fb;border-radius:4px;transition:background 160ms}
.pf-hdepts .pf-dp-im.has-img{overflow:hidden;background:#fff}.pf-hdepts .pf-dp-im img{width:100%;height:100%;object-fit:contain;transition:transform 260ms cubic-bezier(.2,.7,.2,1)}.pf-hdepts .pf-dp-t:hover .pf-dp-im img{transform:scale(1.06)}
.pf-hdepts .pf-dp-im svg{transition:transform 260ms cubic-bezier(.2,.7,.2,1)}
.pf-hdepts .pf-dp-t:hover .pf-dp-im{background:#dbe8f3}.pf-hdepts .pf-dp-t:hover .pf-dp-im svg{transform:scale(1.08) rotate(-3deg)}
.pf-hdepts .pf-dp-t:hover .pf-dp-tx{color:#0057a6;text-decoration:underline}
.pf-hdepts .pf-dp-t:focus-visible{outline:2px solid #0057a6;outline-offset:1px}
.pf-hdepts .pf-dp-all{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;background:#003352;color:#fff;border-radius:8px;text-decoration:none;overflow:hidden;isolation:isolate;min-height:260px}
.pf-hdepts .pf-dp-all::before{content:'';position:absolute;top:0;bottom:0;right:-60%;width:110%;background:#0057a6;clip-path:polygon(40px 0,100% 0,100% 100%,0 100%);transform:translateX(30%);transition:transform 520ms cubic-bezier(.7,0,.2,1);z-index:-1}
.pf-hdepts .pf-dp-all:hover{color:#fff}.pf-hdepts .pf-dp-all:hover::before{transform:translateX(-40%)}
.pf-hdepts .pf-dp-all:focus-visible{outline:2px solid #0057a6;outline-offset:3px}
.pf-hdepts .pf-dp-all-tx{display:flex;flex-direction:column;gap:6px}
.pf-hdepts .pf-dp-all-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#00a3e0}
.pf-hdepts .pf-dp-all-t{font-family:'Barlow Condensed','Prompt',sans-serif;font-weight:700;font-size:30px;line-height:30px;text-transform:uppercase}
.pf-hdepts .pf-dp-all-s{font-size:13px;color:#b8c9d8}
.pf-hdepts .pf-dp-go{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#00a3e0;color:#003352;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform 220ms}
.pf-hdepts .pf-dp-all:hover .pf-dp-go{transform:translateX(6px)}
@keyframes pf-dp-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pf-hdepts .pf-dp-rise{animation:pf-dp-rise 560ms cubic-bezier(.2,.7,.2,1) both}
/* Tablet: overlap menor */
@media (max-width:900px){
  .pf-hdepts{padding:0 20px}
  .pf-hdepts.is-overlap{margin-top:-48px}
  .pf-hdepts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Mobile: empilha; subcategorias em linha de 4, card catalogo compacto */
@media (max-width:600px){
  .pf-hdepts{padding:0 12px}
  .pf-hdepts.is-overlap{margin-top:-24px}
  .pf-hdepts-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .pf-hdepts .pf-dp-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 10px 12px}
  .pf-hdepts .pf-dp-t{font-size:11px;line-height:13px;padding:4px 2px}
  .pf-hdepts .pf-dp-all{min-height:0;flex-direction:row;align-items:center}
  .pf-hdepts .pf-dp-all-t{font-size:24px;line-height:24px}
}
@media (prefers-reduced-motion:reduce){
  .pf-hdepts .pf-dp-rise{animation:none!important}
  .pf-hdepts .pf-dp,.pf-hdepts .pf-dp-all::before{transition:none!important}
}