/* Ajustes responsivos de módulos públicos do portal. */

@media (max-width: 767px){
  .gor-page-shell,
  .gor-page-head{
    min-width:0;
    max-width:100%;
  }

  .gor-page-head{
    overflow:hidden;
  }

  .gor-page-head > *{
    min-width:0;
    max-width:100%;
  }

  .gor-page-head h1,
  .gor-page-head p{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .gor-page-head .gor-stat-pills{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  .gor-page-head .gor-stat-pill{
    width:100%;
    min-width:0;
    height:auto;
    min-height:62px;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    flex-wrap:nowrap;
    padding:9px 10px;
    border-radius:14px;
    line-height:1.05;
    text-align:left;
    white-space:normal;
    overflow:hidden;
    overflow-wrap:anywhere;
  }

  .gor-page-head .gor-stat-pill strong{
    display:block;
    flex:0 0 auto;
    min-width:0;
    font-size:1.18rem;
    line-height:1;
  }
}

@media (max-width: 420px){
  .gor-page-head{
    padding:14px;
  }

  .gor-page-head h1{
    font-size:1.45rem;
  }

  .gor-page-head p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .gor-page-head .gor-stat-pills{
    gap:7px;
  }

  .gor-page-head .gor-stat-pill{
    min-height:58px;
    padding:8px 9px;
    font-size:.82rem;
  }

  .gor-page-head .gor-stat-pill strong{
    font-size:1.08rem;
  }
}

@media (max-width: 991px){
  .gor-bolao-stage-pager{
    position:sticky;
    top:74px;
    z-index:5;
    margin-left:-2px;
    margin-right:-2px;
    padding:.55rem .25rem;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    border-radius:14px;
  }

  .gor-bolao-stage-tabs{
    margin-left:-2px;
    margin-right:-2px;
    padding:.15rem .1rem .45rem;
    scroll-snap-type:x proximity;
  }

  .gor-bolao-stage-tab{
    min-height:42px;
    border-radius:14px;
    scroll-snap-align:start;
  }

  .gor-bolao-group-layout{
    grid-template-columns:1fr;
  }

  .gor-bolao-table-wrap{
    margin-left:-.25rem;
    margin-right:-.25rem;
    padding-bottom:.25rem;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .gor-bolao-standings{
    min-width:720px;
  }

  .gor-bolao-fixtures{
    border:1px solid var(--gor-border);
    border-radius:16px;
    overflow:hidden;
    background:#fff;
  }

  .gor-bolao-fixtures-head{
    position:sticky;
    top:132px;
    z-index:4;
    background:#fff;
  }

  .gor-bolao-fixture{
    border-bottom:1px solid var(--gor-border);
  }

  .gor-bolao-fixture:last-child{
    border-bottom:0;
  }

  .gor-bolao-submit-row{
    position:sticky;
    bottom:0;
    z-index:6;
    margin:1rem -18px -18px;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(243,246,250,0), rgba(243,246,250,.96) 20%, rgba(243,246,250,1));
  }

  .gor-bolao-submit-row .btn{
    width:100%;
  }
}

@media (max-width: 767px){
  .gor-bolao-stage-current-title,
  .gor-bolao-stage-title,
  .gor-bolao-group-title{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.15;
  }

  .gor-bolao-stage-title{
    margin:.2rem 0 .85rem;
  }

  .gor-bolao-group{
    padding-top:.85rem;
    margin-top:.85rem;
  }

  .gor-bolao-fixture-head{
    gap:.25rem;
    padding:.75rem .75rem .45rem;
  }

  .gor-bolao-fixture-date{
    font-size:.95rem;
  }

  .gor-bolao-fixture-body{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:.55rem;
    padding:.45rem .75rem .7rem;
  }

  .gor-bolao-prediction{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:32px minmax(48px,1fr) 18px minmax(48px,1fr) 32px;
    gap:.35rem;
  }

  .gor-bolao-prediction-flag-link,
  .gor-bolao-prediction-flag{
    width:32px;
    height:24px;
  }

  .gor-bolao-score-input{
    width:100%;
    min-width:0;
    min-height:48px;
    font-size:1.05rem;
    border-radius:14px;
  }

  .gor-bolao-score-separator{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .gor-bolao-fixture-foot,
  .gor-watch-row{
    justify-content:flex-start;
    padding-left:.75rem;
    padding-right:.75rem;
    text-align:left;
  }

  .gor-bolao-fixture-foot{
    display:grid;
    grid-template-columns:1fr;
    gap:.35rem;
  }

  .gor-bolao-points-pill{
    width:max-content;
    padding:.25rem .6rem;
    border-radius:999px;
    background:#eef4fb;
    color:var(--gor-blue);
  }

  .gor-watch-pill,
  .gor-alarm-link{
    min-height:36px;
    padding:.35rem .7rem;
  }

  .gor-bolao-invite-actions{
    display:grid !important;
    grid-template-columns:1fr;
    width:100%;
  }

  .gor-bolao-invite-actions .btn{
    width:100%;
  }

  .gor-bolao-prize-thumb{
    width:76px;
    height:58px;
    flex:0 0 auto;
  }

  .gor-bolao-rule-section{
    border-radius:16px;
  }

  .gor-bolao-rule-item{
    align-items:start;
    gap:.55rem;
  }

  .gor-bolao-rule-points{
    justify-self:start;
    width:max-content;
    padding:.2rem .55rem;
    border-radius:999px;
    background:#eef4fb;
  }
}

@media (max-width: 420px){
  .gor-bolao-stage-pager{
    grid-template-columns:40px minmax(0,1fr) 40px;
  }

  .gor-bolao-prediction{
    grid-template-columns:28px minmax(44px,1fr) 16px minmax(44px,1fr) 28px;
    gap:.3rem;
  }

  .gor-bolao-prediction-flag-link,
  .gor-bolao-prediction-flag{
    width:28px;
    height:21px;
  }

  .gor-bolao-score-input{
    min-height:46px;
    padding-left:.25rem;
    padding-right:.25rem;
  }
}

@media (max-width: 767px){
  body .gor-page-shell > .gor-page-head{
    gap:8px !important;
    padding:14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  body .gor-page-shell > .gor-page-head .gor-page-kicker{
    padding:.34rem .62rem !important;
    font-size:.68rem !important;
    line-height:1 !important;
  }

  body .gor-page-shell > .gor-page-head h1{
    font-size:1.34rem !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
  }

  body .gor-page-shell > .gor-page-head p{
    display:-webkit-box !important;
    max-width:100% !important;
    font-size:.88rem !important;
    line-height:1.22 !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    overflow-wrap:anywhere !important;
  }

  body .gor-page-shell > .gor-page-head .gor-stat-pills{
    display:grid !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  body .gor-page-shell > .gor-page-head .gor-stat-pill{
    display:flex !important;
    width:auto !important;
    min-width:0 !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    align-items:flex-start !important;
    justify-content:center !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    padding:7px 8px !important;
    border-radius:12px !important;
    font-size:.78rem !important;
    line-height:1.05 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }

  body .gor-page-shell > .gor-page-head .gor-stat-pill strong{
    display:block !important;
    font-size:1.05rem !important;
    line-height:1 !important;
  }
}

@media (max-width: 420px){
  body .gor-page-shell > .gor-page-head{
    padding:12px !important;
  }

  body .gor-page-shell > .gor-page-head h1{
    font-size:1.26rem !important;
  }

  body .gor-page-shell > .gor-page-head .gor-stat-pill{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    padding:6px 7px !important;
    font-size:.74rem !important;
  }

  body .gor-page-shell > .gor-page-head .gor-stat-pill strong{
    font-size:1rem !important;
  }
}