/* ============================================================
   LZ-COMPONENT: HOME / LZ-C08-PREMIUM-VITRINE
============================================================ */

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

.lz-premium {
  font-family: 'Poppins', sans-serif;
  background: #f7f9f8;
  padding: 48px 24px 56px;
  border-top: 1px solid #eef1f0;
}
.lz-premium__inner { max-width: 1200px; margin: 0 auto; }

.lz-premium__cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.lz-premium__titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #10231f;
  margin: 0;
}
.lz-premium__estrela { color: #facc15; }
.lz-premium__ver-todas {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: #16a34a;
  text-decoration: none;
}
.lz-premium__ver-todas:hover { text-decoration: underline; }
.lz-premium__subtitulo { color: #7c8b89; font-size: 13.5px; margin: 6px 0 26px; }

.lz-premium__grade {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

/* ---- Card real da empresa: vira um banner com foto de fundo,
   igual em espírito ao banner CTA ao lado — a imagem vem do campo
   ACF "Imagem de Capa" (imagem_capa) cadastrado na empresa. Se a
   empresa ainda não tiver imagem, fica só o fundo escuro (mesma cor
   base do CTA), sem quebrar o layout. ---- */
.lz-premium__card {
  position: relative;
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  gap: 14px;
  text-decoration: none;
  background-color: #0b1a1e;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  min-height: 190px;
  transition: box-shadow 0.15s, transform 0.15s;
}
.lz-premium__card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(6,14,13,0.65), rgba(6,14,13,0.35));
}
.lz-premium__card > * { position: relative; z-index: 1; }
.lz-premium__card:hover { box-shadow: 0 10px 24px rgba(16,35,31,0.25); transform: translateY(-2px); }

.lz-premium__topo {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.lz-premium__selo {
  background: linear-gradient(160deg, #f7d774, #d9a441);
  color: #3a2504;
  font-size: 9px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
.lz-premium__divisor { color: rgba(255,255,255,0.4); font-size: 13px; }
.lz-premium__nome { font-size: 14px; font-weight: 600; color: #ffffff; }

.lz-premium__botoes {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.lz-premium__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 20px;
  text-decoration: none;
  white-space: nowrap;
}
.lz-premium__btn--whatsapp { background: #16a34a; color: #ffffff; }
.lz-premium__btn--whatsapp:hover { background: #15803d; }
.lz-premium__btn--saibamais { background: #111827; color: #ffffff; }
.lz-premium__btn--saibamais:hover { background: #1f2937; }

.lz-premium__cta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  border-radius: 14px;
  padding: 20px;
  text-decoration: none;
  background-color: #0b1a1e;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.lz-premium__cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(6,14,13,0.3), rgba(6,14,13,0.12));
}
.lz-premium__cta > * { position: relative; z-index: 1; }
.lz-premium__cta:hover { filter: brightness(1.1); }
.lz-premium__cta-icone {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(250,204,21,0.12);
  border: 1.5px solid rgba(250,204,21,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.lz-premium__cta strong { color: #ffffff; font-size: 14px; margin-bottom: 10px; }
.lz-premium__cta-botao {
  background: #facc15;
  color: #3a2504;
  font-size: 12.5px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .lz-premium__grade { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .lz-premium__grade { grid-template-columns: 1fr; }
  .lz-premium__cabecalho { flex-direction: column; align-items: flex-start; }
}