/* Galeria Section */
        .gallery-section {
            width: 100%;
            padding: 2rem 2rem;
            background: #f9f0ec;
        }

        /* Carrossel Container */
        .carousel-container {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
            padding: 10px 0px 10px 0px;
        }

        .carousel-wrapper {
            position: relative;
            overflow: hidden;
            background: transparent;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .carousel-slide {
            min-width: 100%;
            position: relative;
            background: transparent;
        }

        /* Galeria 1 - Plantas (1 por vez) */
        .plants-slide {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 2rem 2rem 0;
        }

        .plants-slide .image-container {
            position: relative;
            cursor: pointer;
            overflow: hidden;
            border-radius: 8px;
            max-width: 100%;
            width: auto;
        }

        .plants-slide img {
            width: 100%;
            height: 400px;
            max-height: 60vh;
            object-fit: contain;
            transition: transform 0.3s ease;
            display: block;
        }

        .plants-slide:hover img {
            transform: scale(1.02);
        }

        /* Galeria 2 - Fotos (múltiplas por slide) */
        .photos-container {
            display: flex;
            transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .photos-slide {
            width: 25%;
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            padding: 1rem !important;
            flex-shrink: 0;
        }

        .photo-item {
            position: relative;
            cursor: pointer;
            overflow: hidden;
            border-radius: 8px;
            background: white;
        }

        .photo-item .image-container {
            position: relative;
            height: 280px;
            overflow: hidden;
        }

        .photo-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .photo-item:hover img {
            transform: scale(1.05);
        }

        /* Galeria 3 - Vídeos */
        .videos-container {
            display: flex;
            transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .videos-slide {
            min-width: 20%;
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            padding: 2rem 1rem;
            flex-shrink: 0;
        }

        .video-item {
            position: relative;
            background: white;
            cursor: pointer;
            border-radius: 8px;
            overflow: hidden;
        }

 /* Garante que o link e o slide ocupem toda a largura disponível */
.videos-slide,
.video-item,
.video-item .image-container,
[data-fancybox="videos"] {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

/* Thumbnail com proporção 16:9 fixa */
.video-thumbnail {
  position: relative;
  width: 100%;
  height: 0;                  /* importante: altura inicial zero */
  padding-top: 56.25%;        /* 9 / 16 = 0.5625 → cria proporção 16:9 */
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}

/* Play centralizado sobre a imagem */
.video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.video-thumbnail .play-button::before {
  content: "";
  border-left: 18px solid #000;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 4px;
}


        /* Legendas */
        .caption {
            padding: 1rem;
            background: transparent;
            text-align: center;
        }

        .caption h3 {
            font-size: 1rem;
            font-weight: 500;
            color: #c49e7b;
            letter-spacing: 0.01em;
			margin: 0 !important;
        }

        .caption p {
            font-size: 0.95rem;
            color: #A0927D;
            line-height: 1.5;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 0.85rem;
        }

        /* Navegação */
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255,255,255,0.9);
            color: #c49e7b;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 1.2rem;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.7;
        }

        .carousel-nav:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            opacity: 1;
        }

        .carousel-nav.prev {
            left: 2rem;
        }

        .carousel-nav.next {
            right: 2rem;
        }

        /* Bullets */
        .carousel-bullets {
			display: flex;
			justify-content: center;
			gap: 12px;
			margin-top: 0.5rem;
			flex-wrap: wrap;
		}

        .bullet {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(139,115,85,0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .bullet.active {
            background: #B8956A;
            transform: scale(1.2);
        }

        .bullet:hover {
            background: #B8956A;
            transform: scale(1.1);
        }

        /* Custom Fancybox Styles */
        .fancybox__caption {
            background: rgba(0,0,0,0.85) !important;
            color: white !important;
            padding: 1.5rem !important;
            font-size: 1rem !important;
            border-radius: 8px !important;
            margin: 1rem !important;
        }

        .fancybox__caption h3 {
            font-size: 1rem !important;
			color: white !important;
			font-weight: 500 !important;
			line-height: 0;
			margin: 0;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .gallery-title {
                font-size: 2.2rem;
                margin-bottom: 3rem;
            }
            
            .plants-slide {
                padding: 1rem 2rem;
            }
            
            .photos-slide,
            .videos-slide {
                min-width: 50%;
                padding: 1rem;
                gap: 1.5rem;
            }
            
            .carousel-nav {
                width: 45px;
                height: 45px;
                font-size: 1rem;
            }
            
            .carousel-nav.prev {
                left: 1rem;
            }
            
            .carousel-nav.next {
                right: 1rem;
            }

            .caption {
                padding: 1.5rem 1rem;
            }

            .caption h3 {
                font-size: 1.1rem;
            }

            .caption p {
                font-size: 0.8rem;
            }
        }

        @media (max-width: 480px) {
            .gallery-section {
                padding: 4rem 1rem;
            }

            .gallery-title {
                font-size: 1.8rem;
            }

            .plants-slide {
                padding: 1rem;
            }

            .photos-slide,
            .videos-slide {
                min-width: 100%;
            }

            .carousel-nav.prev {
                left: 0.5rem;
            }
            
            .carousel-nav.next {
                right: 0.5rem;
            }
        }

/* Garantir que o carrossel não “vaze” */
.carousel-container { overflow: hidden; }

/* Linha de cards de vídeo */
#videosTrack .videos-container {
  display: flex;
  flex-wrap: nowrap;
}

/* Cada slide ocupa uma fração da largura (3 por view no desktop) */
#videosTrack .videos-slide {
  flex: 0 0 calc((100% - 40px) / 3);   /* 3 cards: 2 gaps de 20px = 40px */
}

/* Tablet: 2 por view */
@media (max-width: 991px) {
  #videosTrack .videos-slide {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

/* Mobile: 1 por view */
@media (max-width: 575px) {
  #videosTrack .videos-slide {
    flex: 0 0 100%;
  }
}

/* Mantém o link e containers no fluxo certo */
.videos-slide,
.video-item,
.video-item .image-container,
[data-fancybox="videos"] {
  display: block;
  width: 100%;
  position: relative;
}

/* --- Já com o 16:9 que você aplicou --- */
.video-thumbnail {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;          /* 16:9 */
  background: #000 center/cover no-repeat;
  border-radius: 8px;
  overflow: hidden;
}

/* Fix botões de navegação do Fancybox */
.fancybox__container .f-button.is-next {
    right: 0 !important;
    left: auto !important;
}
.fancybox__container .f-button.is-prev {
    left: 0 !important;
    right: auto !important;
}

/* Fix botão próximo do Fancybox */
.fancybox__nav .f-button.is-next {
    right: 1rem !important;
    left: auto !important;
}