/* =====================================================
   Home — faixa “notebook” (viewport CSS ~1200–1399px, ex. 1366×768)
   Estabiliza carrosséis onde scale + 100vw + 4 colunas estreitas quebram o layout.
   Nota: com escala 125% no Windows, innerWidth ≈ 1093px — cai na faixa tablet (992–1199).
   ===================================================== */

@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* 100vw inclui scrollbar em alguns browsers → micro overflow horizontal */
  .home-explore-artigos__carousel--fullbleed {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  @supports (width: 100dvw) {
    .home-explore-artigos__carousel--fullbleed {
      width: 100dvw;
      max-width: 100dvw;
      margin-left: calc(50% - 50dvw);
      margin-right: calc(50% - 50dvw);
    }
  }

  /* —— Explore artigos: menos scale e altura ligada à viewport real —— */
  .home-explore-artigos__header {
    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
  }

  .swiper-destaques-home {
    padding-top: clamp(1.25rem, 2.5vw, 2rem);
    padding-bottom: clamp(1.5rem, 2.5vw, 2rem);
  }

  .swiper-destaques-home .home-explore-artigos__slide.swiper-slide {
    width: 76%;
    max-width: 820px;
  }

  .swiper-destaques-home .home-explore-artigos__slide.swiper-slide > .home-explore-slide__link {
    transform: scale(0.84);
    transform-origin: center center;
  }

  .swiper-destaques-home .home-explore-artigos__slide.swiper-slide.swiper-slide-active > .home-explore-slide__link {
    transform: scale(1);
    transform-origin: center top;
  }

  .home-explore-slide__media {
    max-height: min(58svh, 58vh, 620px);
    aspect-ratio: 1296 / 827;
  }
}

/* Escala do SO / zoom: viewport lógico < 1200 com monitor “1366” físico */
html[data-home-vp="tablet"] .swiper-destaques-home .home-explore-artigos__slide.swiper-slide > .home-explore-slide__link {
  transform: scale(0.86);
  transform-origin: center center;
}

html[data-home-vp="tablet"] .swiper-destaques-home .home-explore-artigos__slide.swiper-slide.swiper-slide-active > .home-explore-slide__link {
  transform: scale(1);
  transform-origin: center top;
}

html[data-home-vp="tablet"] .home-explore-slide__media {
  max-height: min(62svh, 62vh, 36rem);
}

@media (prefers-reduced-motion: reduce) {
  .swiper-destaques-home .home-explore-artigos__slide.swiper-slide > .home-explore-slide__link,
  .swiper-destaques-home .home-explore-artigos__slide.swiper-slide.swiper-slide-active > .home-explore-slide__link {
    transform: none !important;
  }
}