.brand-suggestion-card.daily-gold-card {
  isolation: isolate;
  overflow: hidden;
  border: 2px solid #eac56a;
  color: #553306;
  text-align: center;
  gap: 6px;
  background: linear-gradient(120deg, #ffedb1, #edbd52, #fff4cc, #dca333, #ffe9a3);
  background-size: 300% 300%;
  animation: gold-flow 9s ease infinite;
  box-shadow: 0 10px 28px #b17b242b, inset 0 0 20px #fff3b3;
}
.daily-gold-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: conic-gradient(from var(--gold-angle), transparent 60%, #fff9dd 75%, #fff 80%, #ffce54 85%, transparent 95%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  animation: gold-border 4s linear infinite;
}
@property --gold-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.daily-gold-label { font-size: 10px; letter-spacing: 2px; font-weight: 800; }
.daily-gold-card .daily-gold-avatar {
  position: relative;
  border-color: #fff2bd;
  background: radial-gradient(circle, #fff9d9, #e5ad3b);
  box-shadow: 0 4px 15px #93600d40;
  margin-top: 0;
}
.daily-gold-avatar img { object-fit: contain; padding: 3px 18px 45px; }
.daily-gold-avatar strong { position: absolute; bottom: 9px; left: 0; right: 0; font-size: 36px; line-height: 1; text-shadow: 0 1px #fff6c5; }
.daily-gold-avatar strong span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-top: 3px; }
.daily-gold-card h3 { margin: 4px 0 0; font-size: 16px; line-height: 1.25; }
.daily-gold-status { margin: 0; font-size: 12px; line-height: 1.35; }
.daily-gold-claim { margin-top: auto; border: 1px solid #6e450b; border-radius: 14px; background: linear-gradient(#654312, #3c2506); color: #fff4cd; font: inherit; font-size: 14px; font-weight: 800; min-height: 43px; cursor: pointer; }
.daily-gold-claim:hover { background: #795012; }
.daily-gold-claim:disabled { opacity: .7; cursor: wait; }
.daily-gold-evolution { margin-top: auto; color: #553306; font-size: 13px; font-weight: 800; padding: 8px; }
.daily-gold-claim:focus-visible, .daily-gold-evolution:focus-visible { outline: 3px solid #4c36b7; outline-offset: 2px; }
@keyframes gold-flow { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes gold-border { to { --gold-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .brand-suggestion-card.daily-gold-card, .daily-gold-card::before { animation: none; } }
.daily-gold-dialog {
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 2px solid #eac56a;
  border-radius: 26px;
  color: #553306;
  background: linear-gradient(135deg, #fff4cb, #edc361, #fff2c1);
  box-shadow: 0 24px 80px #0006, inset 0 0 24px #fff6d2;
  overflow: auto;
}
.daily-gold-dialog::backdrop { background: #141020b3; backdrop-filter: blur(5px); }
.daily-gold-dialog-content { padding: 28px 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.daily-gold-dialog-star { width: 116px; height: 116px; object-fit: contain; }
.daily-gold-dialog h2 { font-size: clamp(22px, 5vw, 28px); line-height: 1.2; margin: 0; }
.daily-gold-dialog p { font-size: 15px; line-height: 1.6; margin: 0; }
.daily-gold-dialog .daily-gold-claim { width: 100%; margin: 0; }
.daily-gold-dialog .daily-gold-evolution { margin: 0; }
.brand-suggestion-card.daily-gold-horizontal {
  width: 100%; height: auto; min-height: 160px; min-width: 0;
  display: grid; grid-template-columns: 88px minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  column-gap: 12px; row-gap: 6px; padding: 14px;
  border-radius: 18px; align-content: center;
}
.daily-gold-horizontal .daily-gold-label { grid-column: 1 / -1; font-size: 9px; }
.daily-gold-card.daily-gold-horizontal .daily-gold-avatar {
  grid-column: 1; grid-row: 2 / 5; width: 88px; height: 88px; min-width: 88px; min-height: 88px; margin: auto;
}
.daily-gold-horizontal .daily-gold-avatar img { padding: 0 10px 28px; margin: 0; display: block; }
.daily-gold-horizontal .daily-gold-avatar strong { font-size: 24px; bottom: 5px; }
.daily-gold-horizontal .daily-gold-avatar strong span { font-size: 8px; margin-top: 1px; }
.daily-gold-horizontal h3 { grid-column: 2; font-size: 14px; margin: 0; }
.daily-gold-horizontal .daily-gold-status { grid-column: 2; font-size: 11px; margin: 0; line-height: 1.4; }
.daily-gold-horizontal .daily-gold-claim { grid-column: 2; font-size: 12px; min-height: 36px; margin: 0; padding: 6px; }
.daily-gold-horizontal .daily-gold-evolution { grid-column: 2; font-size: 12px; margin: 0; padding: 4px; }
#newsGrid .daily-gold-horizontal {
  align-self: stretch; height: 100%; min-height: 0;
  display: flex; flex-direction: column; justify-content: center;
  gap: 14px; padding: 24px; border-radius: 18px;
}
#newsGrid .daily-gold-horizontal .daily-gold-avatar {
  width: 148px; height: 148px; min-width: 148px; min-height: 148px; margin: 0 auto;
}
#newsGrid .daily-gold-horizontal .daily-gold-avatar img { padding: 3px 18px 45px; }
#newsGrid .daily-gold-horizontal .daily-gold-avatar strong { font-size: 36px; bottom: 9px; }
#newsGrid .daily-gold-horizontal .daily-gold-avatar strong span { font-size: 11px; margin-top: 3px; }
#newsGrid .daily-gold-horizontal h3 { font-size: 20px; }
#newsGrid .daily-gold-horizontal .daily-gold-status { font-size: 14px; }
#newsGrid .daily-gold-horizontal .daily-gold-claim { width: 100%; min-height: 44px; font-size: 14px; }
.artigo-conteudo .daily-gold-horizontal { max-width: 600px; margin: 28px auto; }
.artigo-conteudo .daily-gold-horizontal .daily-gold-status { margin: 0; font-size: 13px; text-align: center; }