/* landing-page/css/extras.css — barra de urgência, marquee de capas, para-quem */

/* barra de urgência (oculta via JS enquanto a data não for definida) */
.urgency-bar {
  background: linear-gradient(90deg, var(--color-accent-deep), var(--color-accent), var(--color-accent-deep));
  color: #171204; text-align: center; padding: 9px var(--section-px);
}
.urgency-bar p { font-size: 13.5px; font-weight: 600; letter-spacing: .02em; }
.urgency-bar em { font-style: italic; font-weight: 700; }
.urgency-bar[hidden] { display: none; }

/* marquee de capas */
.covers { padding: 64px var(--section-px); background: var(--color-bg-raise); border-bottom: 1px solid var(--color-border-soft); }
.covers[hidden] { display: none; }
.covers__title {
  text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .22em;
  text-transform: uppercase; color: var(--color-accent); margin-bottom: 34px;
}
.covers__strip {
  display: flex; gap: 20px; overflow-x: auto; padding-bottom: 12px;
  scrollbar-width: none; justify-content: safe center;
}
.covers__strip::-webkit-scrollbar { display: none; }
.covers__strip img {
  height: 210px; width: auto; border-radius: 4px; flex-shrink: 0;
  box-shadow: 0 12px 30px rgba(0,0,0,.55); border: 1px solid var(--color-border);
  transition: transform .25s;
}
.covers__strip img:hover { transform: translateY(-6px) scale(1.02); }
.covers__note { text-align: center; margin-top: 26px; font-size: 13px; color: var(--color-text-muted); font-style: italic; }

/* para quem é / não é */
#para-quem { background: var(--color-bg-raise); border-top: 1px solid var(--color-border-soft); }
.fit__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 56px; max-width: 940px; margin-inline: auto; }
.fit__col {
  border-radius: var(--radius-md); padding: 34px 32px; border: 1px solid var(--color-border-soft);
}
.fit__col--yes { background: var(--color-bg-gold-dim); border-color: var(--color-accent-deep); }
.fit__col--no  { background: var(--color-bg); }
.fit__col h3 {
  font-family: var(--font-display); font-size: 21px; font-weight: 600; margin-bottom: 20px;
}
.fit__col--yes h3 { color: var(--color-accent); }
.fit__col--no h3 { color: var(--color-text-muted); }
.fit__col li {
  font-size: 14.5px; color: var(--color-text-muted); padding: 10px 0 10px 30px;
  position: relative; border-bottom: 1px dashed var(--color-border-soft);
}
.fit__col li:last-child { border-bottom: none; }
.fit__col--yes li::before { content: "✓"; position: absolute; left: 2px; color: var(--color-accent); font-weight: 700; }
.fit__col--no li::before { content: "✕"; position: absolute; left: 2px; color: #7a6a4a; font-weight: 700; }

@media (max-width: 860px) {
  .fit__grid { grid-template-columns: 1fr; }
  .covers__strip img { height: 170px; }
}