.slider {
  display: flex;
  /* overflow-x: auto; */
  /* white-space: nowrap; */
  padding: 10px 0;
  flex-wrap: wrap;
  scrollbar-width: thin; /* Para Firefox */
  scrollbar-color: #0a0 #000; /* Para Firefox */
  gap: 20px;
  justify-content: flex-start;
}

.slider.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

/* Estilo da barra de rolagem para navegadores WebKit */
.slider::-webkit-scrollbar {
  height: 12px; /* Altura da barra de rolagem */
}

.slider::-webkit-scrollbar-track {
  background: #000; /* Cor da área de fundo da barra de rolagem */
  border-radius: 10px;
}

.slider::-webkit-scrollbar-thumb {
  background: #0a0; /* Cor da barra de rolagem */
  border-radius: 10px;
}

.slider::-webkit-scrollbar-thumb:hover {
  background: #0a0; /* Cor da barra de rolagem quando o mouse está sobre ela */
}



/* Estilo das imagens do slider */
:not(.grid) .slide {
  /* transition: all 300ms;
  overflow: hidden;
  position: relative; */
  /* max-width: 280px;
  min-height: 100px; */
  /* min-width: 300px;
  max-width: 300px; */
  /* width: 20%;
  min-height: 180px;
  max-height: 180px; */
  /* border: 4px solid transparent; */
  /* border-radius: 12px;
  text-align: center;
  transition: all 800ms; */
  /* background: #fff; */
  /* flex: 1 1 calc(33.333% - 20px); */
}

.grid .slide {
  position: relative;
  transition: all 300ms;
  overflow: hidden;
  border-radius: 12px;
  text-align: center;
  transition: all 800ms;
}

.slide:hover {
  transform: scale(1.05);
  background: #0a0;
}

.slide.last {
  background: #fff4;
}

.slide:hover {
  border-color: #0a0;
}

.slide:hover .slide-title {
  background: #0a0;
  transition: all 300ms;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Link "Ver todos" */
.slider .slide a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  transition: all 1000ms;
}

.slider .slide:not(.last) a:hover {
  color: #000;
}

.slider .slide.last a:hover {
  transform: scale(1.1);
}

.slide-title {
  position: absolute;
  bottom: 0;
  background: #000d;
  width: 100%;
  z-index: 999;
  margin: 0;
  padding: 8px;

  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.slider-title {
  position: relative;
  font-weight: normal;
  color: #ddd;
  display: inline-block;
  margin-top: 40px;
}

.slider-title a {
  color: #ddd !important;
}

.slider-title.link::before {
  font-family: FontAwesome;

  content: '\f054'; /* Símbolo da seta */
  position: absolute;
  right: -2em; /* Espaço da seta do título */
  margin-top: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75em;
  color: #fff3;
  transition: color 0.3s ease; /* Transição suave para a cor da seta */
}

.slider-title:hover::before {
  color: #fff;
}

@media screen and (max-width: 1270px) {
  .slider.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 728px) {
  /* .slider .slide {
    width: 100%;
  } */

  .slider.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .slider.grid {
    grid-template-columns: 1fr;
  }
}