/* ====================================================================
   RAIO-X DAS OFERTAS (.z3r-*) - resumo automatico de cada pagina de produtos.
   Montado por precos/resumo-ofertas.php com os dados dos cards. Cores do site
   (laranja #FF5C26, tinta #17181C) e fonte Oswald dos titulos editoriais.
   ==================================================================== */

/* faixa curta, logo abaixo do caminho (breadcrumb) */
.z3r-faixa{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;background:#FFF6EF;border:1px solid #F6D9C6;border-radius:8px;padding:12px 18px;font-size:14.5px;color:#4B4B4F;line-height:1.4}
.z3r-faixa b{color:#17181C}
.z3r-faixa-tag{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:12.5px;background:#FF5C26;color:#fff;border-radius:4px;padding:3px 9px}
.z3r-faixa-link{margin-left:auto;color:#C2410C;font-weight:500;white-space:nowrap}
.z3r-faixa-link:hover,.z3r-faixa-link:focus{color:#FF5C26}

/* quadro completo, antes do guia editorial */
.z3r{background:#17181C;color:#e9ddd3;padding:56px 0 44px;margin-top:8px;scroll-margin-top:70px}
.z3r-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.z3r-eyebrow{font-family:'Oswald',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:2.5px;color:#FF5C26;text-transform:uppercase;margin-bottom:10px}
.z3r h2{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(26px,4vw,36px);color:#fff;line-height:1.15;margin:0 0 10px}
.z3r-lead{font-size:16px;color:#cbb9ab;margin:0 0 30px;max-width:640px}
.z3r-numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;margin-bottom:28px}
.z3r-numeros>div{background:#202127;padding:20px 18px}
.z3r-numeros b{display:block;font-family:'Oswald',sans-serif;font-size:34px;font-weight:700;color:#FF5C26;line-height:1.1;margin-bottom:6px}
.z3r-numeros span{font-size:13px;color:#cbb9ab;line-height:1.45}
.z3r-grade{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.z3r-grade-1{grid-template-columns:1fr}
.z3r-bloco{background:#202127;border-radius:10px;padding:22px 22px 18px}
.z3r h3{font-family:'Oswald',sans-serif;font-weight:500;font-size:18px;color:#fff;margin:0 0 14px;letter-spacing:.3px}
.z3r .z3r-h3-mt{margin-top:22px}
.z3r-barra{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:10px;margin-bottom:9px;font-size:14px}
.z3r-barra-rot{color:#e9ddd3;white-space:nowrap}
.z3r-barra-trilho{background:rgba(255,255,255,.08);border-radius:4px;height:14px;overflow:hidden}
.z3r-barra-trilho i{display:block;height:100%;background:linear-gradient(90deg,#C2410C,#FF5C26);border-radius:4px}
.z3r-barra-n{text-align:right;color:#fff;font-weight:500}
.z3r-chips{display:flex;flex-wrap:wrap;gap:8px}
.z3r-chip{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;font-size:13.5px;color:#e9ddd3}
.z3r-chip b{color:#FF5C26;margin-left:3px}
.z3r-chip-on{border-color:#FF5C26;background:rgba(255,92,38,.12)}
.z3r-obs{font-size:13.5px;color:#a9a1a6;margin:14px 0 0}
.z3r-obs b{color:#fff}
.z3r-lista{margin:0;padding-left:20px}
.z3r-lista li{margin-bottom:12px;color:#FF5C26;font-weight:600}
.z3r-lista a{display:block;color:#fff;font-weight:400;font-size:14.5px;line-height:1.4;text-decoration:none}
.z3r-lista a:hover,.z3r-lista a:focus{color:#FF5C26;text-decoration:underline}
.z3r-li-meta{display:block;font-size:13px;color:#a9a1a6;font-weight:400;margin-top:2px}
.z3r-li-meta b{color:#fff}
.z3r-off{color:#7fd1a3;font-weight:600}
.z3r-rodape{font-size:12.5px;color:#8f8a90;margin:8px 0 0;line-height:1.6}
@media (max-width:860px){.z3r-numeros{grid-template-columns:1fr 1fr}.z3r-grade{grid-template-columns:1fr}.z3r-faixa-link{margin-left:0}}
@media (max-width:420px){.z3r-barra{grid-template-columns:118px 1fr 38px;font-size:13px}.z3r-numeros b{font-size:28px}}

/* ====================================================================
   VITRINE DAS PAGINAS DE NAVEGACAO (.z3h-*) - precos/vitrine-hub.php
   Atalhos (tamanho/marca), cabecalhos das secoes e linhas do raio-x por grupo.
   ==================================================================== */
.z3h-atalhos{margin:6px 0 4px}
.z3h-at-linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.z3h-at-rot{font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#6b6b70;min-width:74px}
.z3h-at-linha a{background:#fff;border:1px solid #F0D3C0;border-radius:999px;padding:6px 14px;font-size:14px;color:#17181C;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}
.z3h-at-linha a b{color:#C2410C;margin-left:4px;font-weight:600}
.z3h-at-linha a:hover,.z3h-at-linha a:focus{border-color:#FF5C26;background:#FFF6EF;color:#17181C;text-decoration:none}
.z3h-cab{margin:48px 0 22px;padding:4px 0 4px 18px;border-left:5px solid #FF5C26}
.z3h-cab-desc{border-left-color:#C4432B;margin-top:56px}
.z3h-selo{display:inline-block;background:#FF5C26;color:#fff;font-family:'Oswald',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:8px}
.z3h-cab-desc .z3h-selo{background:#C4432B}
.z3h-cab h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,3.4vw,32px);color:#17181C;margin:0 0 4px;line-height:1.15}
.z3h-cab p{margin:0;color:#6b6b70;font-size:14.5px}
.z3h-linha{display:grid;grid-template-columns:92px 1fr 100px 16px;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:3px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#e9ddd3;font-size:14px;text-decoration:none}
.z3h-linha:hover,.z3h-linha:focus{color:#fff;text-decoration:none}
.z3h-linha:hover .z3h-ir,.z3h-linha:focus .z3h-ir{color:#FF5C26}
.z3h-rot{font-weight:600;color:#fff;grid-row:1 / 3}
.z3h-linha .z3r-barra-trilho{grid-column:2;grid-row:1}
.z3h-n{grid-column:3;grid-row:1;text-align:right;color:#fff}
.z3h-fx{grid-column:2 / 4;grid-row:2;color:#a9a1a6;font-size:12.5px}
.z3h-ir{grid-column:4;grid-row:1 / 3;color:#6b6b70}
@media (max-width:860px){.z3h-at-linha{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.z3h-at-rot{min-width:auto}.z3h-linha{grid-template-columns:96px 1fr 92px 14px}}

/* "mais vendida" da faixa do topo vira link para o card + destaque do card (script Z3R_JS_IR em precos/resumo-ofertas.php) */
.z3r-ir{color:#17181C;text-decoration:none}
.z3r-ir b{border-bottom:2px solid #F6B596;transition:border-color .15s,color .15s}
.z3r-ir:hover b,.z3r-ir:focus b{color:#C2410C;border-color:#FF5C26}
.z3r-ir:hover,.z3r-ir:focus{text-decoration:none}
.z3r-ir-ver{display:inline-block;margin-left:4px;background:#FF5C26;color:#fff;font-weight:600;font-size:12px;line-height:1.2;padding:3px 9px;border-radius:999px;white-space:nowrap;vertical-align:1px}
.z3r-ir:hover .z3r-ir-ver,.z3r-ir:focus .z3r-ir-ver{background:#C2410C}
.z3r-destaque-col{position:relative;z-index:5;scroll-margin-top:90px}
.z3r-destaque{outline:3px solid #FF5C26;outline-offset:3px;box-shadow:0 0 0 9px rgba(255,92,38,.14);animation:z3rPulso 1.1s ease-out 3}
.z3r-selo-top{background:#FF5C26;color:#fff;text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1.2;padding:7px 10px}
@keyframes z3rPulso{0%{box-shadow:0 0 0 0 rgba(255,92,38,.55)}100%{box-shadow:0 0 0 20px rgba(255,92,38,0)}}
@media (prefers-reduced-motion:reduce){.z3r-destaque{animation:none}}