/* 064 — Ajuste final: agenda do Hero no rodapé esquerdo + faixa rotativa restaurada */

/* Agenda do Hero: fixa visualmente no rodapé esquerdo do Hero, sem herdar transformações antigas. */
.hero-stage .hero{
  position:sticky!important;
  top:0!important;
  isolation:isolate;
}
.hero-stage .hero-copy--schedule,
.hero .hero-copy.hero-copy--schedule,
.hero-copy--schedule.rodagem-hero-schedule-bottom{
  position:absolute!important;
  inset:auto auto clamp(34px, 5.4vh, 74px) clamp(24px, 5vw, 78px)!important;
  width:min(540px, calc(100vw - 48px))!important;
  max-width:540px!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  transform:none!important;
  translate:none!important;
  rotate:0deg!important;
  scale:1!important;
  z-index:16!important;
  pointer-events:none!important;
  opacity:1!important;
  will-change:auto!important;
}
.hero-stage .hero-copy--schedule.reveal,
.hero .hero-copy.hero-copy--schedule.reveal{
  transform:none!important;
  opacity:1!important;
}
.hero-stage .hero-copy--schedule .hero-bottom,
.hero .hero-copy.hero-copy--schedule .hero-bottom{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  transform:none!important;
  translate:none!important;
  pointer-events:auto!important;
}
.hero-stage .hero-copy--schedule .hero-event-stack,
.hero .hero-copy.hero-copy--schedule .hero-event-stack{
  width:100%!important;
  max-width:520px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.hero-stage .hero-copy--schedule .next-event,
.hero .hero-copy.hero-copy--schedule .next-event{
  position:relative!important;
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  opacity:1!important;
  will-change:auto!important;
}

/* Faixa rotativa: texto visível e rotação contínua, mesmo após updates anteriores. */
.hero-stage + .marquee,
.marquee{
  position:relative!important;
  z-index:8!important;
  width:100%!important;
  min-height:76px!important;
  height:76px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:var(--theme-accent, var(--lime, #d7ff35))!important;
  color:var(--theme-button-text, #070907)!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
.marquee-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:100%!important;
  flex:0 0 auto!important;
  animation:rodagem-marquee-064 var(--rodagem-marquee-duration, 18s) linear infinite!important;
  will-change:transform!important;
}
.marquee-group,
.marquee-group-clone{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  animation:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.marquee span,
.marquee-group span,
.marquee-group-clone span{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:var(--theme-button-text, #070907)!important;
  opacity:1!important;
  visibility:visible!important;
  font:700 clamp(1.45rem, 2.4vw, 2.15rem)/1 var(--mono, monospace)!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.marquee:hover .marquee-track{animation-play-state:paused!important;}
@keyframes rodagem-marquee-064{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--marquee-shift, -50%),0,0)}
}

@media (max-width:768px){
  .hero-stage .hero-copy--schedule,
  .hero .hero-copy.hero-copy--schedule,
  .hero-copy--schedule.rodagem-hero-schedule-bottom{
    inset:auto 14px clamp(18px, 4vh, 34px) 14px!important;
    width:auto!important;
    max-width:none!important;
  }
  .marquee{height:58px!important;min-height:58px!important;}
  .marquee span{font-size:1.25rem!important;}
}

@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none!important;transform:none!important;}
}