/* control del scroll */
.h-scroll {
  height: auto;
  max-height: 30em;
  overflow-y: scroll  !important;
  overflow-x: hidden  !important;
}

.h-scroll::-webkit-scrollbar {
  width: 8px;
  overflow: auto;
}

.h-scroll::-webkit-scrollbar-thumb {
  background-color: #1e88e5;
  border-radius: 8px;
  overflow: auto;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.w-scroll {
  width: 320px;
  max-width: 600px;
  overflow-y: hidden !important;
  overflow-x: scroll  !important;
}

.w-scroll::-webkit-scrollbar {
  width: 8px;
  overflow: auto;
}

.w-scroll::-webkit-scrollbar-thumb {
  background-color: #1e88e5;
  border-radius: 8px;
  overflow: auto;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}


}
/*fin control del scroll */

.bg_msc_gris {
  background-image: url(https://medellinsoccercup.com/wp-content/uploads/2022/06/fondogris.png);
  background-repeat: no-repeat;
   background-size: cover;
  height: 100%;
  padding: 10px 10px;
}

.bg_msc_blanco {
  background-image: url(http://medellinsoccercup.com/wp-content/uploads/2022/06/fondofffff.png);
  background-repeat: no-repeat;
   background-size: cover;
  height: 100%;
  padding: 10px 10px;
}

.bg_msc_oscuro {
  background-image: url(http://medellinsoccercup.com/wp-content/uploads/2022/06/fondo1e37.png);
  background-repeat: no-repeat;
   background-size: cover;
  height: 100%;
  padding: 10px 10px;
}

.bg_msc_azul {
  background-image: url(http://medellinsoccercup.com/wp-content/uploads/2022/06/fondo98da.png);
  background-repeat: no-repeat;
    background-size: cover;
  height: 100%;
  padding: 10px 10px;
}

.footerjb {
   
      background-color: #0098da;
      padding: 20px 0;
}

.bandera{
    padding: 0;
    width: 25px;
}

.jbcenter {
  display: flex;
  align-items: center;
  justify-content: center;
  
}

 /* CSS de las fases eliminatorias en las categprias */
.bracket_jb  {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 20px;
    }
    .round_jb  {
      flex: 1;
      min-width: 150px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    /* Partidos: por defecto 250px de ancho */
    .match_jb  {
      background-color: #003399;
      border: 3px solid #00FF00;
      border-radius: 8px;
      margin: 10px 0;
      padding: 10px;
      width: 400px;
      text-align: left;
      position: relative;
    }
    /* Encabezado en cada partido */
    .match-round_jb  {
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      margin-bottom: 5px;
    }
    .team_jb  {
      display: flex;
      align-items: center;
      background-color: #A84497;
      padding: 5px;
      margin: 5px 0;
      border-radius: 4px;
      cursor: text;
        justify-content: space-between; /* Para separar texto y número */
    }
    .team_jb:focus-within {
      outline: 2px solid #60A3BC;
    }
    /* Se aumenta el tamaño del logo para que ocupe aproximadamente la misma altura de los textos */
    .team-logo_jb  {
      width: 60px;
      height: auto;
      margin-right: 5px;
      flex-shrink: 0;
    }
    .team-flag_jb  {
      width: 25px;
      height: auto;
      margin-right: 5px;
      flex-shrink: 0;
    }
    .team-text_jb  {
      display: flex;
      flex-direction: column;
    }
    .team-name_jb  {
      font-weight: bold;
    }
    .team-location_jb  {
      font-size: 0.8em;
      color: #ffffff;
    }
    .team-info_jb  {
  display: flex;
  align-items: center;
}

.team-score_jb  {
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  width: 50px;
  text-align: end;
}
    /* Texto adicional de procedencia */
    .procedencia_jb  {
      color: rgb(193, 193, 193);
      text-transform: uppercase;
      font-size: 0.8em;
      margin-top: 2px;
    }
    .time_jb  {
      font-size: 0.85em;
      color: #82CCDD;
      margin-top: 5px;
      text-align: center;
    }
    /* Aumenta el tamaño de los partidos en semifinales */
    .semifinales_jb  .match_jb  {
      margin: 100px 0;
      width: 400px;
    }
    /* Aumenta el tamaño de los partidos en final */
    .final-round_jb  .match_jb  {
      width: 400px;
    }
    /* Media queries para dispositivos móviles */
    @media (max-width: 768px) {
      .bracket_jb  {
        flex-direction: column;
        align-items: center;
      }
      .round_jb  {
        width: 100%;
        max-width: 400px;
        margin-bottom: 20px;
      }
      .match_jb  {
        width: 90%;
        margin: 10px auto;
        text-align: center;
      }
      .semifinales_jb  .match_jb ,
      .final-round_jb  .match_jb  {
        width: 90%;
        margin: 10px auto;
      }
      .team_jb  {
        justify-content: center;
      }
    }
    
     .match_jb_res  {
     background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondoazul.jpg);
         background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        padding: 10px 10px;
      border: 3px solid #3D4752;
      border-radius: 8px;
      margin: 10px 0;
      padding: 10px;
      width: auto;
      text-align: left;
      position: relative;
    }
 .team_jb_res  {
      display: flex;
      align-items: center;
      background-color: #3F71A5a5;
      padding: 5px;
      margin: 5px 0;
      border-radius: 4px;
        justify-content: space-between; /* Para separar texto y número */
    }
    
      .team-flag_jb_res  {
      width: 40px;
      height: auto;
      margin-right: 10px;
      flex-shrink: 0;
    }
     .jb_pro_match {
        background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondorosafo.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        padding: 10px 10px;
      border: 3px solid #A84497;
      border-radius: 8px;
      margin: 10px 0;
      width: auto;
      text-align: left;
      position: relative;
      align-items: center;
    }
    
     .team_jb_pro  {
      display: flex;
      align-items: center;
      background-color: #A84497a5;
      padding: 5px;
      margin: 5px 0;
      border-radius: 4px;
      cursor: text;
        justify-content: space-between; /* Para separar texto y número */
    }
    
    .bg_fimff_gris {
  background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondogris.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 10px;
}
.bg_fimff_rosado {
  background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondorosafo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 10px;
}
.bg_fimff_fucsia {
  background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondofucsia.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 10px;
}
.bg_fimff_azul {
  background-image: url(http://futbolyflores.com/wp-content/uploads/2025/07/fondoazul.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 10px;
}