/* FEMAC 2026 — Premium V10: flutuação reforçada e silhueta mais elegante */

/* Foto principal da atração: mais flutuante e integrada ao fundo */
.atracao-foto-shell{position:relative;padding-bottom:12px}
.atracao-foto-float{position:relative;margin:0;border-radius:26px;overflow:visible;transform:translateZ(0)}
.atracao-foto-float::before{
  content:"";
  position:absolute;
  inset:8% -10% -2% -10%;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,145,74,.24), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(83,58,132,.24), transparent 54%);
  filter:blur(34px);
  opacity:1;
  pointer-events:none;
}
.atracao-foto-float::after{
  content:"";
  position:absolute;
  left:10%; right:10%; bottom:-22px;
  height:44px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,0,0,.56), rgba(0,0,0,0) 72%);
  filter:blur(18px);
  pointer-events:none;
}
.atracao-foto-aura{position:absolute;inset:8% -10% 6% -10%;border-radius:32px;background:radial-gradient(circle at 50% 34%,rgba(255,146,77,.18),transparent 34%),radial-gradient(circle at 50% 56%,rgba(75,50,110,.22),transparent 58%);filter:blur(28px);opacity:.98;pointer-events:none}
.atracao-foto-principal{
  position:relative;
  display:block;
  width:100%;
  border-radius:24px;
  transform:translateY(-10px);
  box-shadow:0 38px 90px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.06);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.88) 8%,#000 18%,#000 82%,rgba(0,0,0,.88) 92%,transparent 100%),linear-gradient(180deg,rgba(0,0,0,.96) 0,#000 12%,#000 88%,rgba(0,0,0,.94) 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.88) 8%,#000 18%,#000 82%,rgba(0,0,0,.88) 92%,transparent 100%),linear-gradient(180deg,rgba(0,0,0,.96) 0,#000 12%,#000 88%,rgba(0,0,0,.94) 100%);
  transition:transform .35s ease, box-shadow .35s ease;
}
.atracao-foto-float:hover .atracao-foto-principal{transform:translateY(-15px);box-shadow:0 46px 106px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08)}

/* Cards de atrações reveladas: leve flutuação visual na foto */
.atracao .foto img{transform:translateY(-4px) scale(1.02);transition:transform .32s ease, filter .32s ease}
.atracao:hover .foto img{transform:translateY(-8px) scale(1.04)}

/* Mistério: manter forma real, mas rosto quase invisível e laterais confundidas com o fundo */
.atracao--misterio .foto--silhueta,
.atracao--misterio .foto--misterio-real{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,155,92,.14), transparent 24%),
    radial-gradient(circle at 50% 70%, rgba(82,59,128,.18), transparent 48%),
    linear-gradient(180deg, #12131a 0%, #090b10 100%)!important;
}
.atracao--misterio .foto--silhueta::before,
.atracao--misterio .foto--misterio-real::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg, rgba(5,6,10,.90) 0%, rgba(5,6,10,.48) 18%, rgba(5,6,10,.16) 50%, rgba(5,6,10,.48) 82%, rgba(5,6,10,.90) 100%),
    linear-gradient(180deg, rgba(5,6,10,.76) 0%, rgba(5,6,10,.16) 24%, rgba(5,6,10,.34) 58%, rgba(5,6,10,.84) 100%),
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.04), rgba(255,255,255,0) 18%),
    radial-gradient(circle at 50% 46%, rgba(12,13,20,0), rgba(12,13,20,.36) 46%, rgba(12,13,20,.74) 70%, rgba(12,13,20,.94) 100%);
  pointer-events:none;
}
.atracao--misterio .foto::after{z-index:3!important;background:linear-gradient(180deg,rgba(5,6,10,.12) 0%, rgba(5,6,10,.08) 26%, rgba(5,6,10,.58) 100%)!important}
.foto img.silhueta-fx,
.atracao .foto img.silhueta-fx{
  position:relative;
  z-index:1;
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(.42) sepia(.18) saturate(.64) brightness(.34) contrast(1.08) blur(5px)!important;
  opacity:.42!important;
  transform:translateY(-2px) scale(1.11)!important;
}
.atracao--misterio .silhueta-glow{
  position:absolute;
  z-index:4;
  inset:auto 17% 10% 17%;
  height:36%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(239,154,92,.10), transparent 72%);
  filter:blur(24px);
  pointer-events:none;
}

/* Sem navegação inferior revelando nomes */
.atracao-nav-pager{display:none!important}

@media(max-width:720px){
  .atracao-foto-principal{max-width:430px;margin:0 auto;transform:translateY(-6px)}
  .atracao-foto-float:hover .atracao-foto-principal{transform:translateY(-9px)}
}