/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */
 
.home-carousel-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); 

  margin-top: -80px;
}

#home-carousel-images {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;

  overflow-x: hidden;
  overflow-y: hidden;
  
  cursor: grab;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  user-select: none;
}

#home-carousel-images img {
  flex: 0 0 100%;
  max-width: 100%;
  height: auto;

  user-select: none;
  pointer-events: none;
  scroll-snap-align: center;
}

#home-carousel-images:active {
  cursor: grabbing;
}

.home-carousel-slider-mobile {
  display: none;
}

.arrow-down {
  width: 50px;
  height: 50px;
  background-color: #3b1f1b; /* marrom escuro */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute; /* use relative no container pai */
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px; /* metade do tamanho para sobrepor */
  cursor: pointer;
}

.arrow-down span {
  width: 12px;
  height: 12px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

@media (max-width: 768px) {
  .home-carousel-slider-mobile {
    display:flex
  }

  .home-carousel-slider {
    display:none
  }
}