/* ============================================================
   LZ-COMPONENT: HOME / LZ-C06-CTA-BANNERS
============================================================ */

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

.lz-ctabanners {
  font-family: 'Poppins', sans-serif;
  background: #0b1a1e;
  padding: 44px 24px;
}
.lz-ctabanners__inner { max-width: 1200px; margin: 0 auto; }

.lz-ctabanners__titulo {
  text-align: center;
  color: #f4f7f6;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 26px;
}
.lz-ctabanners__titulo span { color: #4ade80; font-weight: 800; }

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

.lz-ctabanners__card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 14px;
  text-decoration: none;
  transition: filter 0.15s, transform 0.15s;
}
.lz-ctabanners__card:hover { filter: brightness(1.08); transform: translateY(-2px); }

.lz-ctabanners__card--verde { background: linear-gradient(135deg, #22c55e, #16a34a); }
.lz-ctabanners__card--ciano { background: linear-gradient(135deg, #22b8b0, #0f8f89); }
.lz-ctabanners__card--laranja { background: linear-gradient(135deg, #f5a623, #ea580c); }

.lz-ctabanners__icone {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lz-ctabanners__texto { display: flex; flex-direction: column; gap: 3px; }
.lz-ctabanners__texto strong { color: #ffffff; font-size: 15px; }
.lz-ctabanners__texto small { color: rgba(255,255,255,0.85); font-size: 12.5px; line-height: 1.4; }

@media (max-width: 860px) {
  .lz-ctabanners__grade { grid-template-columns: 1fr; }
}