/* PORRAS_V2_MOBILE_DATA_FIX_V114 */
body.porras-v2-mode[data-screen="predictions"] .mobile-content {
  min-height: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  padding: 0 !important;
  scroll-padding: 0 !important;
}

body.porras-v2-mode[data-screen="predictions"] #screen-predictions.is-active {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.porras-v2-mode[data-screen="predictions"] #predictionList,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-experience {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-experience {
  position: relative;
  display: flex;
  flex-direction: column;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-header {
  flex: 0 0 auto;
  padding: .82rem 1rem .22rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-topbar {
  grid-template-columns: 2.85rem minmax(0,1fr) auto;
  gap: .55rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-home,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-actions button {
  width: 2.85rem;
  height: 2.85rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-home-label {
  font-size: 1.02rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-title {
  margin-top: .62rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-title h1 {
  font-size: 1.42rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-content {
  flex: 1 1 auto;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  padding: .28rem 1rem .9rem !important;
  scroll-padding-bottom: 1rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-view {
  padding-top: .78rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-top-tabs,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-period-tabs {
  margin-bottom: .72rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-top-tabs button,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-period-tabs button {
  min-height: 2.28rem;
  padding-inline: 1rem;
}

/* El partido principal debe ser protagonista, no ocupar media pantalla. */
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured {
  padding: .78rem .82rem .76rem;
  border-radius: 1.18rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured-meta {
  margin-bottom: .45rem;
  font-size: .72rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-matchup {
  gap: .38rem;
  grid-template-columns: minmax(0,1fr) 1.8rem minmax(0,1fr);
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-team {
  gap: .28rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .prediction-team-crest,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .football-team-crest,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team-logo,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team img {
  width: 3.65rem !important;
  height: 3.65rem !important;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-team strong {
  font-size: .84rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-vs {
  font-size: .98rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured-form {
  margin-top: .38rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card {
  padding-top: .52rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card__head {
  padding-top: .52rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card__head span {
  font-size: .81rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-scoreboard {
  margin-top: .38rem;
  gap: .52rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-team input {
  width: 3.45rem;
  height: 3.45rem;
  border-radius: .82rem;
  font-size: 1.72rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-controls button {
  width: 1.55rem;
  height: 1.42rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card > p {
  margin: .4rem 0 .52rem;
  font-size: .64rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card .primary-action {
  min-height: 2.62rem;
  border-radius: .78rem;
  font-size: .84rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-countdown {
  min-height: 2.22rem;
  margin-top: .52rem;
  font-size: .76rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-saved {
  margin-top: .38rem;
  font-size: .72rem;
}

/* Footer propio: siempre visible; únicamente se desplaza el contenido central. */
body.porras-v2-mode[data-screen="predictions"] .porras-v2-footer {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  flex: 0 0 auto;
  width: 100%;
  min-height: calc(4rem + env(safe-area-inset-bottom));
  padding: .32rem .62rem calc(.32rem + env(safe-area-inset-bottom));
  z-index: 80;
  background: rgba(255,255,255,.99);
  box-shadow: 0 -8px 22px rgba(48,34,18,.08);
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-footer button {
  min-height: 3.55rem;
  border-radius: .95rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-footer button svg {
  width: 1.32rem;
  height: 1.32rem;
}

body.porras-v2-mode[data-screen="predictions"] .porras-v2-footer button span {
  font-size: .64rem;
}

@media (max-width: 390px) {
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-header,
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-content {
    padding-left: .82rem !important;
    padding-right: .82rem !important;
  }
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .prediction-team-crest,
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .football-team-crest,
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-team-logo,
  body.porras-v2-mode[data-screen="predictions"] .porras-v2-team img {
    width: 3.35rem !important;
    height: 3.35rem !important;
  }
}


/* PORRAS_V2_COMPACT_V116 */
body.porras-v2-mode[data-screen="predictions"] .mobile-menu-fab,
body.porras-v2-mode[data-screen="predictions"] .mobile-quick-menu { display:none !important; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured { padding:.56rem .68rem .58rem; border-radius:1rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured-meta { margin-bottom:.28rem; font-size:.66rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-matchup { gap:.2rem; grid-template-columns:minmax(0,1fr) 1.45rem minmax(0,1fr); }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team { gap:.14rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .prediction-team-crest,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team .football-team-crest,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team-logo,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team img { width:2.9rem !important; height:2.9rem !important; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-team strong { font-size:.78rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-vs { font-size:.88rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured-form { margin-top:.18rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card { padding-top:.28rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card__head { padding-top:.28rem; gap:.2rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card__head span,
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card__head strong { font-size:.7rem; line-height:1.05; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-scoreboard { margin-top:.2rem; gap:.3rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-team { gap:.12rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-team input { width:2.9rem; height:2.9rem; border-radius:.7rem; font-size:1.45rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-controls button { width:1.4rem; height:1.28rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card > p { margin:.24rem 0 .34rem; font-size:.58rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-featured .prediction-score-card .primary-action { min-height:2.25rem; border-radius:.68rem; font-size:.76rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-countdown { min-height:1.8rem; margin-top:.3rem; font-size:.68rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-saved { margin-top:.2rem; font-size:.66rem; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-compact[role="button"] { cursor:pointer; }
body.porras-v2-mode[data-screen="predictions"] .porras-v2-compact[role="button"]:active { transform:scale(.995); }