/* Category banner rules recovered from the supplied Apostas Esportivas archive. */
.categoryShow section.banner { background: #000; color: #fff; }
.categoryShow section.banner .bg { background: url('/assets/images/markets/apostas_esportivas.webp') center right / cover no-repeat; }
.categoryShow section.banner .breadcrumbs { padding-top: 25px; }
.categoryShow .breadcrumbs ul { display: flex; flex-wrap: wrap; gap: 8px 0; }
.categoryShow .breadcrumbs ul li { padding: 0 10px; border-right: 1px solid currentColor; font-size: .85rem; line-height: 1.2; }
.categoryShow .breadcrumbs ul li:first-child { padding-left: 0; }
.categoryShow .breadcrumbs ul li:last-child { border: 0; font-weight: 600; }
.categoryShow section.banner .breadcrumbs ul li { border-color: #fff; }
.categoryShow section.banner .wrapper { display: flex; flex-direction: column; justify-content: center; min-height: 300px; padding: 55px 0; background: linear-gradient(90deg, #000, rgba(0,0,0,.5) 10%, rgba(0,0,0,.2) 90%, #000); }
.categoryShow section.banner .wrapper .title { max-width: 55%; margin: 0; padding: 0; text-align: left; }
.categoryShow section.banner .wrapper .title h1 { margin: 0 0 16px; color: #fff; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.2; }
.categoryShow section.banner .wrapper .title .description { min-height: 0; margin: 0; font-size: 1rem; line-height: 1.6; }
.categoryShow .listContent.highlight { margin-top: 0; padding: 32px 0; }
.categoryShow .listContent .header .filters { display: flex; justify-content: center; }
.categoryShow .listBrands .brands.grid > .brandQuick > .item > .logo > .visit-trigger { height: 75px; }
.categoryShow .brandQuick > .item > .logo img { max-width: 80%; max-height: 75px; }
.categoryShow .bodyContent { max-width: 900px; padding: 20px 0 40px; margin-inline: auto; }
.categoryShow .bodyContent p { margin-bottom: 16px; }
.categoryShow:not(.bonusPage) .bodyContent h2 { margin: 32px 0 16px; font-size: 28px; line-height: 1.3; }
.categoryShow:not(.bonusPage) .bodyContent > h2:first-child { margin-top: 0; }
.categoryShow:not(.bonusPage) .bodyContent :is(h3, h4) { margin: 24px 0 12px; font-size: 20px; line-height: 1.4; }
.categoryShow .bodyContent .listBullet { padding-left: 24px; }
.categoryShow .bodyContent .listBullet li { list-style: disc; margin-bottom: 6px; }
@media (max-width: 768px) {
  .categoryShow:not(.bonusPage) .bodyContent h2 { font-size: 24px; }
  .categoryShow section.banner .wrapper { min-height: 230px; padding: 32px 0; }
  .categoryShow section.banner .wrapper .title { max-width: 100%; }
  .categoryShow .listContent .header .filters ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 420px; }
  .categoryShow .listContent .header .filters li { width: auto; min-width: 0; }
  .categoryShow .listContent .header .filters li button { padding-inline: 12px; }
}