/* /events/hub-semanas.css -- topo com cenário de cada semana do hub de Eventos (hub-semanas.js). */
#page-eventos .events-week-group.sem-cena{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;padding:14px 14px 12px;
  border:1px solid var(--border);background:var(--s-900,var(--bg-alt))}
.sem-fundo{position:absolute;inset:0 0 auto 0;height:170px;z-index:-2;pointer-events:none;background:var(--sem-arte,none) center 30%/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,#000 10%,transparent);mask-image:linear-gradient(180deg,#000 10%,transparent)}
.sem-cena::before{content:"";position:absolute;inset:0 0 auto 0;height:170px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,var(--s-900,#0c0f16) 0%,color-mix(in srgb,var(--s-900,#0c0f16) 70%,transparent) 55%,transparent 100%)}
.sem-cortes{position:absolute;inset:0 0 auto 0;height:170px;z-index:-1;pointer-events:none;overflow:hidden}
.sem-cortes i{position:absolute;height:2px;border-radius:2px;transform:rotate(-28deg);
  background:linear-gradient(90deg,transparent,#ff7a2f 35%,#fff 50%,#ff7a2f 65%,transparent);box-shadow:0 0 10px #ff7a2f;opacity:.45}
.sem-cortes i:nth-child(1){width:320px;right:6%;top:40%}
.sem-cortes i:nth-child(2){width:200px;right:24%;top:70%;opacity:.3;height:1.5px}
.sem-cortes i::after{content:"";position:absolute;inset:-3px 0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  transform:translateX(-120%);animation:semBrilho 7s ease-in-out infinite}
.sem-cortes i:nth-child(2)::after{animation-delay:2.2s}
@keyframes semBrilho{0%,70%{transform:translateX(-120%);opacity:0}76%{opacity:1}92%,100%{transform:translateX(420%);opacity:0}}
.sem-cena .hub-group-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sem-agora{display:inline-flex;align-items:center;gap:6px;font:700 15px var(--mono,monospace);letter-spacing:.14em;color:#062a1f;background:#3ddc97;border-radius:999px;padding:3px 10px;
  animation:semPulsa 2s ease-in-out infinite}
@keyframes semPulsa{0%,100%{box-shadow:0 0 0 0 rgba(61,220,151,.55)}50%{box-shadow:0 0 0 7px rgba(61,220,151,0)}}
.sem-cena.sem-hoje{border-color:rgba(61,220,151,.45)}
/* tipo de conta no card do evento */
@media (max-width:640px){.sem-cortes i:nth-child(1){width:200px}.sem-cortes i:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){.sem-cortes i::after,.sem-agora{animation:none}}

/* Recolher a semana: a semana de hoje abre sozinha (vira na quinta) e as outras ficam fechadas; quem quiser abre o card */
.sem-alternar{margin-left:auto;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid rgba(227,179,65,.4);background:rgba(8,12,19,.55);color:var(--t-hi,#f0f3f7);border-radius:999px;padding:6px 14px;font:600 15px var(--body,inherit)}
.sem-alternar:hover{border-color:var(--gold,#e3b341)}
.sem-alternar:focus-visible{outline:2px solid var(--acc,#20d3e0);outline-offset:2px}
.sem-alternar .sem-seta{display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.sem-cena:not(.sem-recolhida) .sem-alternar .sem-seta{transform:rotate(-135deg) translateY(-2px)}
#page-eventos .events-week-group.sem-cena.sem-recolhida > :not(.hub-group-head):not(.sem-fundo):not(.sem-cortes){display:none !important} /* com #page-eventos e !important: o site tem regras com id que mantinham os cards abertos (só o rótulo sumia) */
@media (prefers-reduced-motion:reduce){.sem-alternar .sem-seta{transition:none}}