.elementor-2424 .elementor-element.elementor-element-12d026d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2424 .elementor-element.elementor-element-2d4c770 > .elementor-widget-container{padding:0px 0px 0px 020px;}.elementor-2424 .elementor-element.elementor-element-2d4c770.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2424 .elementor-element.elementor-element-2d4c770.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2424 .elementor-element.elementor-element-2d4c770.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2424 .elementor-element.elementor-element-2d4c770 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-2424 .elementor-element.elementor-element-2d4c770 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-2424 .elementor-element.elementor-element-adb4eb4{--display:flex;}.elementor-2424 .elementor-element.elementor-element-a53f354{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:070px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-d4ecaa9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2424 .elementor-element.elementor-element-d4ecaa9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2424 .elementor-element.elementor-element-d4ecaa9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2424 .elementor-element.elementor-element-d4ecaa9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2424 .elementor-element.elementor-element-87e6f7e .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2424 .elementor-element.elementor-element-87e6f7e .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2424 .elementor-element.elementor-element-87e6f7e .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2424 .elementor-element.elementor-element-87e6f7e .jet-listing-dynamic-field__content{text-align:left;}.elementor-2424 .elementor-element.elementor-element-6a08ea7{width:var( --container-widget-width, 13.345% );max-width:13.345%;--container-widget-width:13.345%;--container-widget-flex-grow:0;}.elementor-2424 .elementor-element.elementor-element-6a08ea7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2424 .elementor-element.elementor-element-6a08ea7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2424 .elementor-element.elementor-element-6a08ea7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2424 .elementor-element.elementor-element-6a08ea7 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2424 .elementor-element.elementor-element-6a08ea7 .jet-listing-dynamic-field__content{text-align:left;}.elementor-2424 .elementor-element.elementor-element-fdc42ce .jet-dynamic-table{width:90%;margin:0 auto;border-style:none;}.elementor-2424 .elementor-element.elementor-element-fdc42ce .jet-dynamic-table .jet-dynamic-table__header .jet-dynamic-table__col{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-9bc7aec );background-color:var( --e-global-color-primary );padding:10px 10px 10px 10px;border-style:none;text-align:center;vertical-align:middle;}.elementor-2424 .elementor-element.elementor-element-fdc42ce .jet-dynamic-table .jet-dynamic-table__body .jet-dynamic-table__col{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-9bc7aec );background-color:#FFFFFF00;padding:0.5px 0px 0px 0px;border-style:none;text-align:left;vertical-align:middle;}.elementor-2424 .elementor-element.elementor-element-8deff24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2424 .elementor-element.elementor-element-e141003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-2424 .elementor-element.elementor-element-2d4c770 .elementor-image-box-img{margin-bottom:15px;}.elementor-2424 .elementor-element.elementor-element-fdc42ce > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2424 .elementor-element.elementor-element-fdc42ce .jet-dynamic-table{width:100%;}}/* Start custom CSS for jet-dynamic-table, class: .elementor-element-fdc42ce */.jet-dynamic-table .jet-dynamic-table__header .jet-dynamic-table__col {
    border-radius: 5px;
    border-left: 4px solid white !important;
    border-bottom: 4px solid white !important;
}

table td, table th {
    padding: 0px;
    
}
.jet-dynamic-table__col--trofeos {display:none !important;}

.elementor-widget-jet-dynamic-table .jet-dynamic-table__body {
    display: flex; /* Permite que las filas se ordenen visualmente con `order` */
    flex-direction: column; /* Asegura que las filas se apilen verticalmente */
}

.elementor-widget-jet-dynamic-table .jet-dynamic-table__row {
    display: flex; /* Mantén flexibilidad para los elementos internos */
}


.jet-dynamic-table__body {
    display: block; /* Cambiar a block si está causando conflictos con flex */
    width: 100%; /* Asegura que ocupe todo el ancho */
    table-layout: fixed; /* Controla cómo se distribuyen las columnas */
}

.jet-dynamic-table__row {
    display: flex; /* Flex para garantizar que las celdas sigan las reglas de `order` */
    justify-content: space-between; /* Asegura que las columnas se distribuyan correctamente */
    width: 100%; /* Cada fila ocupa todo el espacio */
}

.jet-dynamic-table__col {
    flex: 1; /* Hace que cada columna tenga un tamaño proporcional */
    text-align: center; /* Ajusta el texto en el centro */
    padding: 8px; /* Añade espacio interno */
    overflow: hidden; /* Previene desbordamientos */
}

.jet-dynamic-table__col--{
    width: 20px !important;
    background: #252525;
    border-radius: 5px;
    vertical-align: middle !important;
    font-size: 18px;
    font-weight: 600 !important;

}




/*se vienen los media qurys


/* Media Query para Pantallas Pequeñas */
@media (max-width: 768px) {
    .fa-trophy{
        font-size:9px!important;
    }


  .jet-dynamic-table__row {
      display:flex;
    /* Cambia las filas a columnas en móviles */
    align-items: flex-start;
    gap: 2px; /* Espaciado entre elementos en cada fila */
    align-items: stretch; /* Asegura que todas las celdas tengan el mismo alto */
   
  }
  
  .jet-dynamic-table__col--nombre {
    align-items: stretch; /* Asegura que todas las celdas tengan el mismo alto */
    text-align: left;
     gap: 2px!important;
  }

  .jet-dynamic-table__col--puntaje {
     align-items: stretch; /* Asegura que todas las celdas tengan el mismo alto */
    text-align: right;
    font-size: 1em; /* Asegura un tamaño de texto adecuado */
    font-weight: bold;
  }
  
  .jet-dynamic-table__col-- {
    align-items: stretch;
    font-size: 18px;
    font-weight: bold;
  }
}

/* Media Query para Pantallas Muy Pequeñas (Teléfonos Compactos) */
@media (max-width: 480px) {
  .jet-dynamic-table {
    padding: 20px; /* Reduce el relleno */
  }

  .jet-dynamic-table__header {
    font-size: 0.9em; /* Reduce el tamaño del encabezado */
  }

  .jet-dynamic-table__col {
    font-size: 0.8em; /* Reduce el texto para ajustarse a pantallas pequeñas */
  }

  .jet-listing-dynamic-field__content i {
    font-size: 1em; /* Reduce el tamaño de los íconos */
  }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90134c9 */.pagination-container {
    margin-top: 20px;
    text-align: center;
}

.pagination-button {
    margin: 5px;
    padding: 10px 15px;
    background-color: #ffffff;
    color: #252525;
    font-weight: bold;
    border:1px solid #252525;
    cursor: pointer;
    border-radius: 5px;
}

.pagination-button.active {
    background-color: #252525;
    color: #fff;
    font-weight: bold;
    border:1px solid #252525;
}

.pagination-button:hover {
    background-color: #555;
}/* End custom CSS */