/* Layout fixes for the archived home page. */
html, body { max-width: 100%; overflow-x: hidden; }
#menuPrincipal, #menuPrincipal-sticky-wrapper { width: 100% !important; height: auto !important; }
#menuPrincipal .container-fluid, #menuPrincipal .menu, #menuPrincipal .menuPrincipal { max-width: 100%; }
.container-cards-modalidades-home-desktop, .div-all-cards-modalidades { max-width: 100%; }
.new-card-modalidades { margin-left: 0; margin-right: 0; }
.card-title-link { color: inherit; text-decoration: none; }
.card-title-link:hover, .card-title-link:focus-visible { color: inherit; text-decoration: underline; }
.new-card-modalidades button, .new-card-modalidades a.btn { min-height: 44px; }
#combos-apostas { scroll-margin-top: 24px; }
#carousel-boxCombos .slick-list { overflow: visible; }
#carousel-boxCombos .slick-track {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 24px;
  width: 100% !important;
  transform: none !important;
}
#carousel-boxCombos .slick-slide {
  float: none;
  width: 100% !important;
  height: auto;
  margin: 0;
}
#carousel-boxCombos .slick-slide > div { height: 100%; }
#carousel-boxCombos .boxCombos { width: 100% !important; margin: 0 auto 24px; }
#carousel-boxCombos .slick-prev, #carousel-boxCombos .slick-next { display: none !important; }
#carousel-boxCombos .boxCombos.is-open > div { transform: rotateY(180deg); }
#carousel-boxCombos .boxCombos button:focus-visible {
  outline: 3px solid #f5a623;
  outline-offset: 2px;
}
.combo-static-notice {
  clear: both;
  margin: 8px 0 0;
  padding: 8px;
  border-radius: 6px;
  background: #fff3d6;
  color: #543c00;
  font-size: 12px;
  line-height: 1.4;
}
@media (prefers-reduced-motion: reduce) {
  #carousel-boxCombos .boxCombos > div { transition: none; }
}
.new-card-modalidades button:focus-visible, .new-card-modalidades a.btn:focus-visible, .card-title-link:focus-visible, #menuPrincipal a:focus-visible, .navbar-toggle:focus-visible {
  outline: 3px solid #f5a623 !important;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  #carousel-boxCombos { margin-top: 0; }
  #carousel-boxCombos .slick-track { grid-template-columns: minmax(0, 1fr); }
  #carousel-boxCombos .boxCombos { max-width: 370px; }
  #menuPrincipal .navbar-header { min-height: 56px; }
  #menuPrincipal .navbar-toggle.sf-hidden {
    display: block !important;
    visibility: visible !important;
    min-width: 44px;
    min-height: 44px;
    margin: 6px 12px;
    float: left;
  }
  #bs-example-navbar-collapse-1 { display: none !important; width: 100%; height: auto !important; }
  #bs-example-navbar-collapse-1.local-menu-open { display: block !important; }
  #bs-example-navbar-collapse-1 .nav, #bs-example-navbar-collapse-1 .nav > li {
    display: block;
    float: none;
    width: 100%;
  }
  #bs-example-navbar-collapse-1 .nav > li > a { display: block; min-height: 44px; padding: 12px 16px; }
  .container-cards-modalidades-home-desktop { display: flex !important; flex-direction: column; align-items: center; }
  .cards-modalidades-home-desktop { display: block !important; float: none; width: 100% !important; max-width: 520px; margin: 0 auto 16px; }
  .div-cards-modalidades-home-mobile:empty { display: none !important; }
  .new-card-modalidades { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
  div.new-card-modalidades { height: auto !important; min-height: 450px; }
  .new-card-modalidades .panel-body { height: auto !important; min-height: 300px; }
  .new-card-modalidades .conteudo-new-card-modalidades { min-width: 0; max-width: 100%; }
  .new-card-modalidades .valor-estimativa-premio { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(20px, 7vw, 28px); }
  .new-card-modalidades button, .new-card-modalidades a.btn { max-width: 100%; white-space: normal; }
  img, video, iframe { max-width: 100%; }
}