/* BLOCO 12I3 — Correção visual da galeria NFC */
@media(max-width:768px){

  body{
    background-image:
      radial-gradient(circle at 20% 18%, rgba(0,255,130,.12), transparent 28%),
      radial-gradient(circle at 82% 26%, rgba(255,0,50,.18), transparent 30%),
      linear-gradient(180deg,#000,#050505 55%,#000) !important;
    background-size:180% 180%, 170% 170%, 100% 100% !important;
    animation:sp360NfcPageGlow 10s ease-in-out infinite alternate !important;
  }

  .tile-img{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 74% 18%, rgba(0,255,130,.18), transparent 32%),
      radial-gradient(circle at 18% 82%, rgba(255,0,40,.14), transparent 34%),
      linear-gradient(135deg,#070707,#111 52%,#050505) !important;
    min-height:210px !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .tile-img::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    opacity:.28 !important;
    background-image:
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(180deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
    background-size:34px 34px !important;
    animation:sp360NfcGridMove 9s linear infinite !important;
  }

  .tile-img::after{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    width:220px !important;
    height:220px !important;
    right:-92px !important;
    bottom:-95px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(255,0,45,.28), rgba(0,255,130,.11) 44%, transparent 72%) !important;
    filter:blur(2px) !important;
    animation:sp360NfcOrb 7s ease-in-out infinite alternate !important;
    pointer-events:none !important;
  }

  .tile-img img{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:210px !important;
    object-fit:cover !important;
    object-position:center center !important;
    opacity:1 !important;
    filter:brightness(1.06) contrast(1.04) saturate(1.08) !important;
  }

  @keyframes sp360NfcPageGlow{
    from{background-position:0% 10%, 100% 22%, center;}
    to{background-position:18% 24%, 78% 36%, center;}
  }

  @keyframes sp360NfcGridMove{
    from{background-position:0 0;}
    to{background-position:34px 34px;}
  }

  @keyframes sp360NfcOrb{
    from{transform:translate3d(0,0,0) scale(.92); opacity:.42;}
    to{transform:translate3d(-40px,-34px,0) scale(1.18); opacity:.82;}
  }

  @media(prefers-reduced-motion:reduce){
    body,
    .tile-img::before,
    .tile-img::after{
      animation:none !important;
    }
  }
}