.elementor-56456 .elementor-element.elementor-element-f379631{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-56456 .elementor-element.elementor-element-55f4e35.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-56456 .elementor-element.elementor-element-55f4e35 img{opacity:1;}.elementor-56456 .elementor-element.elementor-element-9f0bf8f{--display:flex;}.elementor-56456 .elementor-element.elementor-element-cb13711{--display:flex;}.elementor-56456 .elementor-element.elementor-element-9f8248c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-16a7d17 */h1 {
  /* Fondo */
  background-color: black; /* Fondo negro como en la imagen y tu tabla */

  /* Color del texto */
  color: #0040ff; /* Tu azul intenso, acorde con tu tabla */

  /* Tipografía */
  font-family: 'Bebas Neue', sans-serif; /* Usamos Bebas Neue como alternativa a 'Univers LT 85 Extra Black Oblique' */
  font-size: 80px; /* Tamaño de fuente grande, similar al de la imagen */
  font-weight: bold; /* 'Bebas Neue' ya es bold por diseño, pero lo especificamos */
  font-style: italic; /* Para el efecto 'Oblique' (cursiva) */
  letter-spacing: -2px; /* Espaciado entre letras más apretado, como en el ejemplo */

  line-height: 1.2; /* Ajusta la altura de línea, 'auto' o 'normal' también funcionan */
  text-align: center; /* Centrar el texto horizontalmente */

  /* Márgenes y padding para el h1 */
  padding: 20px 0; /* Un poco de padding arriba y abajo */
  margin: 30px auto; /* Centrar el h1 horizontalmente y darle espacio alrededor */

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15d16de *//* Código CSS existente */
.ranking-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 12px 10px;
  font-family: sans-serif;
  margin: 10px 0;
  background-color: black;
}

.ranking-table thead th {
  background-color: black;
  color: white;
  border: 3px solid #0040ff;
  padding: 12px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
}

/* Nota: Ajusté los valores para la columna de "Posición" para que sea más coherente. */
/* Si "Posición" debe ser fija a 50px, entonces min-width y max-width deben ser 50px. */
.ranking-table thead th:first-child,
.ranking-table tbody td:first-child {
  width: 90px; 
  min-width: 90px; 
  max-width: 50px; 
  white-space: nowrap; 
}

.ranking-table tbody td {
  background-color: #0040ff; /* Azul intenso */
  color: white;
  font-weight: bold;
  padding: 12px;
  border-radius: 6px;
  text-align: center;
}

/* --- ESTILO RESPONSIVO --- */
.table-container {
  overflow-x: auto; /* Permite el desplazamiento horizontal */
  -webkit-overflow-scrolling: touch; /* Mejora el desplazamiento en iOS */
  margin: 10px 0; /* Ajusta los márgenes si es necesario */
}

/* Opcional: ajustar el tamaño de fuente para pantallas pequeñas */
@media screen and (max-width: 768px) {
  .ranking-table {
    font-size: 14px; /* Hace la fuente un poco más pequeña */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb13711 *//* Código CSS existente */
.ranking-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 12px 10px;
  font-family: sans-serif;
  margin: 10px 0;
  background-color: black;
}

.ranking-table thead th {
  background-color: black;
  color: white;
  border: 3px solid #0040ff;
  padding: 12px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
}

/* Nota: Ajusté los valores para la columna de "Posición" para que sea más coherente. */
/* Si "Posición" debe ser fija a 50px, entonces min-width y max-width deben ser 50px. */
.ranking-table thead th:first-child,
.ranking-table tbody td:first-child {
  width: 90px; 
  min-width: 90px; 
  max-width: 50px; 
  white-space: nowrap; 
}

.ranking-table tbody td {
  background-color: #0040ff; /* Azul intenso */
  color: white;
  font-weight: bold;
  padding: 12px;
  border-radius: 6px;
  text-align: center;
}

/* --- ESTILO RESPONSIVO --- */
.table-container {
  overflow-x: auto; /* Permite el desplazamiento horizontal */
  -webkit-overflow-scrolling: touch; /* Mejora el desplazamiento en iOS */
  margin: 10px 0; /* Ajusta los márgenes si es necesario */
}

/* Opcional: ajustar el tamaño de fuente para pantallas pequeñas */
@media screen and (max-width: 768px) {
  .ranking-table {
    font-size: 14px; /* Hace la fuente un poco más pequeña */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99c3c5b */.boton {
  background-color: rgb(0, 0, 0); /* Fondo negro */
  border-radius: 8px; /* Borde con radio de 3px */
  border: 4px solid #0040ff; /* Borde de 2px sólido color azul intenso */
  color: white; 
  padding: 10px 20px; 
  text-align: center; 
  text-decoration: none; /* Elimina el subrayado si es un enlace */
  display: inline-block; /* Permite aplicar padding y margin correctamente */
  font-size: 16px; 
  cursor: pointer; 
}

.contenedor-boton {
  display: flex;
  justify-content: center; 
  align-items: center; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f8248c */.boton {
  background-color: rgb(0, 0, 0); /* Fondo negro */
  border-radius: 8px; /* Borde con radio de 3px */
  border: 4px solid #0040ff; /* Borde de 2px sólido color azul intenso */
  color: white; 
  padding: 10px 20px; 
  text-align: center; 
  text-decoration: none; /* Elimina el subrayado si es un enlace */
  display: inline-block; /* Permite aplicar padding y margin correctamente */
  font-size: 16px; 
  cursor: pointer; 
}

.contenedor-boton {
  display: flex;
  justify-content: center; 
  align-items: center; 
}/* End custom CSS */