/* AutoPublisher Pro — Frontend CSS (blocos injetados nos artigos) */

/* ── Caixa de resumo ──────────────────────────── */
.app-excerpt-box {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
  border: 2px solid #bfdbfe;
  border-left: 5px solid #2563eb;
  border-radius: 12px;
  padding: 20px 22px;
  margin: 24px 0 28px;
  box-shadow: 0 2px 8px rgba(37,99,235,.08);
}
.app-excerpt-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; }
.app-excerpt-label {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .8px; color: #2563eb; margin-bottom: 7px;
}
.app-excerpt-text {
  font-size: 15px; line-height: 1.65; color: #1e293b;
  margin: 0 0 10px; font-style: italic;
}
.app-excerpt-meta { font-size: 12px; color: #64748b; }

/* ── Bloco de afiliados ───────────────────────── */
.app-affiliate-block {
  background: #0f172a;
  border-radius: 14px;
  padding: 28px 30px;
  margin: 36px 0 28px;
  text-align: center;
}
.app-affiliate-title { font-size: 20px; font-weight: 800; color: #f8fafc; margin-bottom: 8px; }
.app-affiliate-subtitle { font-size: 14px; color: #94a3b8; margin: 0 0 22px; }
.app-affiliate-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

.app-aff-btn {
  display: inline-flex; align-items: center; gap: 14px;
  padding: 16px 28px; border-radius: 12px;
  text-decoration: none !important;
  transition: transform .18s, box-shadow .18s;
  min-width: 220px;
}
.app-aff-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  text-decoration: none !important;
}
.app-aff-btn--shopee {
  background: linear-gradient(135deg, #ee4d2d 0%, #ff6633 100%);
  box-shadow: 0 4px 16px rgba(238,77,45,.35);
}
.app-aff-btn--shopee .app-aff-store { color: #fff; }
.app-aff-btn--shopee .app-aff-cta   { color: rgba(255,255,255,.85); }

.app-aff-btn--ml {
  background: linear-gradient(135deg, #ffe600 0%, #ffcc00 100%);
  box-shadow: 0 4px 16px rgba(255,204,0,.4);
}
.app-aff-btn--ml .app-aff-store { color: #1a1a1a; }
.app-aff-btn--ml .app-aff-cta   { color: #333; }

.app-aff-icon   { font-size: 28px; flex-shrink: 0; }
.app-aff-content { display: flex; flex-direction: column; align-items: flex-start; }
.app-aff-store  { font-size: 18px; font-weight: 800; line-height: 1.1; }
.app-aff-cta    { font-size: 13px; font-weight: 500; margin-top: 2px; }
.app-affiliate-disclaimer { font-size: 11px; color: #475569; margin-top: 16px; margin-bottom: 0; }

@media (max-width: 600px) {
  .app-affiliate-buttons { flex-direction: column; align-items: center; }
  .app-aff-btn { min-width: 100%; max-width: 320px; }
  .app-excerpt-box { flex-direction: column; gap: 10px; }
}