/*
 * Preserva a orientação escolhida no cadastro.
 * As regras ficam isoladas para não alterar capas horizontais existentes.
 */
body.sp-lancelot .spl-course-card.spl-cover-is-vertical {
  max-width: none;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Capas verticais funcionam melhor como uma prateleira: cinco itens no
 * desktop e seis quando existe largura suficiente. */
body.sp-lancelot-vitrine .swiffy-slider,
body.sp-lancelot-portal .swiffy-slider {
  --swiffy-slider-item-count: 5 !important;
}

@media (min-width: 1600px) {
  body.sp-lancelot-vitrine .swiffy-slider,
  body.sp-lancelot-portal .swiffy-slider {
    --swiffy-slider-item-count: 6 !important;
  }

  body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical {
    flex-basis: calc((100% - 80px) / 6) !important;
    width: calc((100% - 80px) / 6) !important;
    max-width: none !important;
  }
}

@media (min-width: 1100px) and (max-width: 1599px) {
  body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical {
    flex-basis: calc((100% - 64px) / 5) !important;
    width: calc((100% - 64px) / 5) !important;
    max-width: none !important;
  }
}

@media (max-width: 1200px) {
  body.sp-lancelot-vitrine .swiffy-slider,
  body.sp-lancelot-portal .swiffy-slider {
    --swiffy-slider-item-count: 4 !important;
  }
}

@media (max-width: 820px) {
  body.sp-lancelot-vitrine .swiffy-slider,
  body.sp-lancelot-portal .swiffy-slider {
    --swiffy-slider-item-count: 2 !important;
  }
}

@media (max-width: 520px) {
  body.sp-lancelot-vitrine .swiffy-slider,
  body.sp-lancelot-portal .swiffy-slider {
    --swiffy-slider-item-count: 1.2 !important;
  }
}

body.sp-lancelot .spl-course-card.spl-cover-is-vertical .box,
body.sp-lancelot .spl-course-card.spl-cover-is-vertical .spl-course-card__inner,
body.sp-lancelot .spl-course-card.spl-cover-is-vertical a {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sp-lancelot .spl-course-card.spl-cover-is-vertical img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  object-fit: initial !important;
  object-position: center;
  background: var(--spl-surface, #12162c);
}

body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical {
  flex: 0 0 clamp(190px, 18vw, 250px) !important;
  width: clamp(190px, 18vw, 250px) !important;
  max-width: 250px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical > div,
body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical > div > a {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical > div,
body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical > div > a,
body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical img {
  aspect-ratio: auto !important;
}

body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: initial !important;
  object-position: center;
  background: var(--spl-surface, #12162c);
}

@media (max-width: 560px) {
  body.sp-lancelot-aula section.slider1 .slider-container > li.spl-cover-is-vertical {
    flex-basis: min(74vw, 250px) !important;
    width: min(74vw, 250px) !important;
  }
}