/* CoachPanel V20.0.3.29 · interfaz iPad canónica.
   Partidos 2x2, separación icono/texto, Campograma completo y fichas amplias. */

@media (min-width:700px) and (max-width:1400px){
  /* Botonera principal de Partidos: 4 accesos en 2x2, incluido CoachAI dinámico. */
  html body #partidos > .botonera-landing,
  html body #partidos.active > .botonera-landing,
  html body.submenu-limpio-activo #partidos > .botonera-landing,
  html body.submenu-limpio-activo #partidos.active > .botonera-landing{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto 22px!important;
    padding:22px!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid,
  html body #partidos.active .botonera-grid,
  html body.submenu-limpio-activo #partidos .botonera-grid{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(158px,auto)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid > .botonera-tile,
  html body.submenu-limpio-activo #partidos .botonera-grid > .botonera-tile{
    box-sizing:border-box!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr) 30px!important;
    grid-template-rows:auto auto!important;
    column-gap:28px!important;
    row-gap:10px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:158px!important;
    height:auto!important;
    margin:0!important;
    padding:24px 22px!important;
    border-radius:21px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:center!important;
    display:grid!important;
    place-items:center!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    border-radius:18px!important;
    font-size:35px!important;
    line-height:1!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-title{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1.12!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-sub{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-arrow{
    grid-column:3!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:end!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
  }

  /* Plantilla: Jugadores/Campograma 2x2, sin recortes. */
  html body #jugadores > .botonera-landing,
  html body #jugadores.active > .botonera-landing,
  html body.submenu-limpio-activo #jugadores > .botonera-landing,
  html body.submenu-limpio-activo #jugadores.active > .botonera-landing{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto 22px!important;
    padding:22px!important;
    overflow:visible!important;
  }
  html body #jugadores .botonera-grid.two,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two > .botonera-tile{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr) 30px!important;
    grid-template-rows:auto auto!important;
    column-gap:28px!important;
    row-gap:10px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:158px!important;
    height:auto!important;
    margin:0!important;
    padding:24px 22px!important;
    border-radius:21px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:center!important;
    display:grid!important;
    place-items:center!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1.12!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-arrow{
    grid-column:3!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:end!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
  }
  html body #jugadores .soccer-field-icon{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    flex:0 0 66px!important;
    overflow:hidden!important;
  }

  /* Fichas de partidos: escudos/enfrentamiento grandes y VS horizontal. */
  body:not(.family-live-mode) #partidosJugados .match-teams-cell,
  body:not(.family-live-mode) #partidosPorDisputar .match-teams-cell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    min-height:92px!important;
  }
  body:not(.family-live-mode) #partidosJugados .team-shield-img,
  body:not(.family-live-mode) #partidosPorDisputar .team-shield-img,
  body:not(.family-live-mode) #partidosJugados .team-shield-placeholder,
  body:not(.family-live-mode) #partidosPorDisputar .team-shield-placeholder{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    flex-basis:58px!important;
  }
  body:not(.family-live-mode) #partidosJugados .team-mini-name,
  body:not(.family-live-mode) #partidosPorDisputar .team-mini-name{
    font-size:15px!important;
    line-height:1.18!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    -webkit-line-clamp:2!important;
  }
  body:not(.family-live-mode) #partidosJugados .match-vs,
  body:not(.family-live-mode) #partidosPorDisputar .match-vs{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:64px!important;
    min-width:64px!important;
    height:38px!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    transform:none!important;
    white-space:nowrap!important;
    font-size:18px!important;
    font-weight:950!important;
  }
  body:not(.family-live-mode) #partidosJugados .match-score-fifa{
    min-width:64px!important;
    font-size:30px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media (min-width:700px) and (max-width:850px){
  html body #partidos .botonera-grid > .botonera-tile,
  html body #jugadores .botonera-grid.two > .botonera-tile{
    grid-template-columns:58px minmax(0,1fr) 24px!important;
    column-gap:20px!important;
    min-height:146px!important;
    padding:20px 17px!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-icon,
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-icon,
  html body #jugadores .soccer-field-icon{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-title,
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title{font-size:19px!important}
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-sub,
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub{font-size:11.5px!important}
}


