/* =====================================================================
   OFERTAS.CSS — Página de listagem completa com filtros e paginação
   ===================================================================== */
.page-header{padding:36px 0 6px;}
.page-header h1{font-family:var(--font-display); font-size:clamp(26px,5vw,36px); font-weight:800; letter-spacing:-1px;}
.page-header p{color:var(--color-text-dim); font-size:14.5px; margin-top:8px; max-width:520px;}

.pagination{display:flex; align-items:center; justify-content:center; gap:8px; padding:34px 0 10px;}
.page-btn{
  width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:var(--color-surface); border:1px solid var(--color-border); color:var(--color-text-dim); font-weight:700; font-size:13px;
  transition: all .2s;
}
.page-btn:hover{border-color:var(--color-border-strong); color:var(--color-text);}
.page-btn.active{background:var(--color-text); border-color:var(--color-text); color:#fff;}
.page-btn:disabled{opacity:.4; cursor:not-allowed;}

/* ===================== CATEGORIAS (categorias.html) ===================== */
.categories-full-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; padding:10px 0 50px;}
.cat-card{
  background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-m);
  padding:24px 18px; text-align:center; transition: all .25s var(--ease);
}
.cat-card:hover{border-color:var(--color-border-strong); transform:translateY(-3px); box-shadow:0 14px 34px rgba(20,21,26,0.07);}
.cat-card-icon{
  font-size:26px; width:52px; height:52px; border-radius:14px; background:var(--color-surface-alt);
  display:flex; align-items:center; justify-content:center; margin:0 auto 14px; color:var(--color-primary-dark);
}
.cat-card h3{font-family:var(--font-display); font-size:15px; font-weight:800; margin-bottom:4px;}
.cat-card p{font-size:12px; color:var(--color-text-faint);}
@media (min-width:640px){ .categories-full-grid{grid-template-columns:repeat(3,1fr);} }
@media (min-width:960px){ .categories-full-grid{grid-template-columns:repeat(6,1fr);} }