/* UX mobile especifica do Bolao da Copa. Mantem desktop intacto. */

.gor-bolao-prize-public img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:520px !important;
  object-fit:contain !important;
  padding:14px !important;
  background:#fff !important;
}

@media (max-width: 767px){
  .gor-page-shell:has(.gor-bolao-rules-grid){
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .gor-page-head{
    order:1;
    margin-bottom:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .alert{
    order:2;
    margin-bottom:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .row{
    order:3;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .card.p-3.mb-4{
    order:4;
    margin:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .row > [class*="col-"]{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-bottom:12px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .row > .col-lg-8{
    order:1;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .row > .col-lg-4{
    order:2;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .row .card,
  .gor-page-shell:has(.gor-bolao-rules-grid) > .card.p-3.mb-4{
    border-radius:16px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-8 > .card.p-3{
    padding:12px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-8 > .card.p-3 > .d-flex{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-8 h3{
    font-size:1.25rem !important;
    margin-bottom:2px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-8 p.muted{
    font-size:.86rem !important;
    line-height:1.2 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-8 .btn[type="submit"]{
    width:100% !important;
    min-height:42px !important;
    border-radius:12px !important;
    font-size:.95rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-pager{
    top:62px !important;
    margin:.75rem 0 .45rem !important;
    padding:.45rem .25rem !important;
    border-radius:12px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-tabs{
    margin-bottom:.55rem !important;
    padding-bottom:.35rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-title{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-group-title{
    font-size:1.04rem !important;
    margin-bottom:.5rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-group{
    margin-top:.6rem !important;
    padding-top:.6rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-table-wrap{
    display:none !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixtures{
    overflow:hidden !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixtures-head{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    min-height:42px !important;
    margin:0 !important;
    background:#fff !important;
    border-bottom:1px solid var(--gor-border) !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixtures-head + .gor-bolao-fixture{
    margin-top:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixture-head{
    padding:.8rem .65rem .35rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixture-body{
    padding:.45rem .65rem .6rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-fixture-foot,
  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-watch-row{
    padding-left:.65rem !important;
    padding-right:.65rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-4 > .card{
    margin-bottom:12px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .col-lg-4 > .card:nth-last-child(1){
    margin-bottom:0 !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) > .card.p-3.mb-4 h3{
    font-size:1.2rem !important;
    margin-bottom:.65rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-rules-grid{
    grid-template-columns:1fr !important;
    gap:.55rem !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-rule-section{
    padding:.7rem !important;
    border-radius:12px !important;
  }
}

@media (max-width: 420px){
  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-pager{
    grid-template-columns:36px minmax(0,1fr) 36px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-nav{
    width:36px !important;
    height:36px !important;
  }

  .gor-page-shell:has(.gor-bolao-rules-grid) .gor-bolao-stage-current-title{
    font-size:.98rem !important;
  }
}