body {
      font-family: 'Inter', sans-serif; /* Aplicar fuente Inter a todo el cuerpo del documento */
      padding-top:0px;
    }
    .container {
      max-width: 800px;
    }
    /* Estilos para hacer las pestañas scrollable en dispositivos móviles */
    .tabs {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
      padding-bottom: 10px; /* Espacio para scrollbar */
    }
    .tabs .indicator {
      background-color:#039be5;
    }
	
	.tabs .tab a{
	color:#AAA;
	}
	.tabs .tab a:focus, .tabs .tab a:focus.active {
	background-color:transparent;
	color:#039be5;
	outline: none;
	}
	.tabs .tab a:hover,tabs .tab a:active,.tabs .tab a.active {
	background-color:transparent;
	color:#039be5;
	}
	.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
	background-color:transparent;
	color:#039be5;
	}

    /* Pestañas de ancho completo en dispositivos móviles */
    @media screen and (max-width: 600px) {
      body, .container {
        width: 100%;
        margin: 0;
        padding: 0;
      }
      .tabs {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
      .tab {
        display: inline-block;
        width: auto;
        margin-bottom: -1px; /* Corregir el espacio adicional debajo de las pestañas */
      }
    }
	
	/* Estilos para el header */
    header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #039be5;
      padding: 10px;
      color: white;
    }
    .header-logo-text {
      display: flex;
      align-items: center;
	  font-family: 'Inter', sans-serif;
    }
    .header-logo-text img {
      width: 100px;
      height: 100px;
      margin-right: 5px;
    }
    .header-title {
      margin: 0;
      font-size: 17px;
    }
    .header-subtitle {
      margin: 5px 0 0;
      font-size: 15px;
      font-weight: 400;
      color: rgba(255,255,255,.5);
    }
	 .header-year h1 {
		font-size: 30px; /* Tamaño más pequeño */
		font-weight: bold; /* Texto en negrita */
		padding-left: 20px; /* Separación a la derecha */
		margin: 0; /* Elimina márgenes verticales */
	}
	/* Estilo para la tabla de posiciones */
    .small-table {
      border-collapse: collapse; /* Elimina el espacio entre celdas */
      width: 100%;
      margin: 20px 0;
    }

    .small-table th,
    .small-table td {
      padding: 2px 6px; /* Reduce el padding de las celdas */
    }

    .small-table th {
      background-color: #f5f5f5; /* Color de fondo para la cabecera */
      border-bottom: 1px solid #ddd; /* Borde inferior para cabecera */
    }

    .small-table td {
      border-bottom: 1px solid #ddd; /* Borde inferior para cada fila */
    }

    .small-table td img {
      vertical-align: middle; /* Alinear el escudo verticalmente en el centro */
    }