/* ==================================================================
   Overrides do CSS legado da Taba para servir SSR.

   O `app.css` original foi escrito para uma SPA que subia dois
   sliders em JS:
     · slick   → faixa de comitentes  (.cont-comitentes .slide-itens)
     · Swiper  → carrosséis de cards  (.swiper01)

   Aqui o conteúdo vem do servidor. O slick não existe no bundle (nunca
   é carregado) e o Swiper vem de CDN externo — se ele não subir, cada
   `.item`/`.swiper-slide` fica com 100% da largura e vira uma caixa
   gigante, uma por linha. Foi o que aconteceu em produção.

   Abaixo os dois viram faixas horizontais em CSS puro. Quando o Swiper
   sobe, ele marca `.swiper-initialized` e estas regras se desligam
   sozinhas (`:not(.swiper-initialized)`) — progressive enhancement.
   ================================================================== */

/* ---- Faixa de comitentes (slick nunca carrega) ---- */
.cont-comitentes .slide-itens {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cont-comitentes .slide-itens::-webkit-scrollbar { display: none; }
.cont-comitentes .slide-itens .item {
  flex: 0 0 200px;
  scroll-snap-align: start;
}
/* As setas do slick não têm o que controlar sem o slick. */
.cont-comitentes .slide-itens .b-x { display: none; }

/* ---- Carrosséis de card, quando o Swiper não subiu ---- */
.swiper01:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.swiper01:not(.swiper-initialized) .swiper-slide {
  flex: 0 0 285px;
  width: 285px !important;
  scroll-snap-align: start;
}
/* Setas do Swiper só fazem sentido com ele vivo. */
.pos-r:has(.swiper01:not(.swiper-initialized)) .swiper-button-next,
.pos-r:has(.swiper01:not(.swiper-initialized)) .swiper-button-prev { display: none; }

@media (max-width: 660px) {
  .cont-comitentes .slide-itens .item { flex-basis: 160px; }
  .swiper01:not(.swiper-initialized) .swiper-slide { flex-basis: 260px; width: 260px !important; }
}