/* ============================================================
   LZ-COMPONENT: HOME / LZ-C04-CATEGORIES
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ---------- Guia 0A9 ---------- */
.lz-guia09 {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
  padding: 36px 24px 44px;
  text-align: center;
  border-top: 1px solid #eef1f0;
}
.lz-guia09__titulo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #10231f;
  margin: 0 0 22px;
}
.lz-guia09__linha { width: 34px; height: 2px; background: #22c55e; border-radius: 2px; }

.lz-guia09__grade {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 760px;
  margin: 0 auto 20px;
}
.lz-guia09__letra {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #e6ebe9;
  background: #f7f9f8;
  color: #33413e;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lz-guia09__letra:hover { background: #22c55e; border-color: #22c55e; color: #ffffff; }

.lz-guia09__busca {
  display: inline-flex;
  gap: 8px;
}
.lz-guia09__busca input {
  width: 170px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e6ebe9;
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
  text-align: center;
  text-transform: uppercase;
  color: #10231f;
}
.lz-guia09__busca input:focus { outline: 2px solid #22c55e; outline-offset: 1px; }
.lz-guia09__busca button {
  border: none;
  background: #22c55e;
  color: #06210f;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  padding: 0 20px;
  border-radius: 10px;
  cursor: pointer;
}
.lz-guia09__busca button:hover { background: #4ade80; }

/* ---------- Categorias ---------- */
.lz-categorias {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
  padding: 8px 24px 60px;
}
.lz-categorias__inner { max-width: 1200px; margin: 0 auto; }

.lz-categorias__cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
  flex-wrap: wrap;
  gap: 14px;
}
.lz-categorias__titulo {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #10231f;
  margin: 0;
  flex: 1;
  justify-content: center;
}
.lz-categorias__linha { width: 34px; height: 2px; background: #22c55e; border-radius: 2px; }
.lz-categorias__ver-todas {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: #16a34a;
  text-decoration: none;
  white-space: nowrap;
}
.lz-categorias__ver-todas:hover { text-decoration: underline; }

.lz-categorias__grade {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.lz-categorias__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid #eef1f0;
  border-radius: 14px;
  padding: 26px 14px 20px;
  text-decoration: none;
  transition: box-shadow 0.15s, transform 0.15s;
}
.lz-categorias__card:hover { box-shadow: 0 10px 24px rgba(16,35,31,0.08); transform: translateY(-2px); }

.lz-categorias__icone {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--lz-cor, #9aa6a3) 14%, white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.lz-categorias__nome { font-size: 14.5px; color: #10231f; }
.lz-categorias__qtd { font-size: 12.5px; color: #7c8b89; margin-bottom: 6px; }
.lz-categorias__badge {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--lz-cor, #33413e);
  background: color-mix(in srgb, var(--lz-cor, #9aa6a3) 12%, white);
  padding: 3px 10px;
  border-radius: 20px;
  margin-bottom: 8px;
}
.lz-categorias__barra {
  width: 26px;
  height: 3px;
  border-radius: 3px;
  background: var(--lz-cor, #9aa6a3);
}

.lz-categorias__card--todas { background: #fafbfa; border-style: dashed; }
.lz-categorias__card--todas .lz-categorias__icone { background: #eef1f0; }

@media (max-width: 1024px) {
  .lz-categorias__grade { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .lz-categorias__grade { grid-template-columns: repeat(2, 1fr); }
  .lz-categorias__cabecalho { flex-direction: column; }
  .lz-guia09__grade { gap: 6px; }
  .lz-guia09__letra { width: 30px; height: 30px; font-size: 12px; }
}