/* ==========================================================================
   NOVIDADES — mobile-first
   ========================================================================== */

.novidades {
  position: relative;
  overflow: hidden;

  padding-block: 70px 60px;
}

.novidades__container {
  position: relative;
  z-index: 2;
}

.novidades__decoracao {
  position: absolute;
  inset: 0;
  z-index: 0;

  width: 100%;
  height: 100%;
  min-width: 1200px;

  pointer-events: none;
}

.novidades__header {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;

  margin-bottom: 2rem;
}

.novidades__subtitulo {
  margin: 0 0 0.3rem;

  color: var(--color-primary);
  font-size: 0.95rem;
  font-weight: 500;
}

.novidades__titulo {
  max-width: 23rem;
  margin: 0;

  color: var(--color-text);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.05;
}

.novidades__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  padding: 0.75rem 1.5rem;

  border-radius: 2rem;
  background: var(--color-secondary);
  color: #fff;

  font-size: 0.85rem;
  font-weight: 700;
  white-space: nowrap;
}

.novidades__link:hover {
  background: var(--color-primary);
  color: #fff;
  transform: translateY(-2px);
}

/* Carrossel */
.novidades__carrossel {
  position: relative;
  z-index: 2;

  margin-inline: -0.5rem;
}

.novidades__item {
  height: auto;
  padding-inline: 0.5rem;
}

.novidades__card {
  position: relative;

  display: flex;
  flex-direction: column;

  height: 430px;
  overflow: hidden;

  border-radius: 0.65rem;
  background: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.novidades__card:hover {
  color: inherit;
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

/* Texto */
.novidades__card-texto {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;

  padding: 1.25rem;
}

.novidades__categoria {
  display: inline-block;
  margin-bottom: 0.5rem;

  color: var(--color-secondary);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.novidades__card-titulo {
  margin: 0 0 0.65rem;

  color: var(--color-primary);
  font-size: clamp(1.3rem, 2.5vw, 1.65rem);
  font-weight: 700;
  line-height: 1.05;
}

.novidades__card-excerpt {
  margin: 0;

  color: var(--color-text);
  font-size: 0.82rem;
  line-height: 1.35;
}

/* Imagem */
.novidades__card-imagem {
  width: 100%;
  overflow: hidden;
}

.novidades__card-imagem img {
  display: block;

  width: 100%;
  height: 190px;

  object-fit: cover;
  transition: transform 0.35s ease;
}

.novidades__card:hover .novidades__card-imagem img {
  transform: scale(1.04);
}

/* Card com imagem em cima */
.novidades__card--imagem-topo {
  flex-direction: column;
}

.novidades__card--imagem-topo .novidades__card-imagem {
  order: -1;
}

.novidades__card--imagem-topo .novidades__card-texto {
  order: 1;
}

/* Card com imagem na base */
.novidades__card--imagem-base {
  flex-direction: column;
}

.novidades__card--imagem-base .novidades__card-texto {
  order: 1;
}

.novidades__card--imagem-base .novidades__card-imagem {
  order: 2;
}

/* Setas */
.novidades .slick-prev,
.novidades .slick-next {
  position: absolute;
  top: 50%;
  z-index: 5;

  width: 36px;
  height: 42px;
  margin-top: 0;
  padding: 0;

  transform: translateY(-50%);

  border: 0;
  background: transparent;
  font-size: 0;
  line-height: 0;
}

.novidades .slick-prev {
  left: -2.5rem;
}

.novidades .slick-next {
  right: -2.5rem;
}

.novidades .slick-prev::before,
.novidades .slick-next::before {
  display: none;
}

.novidades .slick-prev::after,
.novidades .slick-next::after {
  content: "";

  position: absolute;
  top: 50%;
  left: 50%;

  width: 20px;
  height: 20px;

  border-top: 5px solid #9b9b9b;
  border-right: 5px solid #9b9b9b;
  border-radius: 2px;
}

.novidades .slick-next::after {
  transform: translate(-65%, -50%) rotate(45deg);
}

.novidades .slick-prev::after {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.novidades .slick-prev:hover::after,
.novidades .slick-next:hover::after {
  border-color: var(--color-primary);
}

.novidades .slick-prev:focus-visible,
.novidades .slick-next:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 4px;
}

/* Dots */
.novidades .slick-dots {
  bottom: -2.5rem;
}

.novidades .slick-dots li button::before {
  color: var(--color-primary);
  opacity: 0.35;
}

.novidades .slick-dots li.slick-active button::before {
  color: var(--color-secondary);
  opacity: 1;
}

/* Tablet */
@media (min-width: 576px) {
  .novidades__header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .novidades__carrossel {
    margin-inline: 0;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .novidades {
    padding-block: clamp(5rem, 8vw, 8rem);
    padding-bottom: calc(var(--section-padding-y) + 3rem);
  }

  .novidades__header {
    margin-bottom: 2.75rem;
  }

  .novidades__carrossel {
    margin-inline: 0;
  }

  .novidades__item {
    padding-inline: 0.75rem;
  }

  .novidades__card {
    height: 360px;
  }

  .novidades__card-imagem img {
    height: 190px;
  }

  .novidades__card-texto {
    padding: 1.25rem;
  }

  .novidades .slick-prev {
    left: -3.25rem;
  }

  .novidades .slick-next {
    right: -3.25rem;
  }
}

/* Reducao de movimento */
@media (prefers-reduced-motion: reduce) {
  .novidades__card,
  .novidades__card-imagem img {
    transition: none;
  }
}