/* FEMAC 2026 — Premium V9: atrações com mais mistério e foto flutuante */

/* Cards de atrações ainda não reveladas */
.atracao--misterio .foto--silhueta,
.atracao--misterio .foto--misterio-real{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,162,106,.22),transparent 30%),
    radial-gradient(circle at 50% 58%,rgba(98,71,150,.18),transparent 56%),
    linear-gradient(180deg,#14131a 0,#0b0c12 100%)!important;
}
.atracao--misterio .foto--silhueta::before,
.atracao--misterio .foto--misterio-real::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(9,10,15,.18) 0,rgba(9,10,15,.48) 38%,rgba(6,7,11,.76) 100%),
    radial-gradient(circle at 50% 28%,rgba(255,218,187,.10),transparent 26%),
    radial-gradient(circle at 50% 55%,rgba(12,14,20,.05),rgba(7,8,12,.55) 60%,rgba(5,6,10,.84) 100%);
  pointer-events:none;
}
.atracao--misterio .foto::after{
  z-index:3!important;
  background:linear-gradient(180deg,transparent 40%,rgba(6,7,10,.70))!important;
}
.foto img.silhueta-fx,
.atracao .foto img.silhueta-fx{
  position:relative;
  z-index:1;
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(.22) saturate(.78) brightness(.47) contrast(1.06) blur(2.4px)!important;
  opacity:.62!important;
  transform:scale(1.035);
}
.atracao--misterio .silhueta-glow{
  position:absolute;
  z-index:4;
  inset:auto 14% 10% 14%;
  height:42%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,154,92,.13),transparent 68%);
  filter:blur(22px);
  pointer-events:none;
}
.atracao--misterio .misterio-kicker{color:#ffc8ac!important}
.atracao--misterio .info h3{color:#fff!important}
.atracao--misterio .info .bio{color:#ddd2c7!important}

/* remove revelações indiretas no pager quando não existem atrações reveladas adjacentes */
.atracao-nav-pager .btn{min-width:0}

/* hero chips data/local: reforço visual */
.hero-meta span{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.88rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(180deg,rgba(21,22,31,.86),rgba(18,19,28,.75));box-shadow:0 16px 34px rgba(5,6,10,.22),inset 0 1px 0 rgba(255,255,255,.05)}
.hero-meta span i{font-style:normal;color:#ffcf8a}

@media(max-width:720px){
  .hero-meta span{padding:.78rem 1rem;font-size:.94rem}
}