
/* Grid base */
.azp-promos-grid{
  --cols:3;
  display:grid;
  gap:18px;
  grid-template-columns: repeat(var(--cols), minmax(0,1fr));
}
@media (max-width: 980px){
  .azp-promos-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .azp-promos-grid{ grid-template-columns: 1fr; }
}
/* Card */
.azp-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
  display:flex;
  flex-direction:column;
}
.azp-media{ display:block; position:relative; aspect-ratio: 16/9; background:#e2e8f0; }
.azp-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.azp-media-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:38px; }

.azp-body{ padding:16px; display:grid; gap:10px; }
.azp-title{ margin:0; font-size:18px; line-height:1.3; }
.azp-title a{ color:#0f172a; text-decoration:none; }
.azp-title a:hover{ text-decoration:underline; }
.azp-exp{ color:#64748b; font-size:13px; display:flex; align-items:center; gap:8px; }

.azp-company{
  display:inline-flex; align-items:center; gap:10px;
  border:1px solid #e5e7eb; padding:6px 10px 6px 6px; border-radius:999px;
  width:max-content; text-decoration:none; background:#f8fafc;
}
.azp-company .avatar{
  width:28px; height:28px; border-radius:50%; overflow:hidden; background:#fff;
  display:flex; align-items:center; justify-content:center; color:#0f172a;
}
.azp-company .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.azp-company .name{ color:#0f172a; font-weight:700; }
.azp-company:hover{ background:#eef2ff; border-color:#c7d2fe; }

.azp-cta{
  display:inline-flex; justify-content:center; align-items:center; gap:10px;
  padding:10px 14px; border-radius:10px; font-weight:800; text-decoration:none;
  color:#fff; background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 10px 24px rgba(37,99,235,.25);
}
.azp-cta:hover{ transform: translateY(-1px); box-shadow:0 14px 30px rgba(37,99,235,.35); }
