#jardimDeLuzSection { font-family: var(--font-body); }
#jardimDeLuzSection, #jardimDeLuzSection *, #jardimDeLuzSection *::before, #jardimDeLuzSection *::after { box-sizing: border-box; }
#jardimDeLuzSection button { font: inherit; }
#jardimDeLuzSection button, #jardimDeLuzSection .stage { -webkit-tap-highlight-color: transparent; }
#jardimDeLuzSection button:focus-visible, #jardimDeLuzSection .stage:focus-visible { outline: 1px solid #ddb867; outline-offset: 5px; }

#jardimDeLuzSection .gallery {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #f5f1e8;
  transition: background-color .9s ease;
  padding: 4px 0;
}
#jardimDeLuzSection .gallery.theme-dark {
  background: #020509;
}

#jardimDeLuzSection .collection-info { display: none; }

#jardimDeLuzSection .stage { position: relative; height: var(--stage-height, 260px); perspective: 1100px; cursor: grab; touch-action: pan-y; user-select: none; outline-offset: -20px !important; }
#jardimDeLuzSection .stage.is-dragging { cursor: grabbing; }
#jardimDeLuzSection .orbit { position: absolute; top: 44px; left: 50%; transform-style: preserve-3d; }

#jardimDeLuzSection .card { position: absolute; top: 0; left: 0; width: var(--card-width); height: var(--card-height); transform-style: preserve-3d; will-change: transform; }
#jardimDeLuzSection .card-label {
  position: absolute; bottom: calc(100% + 15px); left: -20%; width: 140%; margin: 0;
  text-align: center; color: #05132a; font-family: var(--font-body); font-weight: 400;
  font-size: 10px; letter-spacing: 1.1px; text-transform: uppercase; white-space: nowrap;
  transition: color .9s ease;
}
#jardimDeLuzSection .gallery.theme-dark .card-label { color: #c9d3cc; }
#jardimDeLuzSection .card-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; pointer-events: none; }
#jardimDeLuzSection .reflection { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; height: 100%; opacity: .32; pointer-events: none; mask-image: linear-gradient(to bottom, #000 0%, #0009 36%, transparent 96%); -webkit-mask-image: linear-gradient(to bottom, #000 0%, #0009 36%, transparent 96%); }
#jardimDeLuzSection .reflection img { transform: scaleY(-1); filter: brightness(.85) saturate(.9); }

@media (prefers-reduced-motion: reduce) { #jardimDeLuzSection *, #jardimDeLuzSection *::after { transition: none !important; } }