/* FEMAC 2026 — Premium V12: silhueta cinematográfica e revelação em tempo real */

/* ===== Line-up público ===== */
.attractions-live-section{position:relative;overflow:hidden}
.atracoes-grid--live{transition:opacity .22s ease,transform .22s ease}
.atracoes-grid--live.is-updating{opacity:.42;transform:translateY(5px)}
.attractions-live-note{margin:18px 0 0;color:rgba(244,236,227,.58);font-size:.72rem;text-align:center}
.attractions-live-note.is-active{color:#ffc7a9}

/* Cards com leve sensação de elevação */
.atracao{box-shadow:0 18px 46px rgba(0,0,0,.22)}
.atracao .foto{isolation:isolate}
.atracao .foto--revelada img{transform:translateY(-5px) scale(1.025)!important;transition:transform .35s ease,filter .35s ease}
.atracao:hover .foto--revelada img{transform:translateY(-10px) scale(1.045)!important}

/* Mistério cinematográfico: cenário visível, identidade protegida */
.atracao--misterio{
  background:linear-gradient(180deg,#171821 0%,#111219 100%)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.atracao--misterio .foto--silhueta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 23%,rgba(242,153,92,.22),transparent 25%),
    radial-gradient(circle at 50% 64%,rgba(85,57,116,.20),transparent 54%),
    linear-gradient(180deg,#171217 0%,#090a0f 100%)!important;
}
.atracao--misterio .misterio-ambiente{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 10% 25%,rgba(255,187,96,.18),transparent 17%),
    radial-gradient(circle at 88% 38%,rgba(255,139,73,.13),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 35%);
  pointer-events:none;
}
.atracao--misterio .foto--silhueta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    linear-gradient(90deg,rgba(5,6,10,.91) 0%,rgba(5,6,10,.48) 15%,rgba(5,6,10,.10) 48%,rgba(5,6,10,.48) 85%,rgba(5,6,10,.91) 100%),
    linear-gradient(180deg,rgba(4,5,9,.30) 0%,rgba(4,5,9,.08) 34%,rgba(4,5,9,.22) 56%,rgba(4,5,9,.76) 100%);
  pointer-events:none;
}
.atracao--misterio .foto--silhueta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:
    radial-gradient(ellipse at 50% 23%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.64) 17%,rgba(0,0,0,.08) 36%,transparent 48%),
    linear-gradient(180deg,transparent 48%,rgba(5,6,10,.20) 66%,rgba(5,6,10,.78) 100%)!important;
  pointer-events:none;
}
.foto img.silhueta-fx,
.atracao .foto img.silhueta-fx{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.34) sepia(.20) saturate(.74) brightness(.58) contrast(1.24) blur(1.3px)!important;
  opacity:.78!important;
  transform:scale(1.075)!important;
  animation:femacMysteryFloat 6.6s ease-in-out infinite;
  transform-origin:50% 58%;
  user-select:none;
  -webkit-user-drag:none;
}
.atracao--misterio .misterio-face-shield{
  position:absolute;
  z-index:5;
  left:25%;
  right:25%;
  top:4%;
  height:34%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.88) 0%,rgba(0,0,0,.68) 32%,rgba(0,0,0,.25) 58%,transparent 76%);
  filter:blur(10px);
  pointer-events:none;
}
.atracao--misterio .silhueta-glow{
  position:absolute;
  z-index:6;
  inset:auto 17% 8% 17%;
  height:40%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(236,139,75,.16),transparent 70%);
  filter:blur(22px);
  pointer-events:none;
}
.atracao--misterio .info{position:relative;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(23,24,33,.98),rgba(16,17,24,.99))}
.atracao--misterio .misterio-kicker{display:block;margin-bottom:.38rem;color:#ffb48f!important;font-size:.64rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.atracao--misterio .info h3{margin:0;color:#fff!important;font-size:1.34rem!important}
.atracao--misterio .info .bio{color:#ddd4cb!important;font-size:.81rem!important;line-height:1.58}

@keyframes femacMysteryFloat{
  0%,100%{transform:translateY(2px) scale(1.075)}
  50%{transform:translateY(-7px) scale(1.09)}
}

/* Foto da página individual mais suspensa */
.atracao-foto-principal{animation:femacAttractionFloat 6.2s ease-in-out infinite!important}
@keyframes femacAttractionFloat{
  0%,100%{transform:translateY(-10px)}
  50%{transform:translateY(-19px)}
}
.atracao-foto-float:hover .atracao-foto-principal{animation-play-state:paused;transform:translateY(-22px)!important}

/* ===== Painel administrativo: mudança ao vivo ===== */
.admin-switch-row--live{border-color:#c6dfd1!important;background:linear-gradient(145deg,#fff,#f4fbf7)!important}
.admin-switch-row--live small{color:#317056!important}
.admin-live-state{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #dde1e6;border-radius:13px;background:#f7f8fa;color:#555c66}
.admin-attraction-card.is-revealed .admin-live-state{border-color:#bfe0ce;background:#eff9f4;color:#1e694a}
.admin-live-state__icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e4e7eb;color:#6b717a;font-size:.75rem}
.admin-attraction-card.is-revealed .admin-live-state__icon{background:#d1edde;color:#16704c;box-shadow:0 0 0 5px rgba(35,151,99,.08)}
.admin-live-state>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.admin-live-state strong{font-size:.69rem}.admin-live-state small{color:inherit;font-size:.58rem;line-height:1.4;opacity:.82}
.admin-live-state-button{display:inline-flex!important;align-items:center;gap:7px!important}
.admin-live-state-button.is-loading{opacity:.62;pointer-events:none}
.admin-live-state-dot{width:8px;height:8px;border-radius:50%;background:#8b9098;box-shadow:0 0 0 4px rgba(139,144,152,.10)}
.admin-live-state-button.is-on .admin-live-state-dot{background:#1f9a68;box-shadow:0 0 0 4px rgba(31,154,104,.12)}
.admin-attraction-thumb.is-silhouette{position:relative;overflow:hidden;background:#0c0e13}
.admin-attraction-thumb.is-silhouette::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 24%,rgba(0,0,0,.72),transparent 42%),linear-gradient(90deg,rgba(5,6,9,.65),transparent 28%,transparent 72%,rgba(5,6,9,.65));pointer-events:none}
.admin-attraction-thumb.is-silhouette img{filter:grayscale(.3) sepia(.16) brightness(.55) contrast(1.2) blur(1px)!important;opacity:.78!important;transform:scale(1.08)}
.admin-live-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:min(390px,calc(100vw - 32px));padding:14px 16px;border:1px solid #b9ddc9;border-radius:15px;background:#effaf4;color:#185f43;box-shadow:0 18px 48px rgba(20,34,27,.22);font-size:.72rem;font-weight:800;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.admin-live-toast.is-visible{opacity:1;transform:translateY(0)}
.admin-live-toast.is-error{border-color:#ecc6c3;background:#fff1ef;color:#8b2d27}

@media(max-width:680px){
  .atracao--misterio .misterio-face-shield{left:22%;right:22%;top:3%;height:35%}
  .admin-live-toast{right:16px;bottom:16px;left:16px;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .foto img.silhueta-fx,.atracao .foto img.silhueta-fx,.atracao-foto-principal{animation:none!important}
}