/* Albuquerque Auto Peças — hsb.css — escrito à mão para liguehousebaterias.com.br */
:root{
  --hsb-verde-900:#0d231c;
  --hsb-verde-800:#143529;
  --hsb-verde-700:#1c4636;
  --hsb-verde-500:#2f6b50;
  --hsb-areia-50:#fbf8f1;
  --hsb-areia-100:#f4efe4;
  --hsb-areia-300:#e2dac6;
  --hsb-linha:#d8d0ba;
  --hsb-cobre-600:#a65128;
  --hsb-cobre-700:#8a4120;
  --hsb-tinta:#25221b;
  --hsb-tinta-2:#5b564a;
  --hsb-branco:#ffffff;
  --hsb-fonte-titulo:"Barlow Condensed",sans-serif;
  --hsb-fonte-texto:"PT Sans",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--hsb-fonte-texto);font-size:1.0625rem;line-height:1.6;color:var(--hsb-tinta);background:var(--hsb-areia-50)}
img{display:block;max-width:100%}
a{color:var(--hsb-verde-700);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--hsb-cobre-600)}
:focus-visible{outline:3px solid var(--hsb-cobre-600);outline-offset:2px}
h1,h2,h3{font-family:var(--hsb-fonte-titulo);line-height:1.05;margin:0 0 .5em;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
.hsb-container{max-width:1180px;margin:0 auto;padding:0 20px}
.hsb-pular{position:absolute;left:-9999px;top:0;background:var(--hsb-verde-900);color:#fff;padding:10px 18px;z-index:99}
.hsb-pular:focus{left:12px;top:12px}

/* ===== Cabeçalho ===== */
.hsb-topo{background:var(--hsb-areia-50);border-bottom:1px solid var(--hsb-linha)}
.hsb-topo__micro{background:var(--hsb-verde-900);color:#cfe0d5;font-size:.85rem}
.hsb-topo__microin{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.hsb-topo__micro p{margin:0}
.hsb-topo__main{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:16px}
.hsb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--hsb-verde-900)}
.hsb-logo svg{flex:none}
.hsb-logo__texto{font-family:var(--hsb-fonte-titulo);font-weight:600;font-size:1.7rem;line-height:.95;text-transform:uppercase;letter-spacing:.02em}
.hsb-logo__texto strong{font-weight:700;color:var(--hsb-cobre-600)}
.hsb-logo__texto small{display:block;font-family:var(--hsb-fonte-texto);font-size:.68rem;font-weight:700;letter-spacing:.13em;color:var(--hsb-tinta-2);text-transform:uppercase;margin-top:3px}
.hsb-nav{display:flex;gap:26px;margin-left:auto}
.hsb-nav a{font-weight:700;font-size:.98rem;color:var(--hsb-tinta);text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.hsb-nav a:hover{color:var(--hsb-cobre-600);border-bottom-color:var(--hsb-cobre-600)}
.hsb-nav a[aria-current="page"]{color:var(--hsb-verde-700);border-bottom-color:var(--hsb-verde-700)}
.hsb-topo__fone{flex:none}
.hsb-nav__toggle{display:none;margin-left:auto;background:none;border:1px solid var(--hsb-linha);border-radius:3px;padding:9px 14px;font:700 .95rem var(--hsb-fonte-texto);color:var(--hsb-tinta);cursor:pointer}

/* ===== Botões ===== */
.hsb-btn{display:inline-flex;align-items:center;gap:10px;background:var(--hsb-cobre-600);color:#fff;font:700 1.02rem/1 var(--hsb-fonte-texto);padding:14px 24px;border-radius:3px;text-decoration:none;border:1px solid transparent;white-space:nowrap}
.hsb-btn:hover{background:var(--hsb-cobre-700);color:#fff}
.hsb-btn svg{flex:none}
.hsb-btn--claro{background:transparent;border-color:rgba(255,255,255,.55)}
.hsb-btn--claro:hover{background:rgba(255,255,255,.12)}
.hsb-btn--verde{background:var(--hsb-verde-700)}
.hsb-btn--verde:hover{background:var(--hsb-verde-800)}
.hsb-btn--xl{padding:18px 32px;font-size:1.15rem}

/* ===== Hero ===== */
.hsb-hero{position:relative;background:var(--hsb-verde-900);color:#fff;overflow:hidden}
.hsb-hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.98}
.hsb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(97deg,rgba(9,26,20,.93) 8%,rgba(9,26,20,.72) 46%,rgba(9,26,20,.28) 100%)}
.hsb-hero__conteudo{position:relative;z-index:1;padding:96px 0 104px;max-width:680px}
.hsb-hero h1{font-size:clamp(2.6rem,6vw,4.3rem);font-weight:700;text-transform:uppercase;color:#fff}
.hsb-hero p{font-size:1.18rem;max-width:34em;color:#e6e2d5}
.hsb-hero__acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hsb-kicker{display:inline-block;font:700 .8rem/1 var(--hsb-fonte-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--hsb-cobre-600);margin-bottom:14px}
.hsb-hero .hsb-kicker,.hsb-band .hsb-kicker{color:#d8a37e}

/* ===== Seções ===== */
.hsb-sec{padding:76px 0}
.hsb-sec--areia{background:var(--hsb-areia-100);border-top:1px solid var(--hsb-linha);border-bottom:1px solid var(--hsb-linha)}
.hsb-h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700;text-transform:uppercase;color:var(--hsb-verde-900)}
.hsb-lead{font-size:1.15rem;color:var(--hsb-tinta-2);max-width:44em}

/* Faixa escura (disk-bateria / CTA) */
.hsb-band{background:var(--hsb-verde-900);color:#e6e2d5;padding:72px 0}
.hsb-band .hsb-h2{color:#fff}
.hsb-band--riscas{background:var(--hsb-verde-900) repeating-linear-gradient(-55deg,rgba(255,255,255,.028) 0 2px,transparent 2px 14px)}
.hsb-fone-gigante{display:inline-block;font:700 clamp(3rem,9vw,6.4rem)/1 var(--hsb-fonte-titulo);letter-spacing:.01em;color:#fff;text-decoration:none;white-space:nowrap}
.hsb-fone-gigante small{display:block;font:700 .95rem var(--hsb-fonte-texto);letter-spacing:.14em;text-transform:uppercase;color:#d8a37e;margin-bottom:6px}
.hsb-fone-gigante:hover{color:#f0c9ac}
.hsb-band__grade{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}

/* Passos (disk-bateria) */
.hsb-passos{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:passo}
.hsb-passos li{counter-increment:passo;padding:22px 26px 6px;border-left:1px solid rgba(255,255,255,.18)}
.hsb-passos li::before{content:"0" counter(passo);display:block;font:700 2.6rem/1 var(--hsb-fonte-titulo);color:#d8a37e;margin-bottom:10px}
.hsb-passos h3{font-size:1.35rem;text-transform:uppercase;color:#fff}
.hsb-passos p{font-size:.98rem;color:#b9c9be}

/* Vitrine de categorias */
.hsb-vitrine{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:40px}
.hsb-cat{position:relative;display:block;text-decoration:none;overflow:hidden;border-radius:4px;background:var(--hsb-verde-900);min-height:280px}
.hsb-cat:nth-child(1){grid-column:span 7}
.hsb-cat:nth-child(2){grid-column:span 5}
.hsb-cat:nth-child(3){grid-column:span 5}
.hsb-cat:nth-child(4){grid-column:span 7}
.hsb-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s;opacity:.92}
.hsb-cat:hover img{transform:scale(1.04);opacity:.75}
.hsb-cat__rotulo{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:44px 22px 16px;background:linear-gradient(transparent,rgba(9,26,20,.92) 62%);color:#fff}
.hsb-cat__rotulo strong{font:600 1.55rem/1.05 var(--hsb-fonte-titulo);text-transform:uppercase}
.hsb-cat__rotulo span{font:700 .85rem var(--hsb-fonte-texto);color:#d8a37e;white-space:nowrap}

/* Split texto+foto */
.hsb-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hsb-split--inv .hsb-split__foto{order:-1}
.hsb-split__foto{margin:0}
.hsb-split__foto img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:4px}
.hsb-split__foto figcaption{font-size:.85rem;color:var(--hsb-tinta-2);margin-top:8px}
.hsb-split + .hsb-split{margin-top:72px}

/* Lista com traço (sem cards) */
.hsb-traco{list-style:none;margin:20px 0 0;padding:0}
.hsb-traco li{padding:13px 0 13px 30px;border-top:1px solid var(--hsb-linha);position:relative}
.hsb-traco li:last-child{border-bottom:1px solid var(--hsb-linha)}
.hsb-traco li::before{content:"";position:absolute;left:2px;top:1.45em;width:14px;height:3px;background:var(--hsb-cobre-600)}
.hsb-traco strong{color:var(--hsb-verde-900)}

/* Faixa 1989 */
.hsb-1989{position:relative;overflow:hidden}
.hsb-1989__num{font:700 clamp(7rem,22vw,17rem)/0.8 var(--hsb-fonte-titulo);color:transparent;-webkit-text-stroke:2px var(--hsb-areia-300);letter-spacing:-.02em;user-select:none}
.hsb-1989__grade{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}

/* Contato em faixa */
.hsb-contato-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}
.hsb-contato-grade h3{font-size:1.05rem;font-family:var(--hsb-fonte-texto);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hsb-tinta-2);margin-bottom:10px}
.hsb-fones{list-style:none;margin:0;padding:0}
.hsb-fones a{font:600 1.9rem/1.3 var(--hsb-fonte-titulo);color:var(--hsb-verde-900);text-decoration:none}
.hsb-fones a:hover{color:var(--hsb-cobre-600)}

/* Cabeçalho de página interna */
.hsb-cabecalho{background:var(--hsb-verde-900) repeating-linear-gradient(-55deg,rgba(255,255,255,.028) 0 2px,transparent 2px 14px);color:#fff;padding:58px 0 62px}
.hsb-cabecalho h1{font-size:clamp(2.3rem,5vw,3.6rem);text-transform:uppercase;color:#fff;max-width:15em}
.hsb-cabecalho .hsb-lead{color:#cdd9cf}
.hsb-migalha{font-size:.85rem;margin:0 0 26px;color:#9fb3a6}
.hsb-migalha a{color:#cdd9cf}
.hsb-migalha a:hover{color:#fff}

/* Tabela de dados oficiais */
.hsb-dados{width:100%;border-collapse:collapse;margin-top:8px;background:#fff;border:1px solid var(--hsb-linha)}
.hsb-dados th,.hsb-dados td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--hsb-linha);vertical-align:top}
.hsb-dados th{width:34%;font-weight:700;color:var(--hsb-verde-900);background:var(--hsb-areia-100)}
.hsb-dados tr:last-child th,.hsb-dados tr:last-child td{border-bottom:none}

/* Mapa */
.hsb-mapa{width:100%;height:420px;border:0;display:block;border-radius:4px}

/* Documento (política) */
.hsb-doc{max-width:760px}
.hsb-doc h2{font-size:1.6rem;text-transform:uppercase;color:var(--hsb-verde-900);margin-top:2em}
.hsb-doc ul{padding-left:22px}
.hsb-doc li{margin-bottom:.4em}

/* ===== Rodapé ===== */
.hsb-rodape{background:var(--hsb-verde-900);color:#b9c9be;font-size:.95rem;margin-top:0}
.hsb-rodape a{color:#e6e2d5}
.hsb-rodape a:hover{color:#f0c9ac}
.hsb-rodape__grade{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:56px 0 44px}
.hsb-rodape h3{font-size:.85rem;font-family:var(--hsb-fonte-texto);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#8fa697;margin:0 0 14px}
.hsb-rodape ul{list-style:none;margin:0;padding:0}
.hsb-rodape li{margin-bottom:8px}
.hsb-rodape p{margin-bottom:8px}
.hsb-rodape__marca{font-family:var(--hsb-fonte-titulo);font-weight:600;font-size:1.5rem;text-transform:uppercase;color:#fff;margin-bottom:10px}
.hsb-rodape__marca strong{color:#d8a37e}
.hsb-rodape__legal{border-top:1px solid rgba(255,255,255,.14);padding:20px 0 26px;font-size:.83rem;color:#8fa697}
.hsb-rodape__legal p{margin:0 0 4px}

/* Barra fixa de ligação (mobile) */
.hsb-ligar-fixo{display:none}

/* ===== Animação progressiva ===== */
@media (prefers-reduced-motion:no-preference){
  .hsb-js [data-hsb-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
  .hsb-js [data-hsb-reveal].is-visivel{opacity:1;transform:none}
}

/* ===== Responsivo ===== */
@media (max-width:980px){
  .hsb-band__grade,.hsb-split{grid-template-columns:1fr;gap:32px}
  .hsb-split--inv .hsb-split__foto{order:0}
  .hsb-split + .hsb-split{margin-top:56px}
  .hsb-cat:nth-child(n){grid-column:span 6}
  .hsb-1989__grade{grid-template-columns:1fr;gap:12px}
  .hsb-contato-grade,.hsb-rodape__grade{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hsb-topo__microin{justify-content:center}
  .hsb-topo__microin p:last-child{display:none}
  .hsb-topo__main{flex-wrap:wrap;gap:14px}
  .hsb-topo__fone{display:none}
  .hsb-nav__toggle{display:block}
  .hsb-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--hsb-areia-50);border-bottom:1px solid var(--hsb-linha);padding:6px 20px 14px;z-index:50;box-shadow:0 14px 24px rgba(20,30,25,.12)}
  .hsb-topo{position:relative}
  .hsb-nav.is-aberto{display:flex}
  .hsb-nav a{padding:12px 0;border-bottom:1px solid var(--hsb-linha)}
  .hsb-nav a[aria-current="page"],.hsb-nav a:hover{border-bottom-color:var(--hsb-linha)}
  .hsb-hero__conteudo{padding:64px 0 76px}
  .hsb-sec{padding:52px 0}
  .hsb-band{padding:52px 0}
  .hsb-passos{grid-template-columns:1fr}
  .hsb-passos li{border-left:none;border-top:1px solid rgba(255,255,255,.18);padding:18px 4px 2px}
  .hsb-cat:nth-child(n){grid-column:span 12;min-height:220px}
  .hsb-contato-grade,.hsb-rodape__grade{grid-template-columns:1fr}
  .hsb-mapa{height:320px}
  body{padding-bottom:64px}
  .hsb-ligar-fixo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--hsb-cobre-600);color:#fff;align-items:center;justify-content:center;gap:10px;padding:15px 10px;font:700 1.05rem var(--hsb-fonte-texto);text-decoration:none;box-shadow:0 -6px 18px rgba(20,30,25,.25)}
  .hsb-ligar-fixo:hover{color:#fff;background:var(--hsb-cobre-700)}
}