/* Foil holográfico intenso para Singles */
.single-image-surface{position:relative;display:inline-block;vertical-align:middle;isolation:isolate;line-height:0;overflow:hidden;border-radius:7px;max-width:100%;background:#111;}
.single-image-surface img{display:block;position:relative;z-index:0;max-width:100%;height:auto;}
.single-thumb-button.single-foil,.single-zoom-surface.single-foil{position:relative;}
.single-thumb-button.single-foil .single-image-surface,
.single-zoom-surface.single-foil{
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 2px rgba(0,229,255,.18),0 10px 24px rgba(0,0,0,.18);
}
.single-thumb-button.single-foil .single-image-surface::before,
.single-zoom-surface.single-foil::before{
  content:"";position:absolute;inset:-12% -45%;pointer-events:none;z-index:2;border-radius:inherit;
  background:linear-gradient(125deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,.12) 38%,
    rgba(255,255,255,.50) 46%,
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,.50) 54%,
    rgba(255,255,255,.12) 62%,
    rgba(255,255,255,0) 72%,
    rgba(255,255,255,0) 100%);
  mix-blend-mode:screen;opacity:.52;transform:translateX(-86%) rotate(10deg);
  animation:fckSinglesFoilSweep 4.2s linear infinite;
}
.single-thumb-button.single-foil .single-image-surface::after,
.single-zoom-surface.single-foil::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;
  background:
    radial-gradient(circle at 16% 20%, rgba(0,229,255,.42) 0%, rgba(0,229,255,0) 34%),
    radial-gradient(circle at 82% 16%, rgba(255,213,0,.30) 0%, rgba(255,213,0,0) 30%),
    radial-gradient(circle at 18% 82%, rgba(0,255,168,.28) 0%, rgba(0,255,168,0) 30%),
    linear-gradient(135deg,
      rgba(0,229,255,.48) 0%,
      rgba(123,44,255,.36) 18%,
      rgba(255,43,194,.34) 36%,
      rgba(255,213,0,.28) 58%,
      rgba(0,255,168,.30) 78%,
      rgba(0,229,255,.46) 100%);
  background-size:140% 140%,130% 130%,135% 135%,260% 260%;
  background-position:0% 0%,100% 0%,0% 100%,0% 50%;
  mix-blend-mode:screen;opacity:.42;filter:saturate(1.55) contrast(1.06);
  animation:fckSinglesFoilHue 5.6s ease-in-out infinite;
}
.single-thumb-button.single-foil:hover .single-image-surface::before,
.single-thumb-button.single-foil:focus-visible .single-image-surface::before,
.single-zoom-surface.single-foil:hover::before{opacity:.72;animation-duration:2.7s;}
.single-thumb-button.single-foil:hover .single-image-surface::after,
.single-thumb-button.single-foil:focus-visible .single-image-surface::after,
.single-zoom-surface.single-foil:hover::after{opacity:.56;filter:saturate(1.75) contrast(1.08);}
@keyframes fckSinglesFoilSweep{
  0%{transform:translateX(-86%) rotate(10deg);opacity:.18;}
  12%{opacity:.56;}
  45%{opacity:.75;}
  65%{opacity:.52;}
  100%{transform:translateX(92%) rotate(10deg);opacity:.08;}
}
@keyframes fckSinglesFoilHue{
  0%,100%{background-position:0% 0%,100% 0%,0% 100%,0% 50%;opacity:.34;}
  50%{background-position:45% 18%,78% 22%,20% 70%,100% 50%;opacity:.48;}
}
.single-thumb-button .single-image-surface img{width:58px;height:81px;object-fit:contain;}
.single-table-wrap.is-grid .single-thumb-button .single-image-surface img{width:auto;height:220px;max-width:100%;object-fit:contain;}
#singleImageFaces .single-zoom-surface{display:inline-block;border-radius:16px;overflow:hidden;}
#singleImageFaces .single-zoom-surface img{max-width:100%;width:360px;max-height:73dvh;object-fit:contain;border-radius:16px;}
@media(max-width:650px){.single-thumb-button .single-image-surface img{width:54px;height:76px;}}
@media(max-width:520px){.single-table-wrap.is-grid .single-thumb-button .single-image-surface img{height:auto;width:100%;max-height:145px;aspect-ratio:5/7;}}
@media(prefers-reduced-motion:reduce){.single-thumb-button.single-foil .single-image-surface::before,.single-thumb-button.single-foil .single-image-surface::after,.single-zoom-surface.single-foil::before,.single-zoom-surface.single-foil::after{animation:none;}.single-thumb-button.single-foil .single-image-surface::before,.single-zoom-surface.single-foil::before{transform:translateX(8%) rotate(10deg);opacity:.42;}.single-thumb-button.single-foil .single-image-surface::after,.single-zoom-surface.single-foil::after{opacity:.40;}}
@media(forced-colors:active){.single-thumb-button.single-foil .single-image-surface::before,.single-thumb-button.single-foil .single-image-surface::after,.single-zoom-surface.single-foil::before,.single-zoom-surface.single-foil::after{display:none;}}