/* V20.0.3.31 · Reglas finales iPad, posteriores a toda la interfaz heredada. */
@media (min-width:700px) and (max-width:1400px){
  html body #partidos .botonera-landing,
  html body.submenu-limpio-activo #partidos .botonera-landing{
    width:100%!important;
    max-width:none!important;
    padding:22px!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid,
  html body.cp-mobile-content-active #partidos .botonera-grid,
  html body.submenu-limpio-activo #partidos .botonera-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(154px,auto))!important;
    grid-auto-flow:row!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid > .botonera-tile,
  html body.cp-mobile-content-active #partidos .botonera-grid > .botonera-tile,
  html body.submenu-limpio-activo #partidos .botonera-grid > .botonera-tile{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr) 28px!important;
    grid-template-rows:auto auto!important;
    column-gap:30px!important;
    row-gap:9px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:154px!important;
    height:auto!important;
    padding:23px 22px!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-icon,
  html body.cp-mobile-content-active #partidos .botonera-grid > .botonera-tile .botonera-tile-icon{
    grid-column:1!important;
    grid-row:1/3!important;
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    margin:0!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-title,
  html body.cp-mobile-content-active #partidos .botonera-grid > .botonera-tile .botonera-tile-title{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    margin:0!important;
    font-size:21px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-tile-sub,
  html body.cp-mobile-content-active #partidos .botonera-grid > .botonera-tile .botonera-tile-sub{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  html body #partidos .botonera-grid > .botonera-tile .botonera-arrow{
    grid-column:3!important;
    grid-row:1/3!important;
  }

  html body #jugadores .botonera-grid.two,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    overflow:visible!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two > .botonera-tile{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr) 28px!important;
    grid-template-rows:auto auto!important;
    column-gap:30px!important;
    row-gap:9px!important;
    min-height:154px!important;
    height:auto!important;
    padding:23px 22px!important;
    overflow:visible!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    font-size:21px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    clip-path:none!important;
    -webkit-line-clamp:unset!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub{
    display:block!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .soccer-field-icon,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .soccer-field-icon{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    overflow:visible!important;
  }
}

/* V20.0.3.33 · Corrección real del recorte de Campograma en iPad.
   Se aplican los selectores exactos del HTML: .botonera-grid.two y .plantilla-submenu. */
@media (min-width:700px) and (max-width:1400px){
  html body #jugadores > .botonera-landing,
  html body #jugadores.active > .botonera-landing,
  html body.cp-mobile-content-active #jugadores > .botonera-landing,
  html body.submenu-limpio-activo #jugadores > .botonera-landing{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:16px!important;
    overflow:visible!important;
  }

  html body #jugadores .botonera-grid.two,
  html body #jugadores.active .botonera-grid.two,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile,
  html body #jugadores.active .botonera-grid.two > .botonera-tile,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile,
  html body.submenu-limpio-activo #jugadores .botonera-grid.two > .botonera-tile{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 20px!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:7px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:138px!important;
    height:auto!important;
    margin:0!important;
    padding:18px 16px!important;
    overflow:visible!important;
    text-align:left!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile > *,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile > *{
    min-width:0!important;
    max-width:100%!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-icon,
  html body #jugadores .botonera-grid.two > .botonera-tile .soccer-field-icon,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-icon,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .soccer-field-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:19px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    clip-path:none!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:11.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:unset!important;
  }

  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-arrow,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile .botonera-arrow{
    grid-column:3!important;
    grid-row:1 / 3!important;
    width:20px!important;
    min-width:20px!important;
    margin:0!important;
    justify-self:end!important;
  }

  /* Submenú real de Plantilla: Lista y Campograma nunca se recortan. */
  html body #jugadores .plantilla-submenu,
  html body #jugadores.active .plantilla-submenu,
  html body.cp-mobile-content-active #jugadores .plantilla-submenu{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 16px!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body #jugadores .plantilla-submenu > .plantilla-subtab,
  html body.cp-mobile-content-active #jugadores .plantilla-submenu > .plantilla-subtab{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 14px!important;
    font-size:15px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  html body #jugadores .plantilla-submenu > .plantilla-print-button,
  html body.cp-mobile-content-active #jugadores .plantilla-submenu > .plantilla-print-button{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  /* La vista del Campograma tampoco puede quedar cortada por contenedores heredados. */
  html body #campogramaPlantilla,
  html body #campogramaPlantilla .campograma-card,
  html body #campogramaPlantilla .campograma-layout,
  html body #campogramaPlantilla .campograma-roster-layout{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
}

@media (min-width:700px) and (max-width:820px){
  html body #jugadores .botonera-grid.two > .botonera-tile,
  html body.cp-mobile-content-active #jugadores .botonera-grid.two > .botonera-tile{
    grid-template-columns:48px minmax(0,1fr) 16px!important;
    column-gap:11px!important;
    padding:16px 13px!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-icon,
  html body #jugadores .botonera-grid.two > .botonera-tile .soccer-field-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-title{
    font-size:17.5px!important;
  }
  html body #jugadores .botonera-grid.two > .botonera-tile .botonera-tile-sub{
    font-size:10.8px!important;
  }
}