/* V60 — product-only scene layers. No rail, chapter or home transform is changed. */
#aplicacoes .panel-media.v60-products-media {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
}
#aplicacoes .v60-product-scene {
  --v60-background-x: 0px;
  --v60-background-y: 0px;
  --v60-crop-width: 40%;
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  perspective: 1300px;
  background: #244cff;
  box-shadow: none;
  cursor: zoom-in;
  contain: layout paint;
}
#aplicacoes .v60-products-media > .v60-product-scene {
  position: absolute;
  inset: 0;
}
/* Keep this first image for app.js's existing lightbox source; it is never a visual layer. */
#aplicacoes .v60-product-scene > img.v60-lightbox-source {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
}
#aplicacoes .v60-scene-background {
  position: absolute;
  z-index: -2;
  inset: -6%;
  background: var(--v60-scene-fill, radial-gradient(ellipse at 78% 24%, #36c9ff 0%, #244cff 44%, #06142c 100%));
  transform: translate3d(var(--v60-background-x),var(--v60-background-y),0) scale(1.03);
  pointer-events: none;
}
#aplicacoes .v60-product-scene[data-v60-product="bags"] {
  --v60-scene-fill: radial-gradient(ellipse at 18% 17%, #36c9ff 0%, #244cff 45%, #06142c 100%);
}
#aplicacoes .v60-product-scene[data-v60-product="squeezes"] {
  --v60-scene-fill: radial-gradient(ellipse at 77% 25%, #36c9ff 0%, #244cff 51%, #06142c 100%);
}
#aplicacoes .v60-product-scene[data-v60-product="cadernos"] {
  --v60-scene-fill: radial-gradient(ellipse at 48% 8%, #36c9ff 0%, #244cff 37%, #06142c 100%);
}
#aplicacoes .v60-product-scene[data-v60-product="canetas"] {
  --v60-scene-fill: radial-gradient(ellipse at 83% 74%, #36c9ff 0%, #244cff 47%, #06142c 100%);
}
#aplicacoes .v60-scene-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 60%, #06142c66 100%), linear-gradient(165deg, #f4efe60d 0%, transparent 46%, #06142c33 100%);
  pointer-events: none;
}
#aplicacoes .v60-product-layer {
  --v60-scroll-x: 0px;
  --v60-scroll-y: 0px;
  --v60-scroll-angle: 0deg;
  --v60-pointer-x: 0px;
  --v60-pointer-y: 0px;
  --v60-pointer-rx: 0deg;
  --v60-pointer-ry: 0deg;
  --v60-lift: 0;
  --v60-pose-angle: 0deg;
  position: absolute;
  z-index: 1;
  display: block;
  inset: auto;
  top: 49%;
  left: 27%;
  width: var(--v60-crop-width);
  max-width: 44%;
  height: auto;
  aspect-ratio: 3/4;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform-origin: 50% 55%;
  transform: translate3d(calc(-50% + var(--v60-scroll-x) + var(--v60-pointer-x)),calc(-50% + var(--v60-scroll-y) + var(--v60-pointer-y)),0)
    rotateX(var(--v60-pointer-rx)) rotateY(var(--v60-pointer-ry))
    rotateZ(calc(var(--v60-pose-angle) + var(--v60-scroll-angle))) scale(calc(1 + var(--v60-lift)));
  transition: none;
  backface-visibility: hidden;
}
#aplicacoes .v60-product-layer.v60-product-second {
  left: 73%;
  z-index: 2;
}
#aplicacoes .v60-product-crop {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: transparent;
  pointer-events: auto;
  filter: drop-shadow(0 16px 19px #06142c45);
}
/* 2 × 768×1024 crops from a shared 1536×1024 bitmap, without raster edits. */
#aplicacoes .v60-product-scene .v60-product-crop > img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: fill;
  object-position: center;
  inset-inline-end: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  transform: none;
  transition: none;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}
#aplicacoes .v60-product-second .v60-product-crop > img { left: -100%; }
#aplicacoes .v60-signature-label {
  position: absolute;
  z-index: 4;
  bottom: 3.5%;
  left: 27%;
  transform: translateX(-50%);
  font-family: "Titillium Web", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .1em;
  color: #f4efe6;
  opacity: .9;
  white-space: nowrap;
  pointer-events: none;
}
#aplicacoes .v60-signature-label.v60-label-second { left: 73%; }
#aplicacoes .v60-product-scene:focus-visible {
  outline: 2px solid #f4efe6;
  outline-offset: -7px;
}
#aplicacoes .v60-product-scene.zoom::after { z-index: 5; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
  html.motion-on #aplicacoes .v60-product-scene[data-v60-motion="on"] .v60-product-layer { will-change: transform; }
}
@media (max-width: 900px) {
  #aplicacoes .panel-media.v60-products-media,
  #aplicacoes .panel-media.v60-product-scene {
    height: auto;
    min-height: 0;
    aspect-ratio: 16/10;
  }
  #aplicacoes .v60-signature-label { font-size: 9px; }
}
@media (max-width: 600px) {
  #aplicacoes .panel-media.v60-products-media,
  #aplicacoes .panel-media.v60-product-scene { aspect-ratio: 3/2; }
  #aplicacoes .v60-signature-label { bottom: 4%; font-size: 8px; letter-spacing: .07em; }
}
html.motion-off #aplicacoes .v60-product-layer,
#aplicacoes .v60-product-scene[data-v60-motion="off"] .v60-product-layer {
  transform: translate3d(-50%,-50%,0) rotateZ(var(--v60-pose-angle));
  will-change: auto;
}
html.motion-off #aplicacoes .v60-scene-background,
#aplicacoes .v60-product-scene[data-v60-motion="off"] .v60-scene-background { transform: none; }
@media (prefers-reduced-motion: reduce) {
  #aplicacoes .v60-product-layer {
    transform: translate3d(-50%,-50%,0) rotateZ(var(--v60-pose-angle));
    will-change: auto;
  }
  #aplicacoes .v60-scene-background { transform: none; }
}
@media print {
  #aplicacoes .panel-media.v60-products-media,
  #aplicacoes .panel-media.v60-product-scene { height: 350px !important; aspect-ratio: auto; }
  #aplicacoes .v60-product-layer {
    transform: translate3d(-50%,-50%,0) rotateZ(var(--v60-pose-angle)) !important;
    will-change: auto;
  }
  #aplicacoes .v60-scene-background { transform: none !important; }
}

/* Keep the zoom affordance independent of font glyph coverage. */
#aplicacoes .v60-product-scene.zoom::after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23F4EFE6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 13 5M5 5h8v8'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:18px 18px}